一键导入书签,首页替代神器!批量去重、自动备份,维护不再头疼

修仙也能自动化?Docker三分钟部署你的刷宝修仙系统!
修仙也能自动化?Docker三分钟部署你的刷宝修仙系统!

前言

欢迎使用 “XiuXianGame” —— 一款基于Vue构建的文字修仙游戏,玩法轻松、剧情丰富,主打“挂机刷资源,躺平修成仙”!

为了让开发者和玩家能够快速体验或部署该项目,我们提供了完整的Docker一键部署方案。无论你是想本地调试、快速预览,还是在服务器上公开运行,只需一条命令,即可启动整个前端服务,无需手动安装Node.js、构建依赖或配置Web服务器。

本指南将带你从零开始,通过Docker镜像高效、可靠地运行 “我的文字修仙全靠刷”,让你专注于修仙,而不是环境配置 。

1.在极空间部署vue-XiuXianGame

1.1ssh远程连接到极空间

  • 开启【SSH 服务】
  • 使用终端(Windows PowerShell / Mac Terminal)登录:
ssh root@IP

没有ssh的小伙伴可以参考这篇文章:

连接成功:极空间别再吃灰了!开启SSH,秒变全能服务器! – cpolar 极点云官网

1.2验证docker是否开启

使用命令:

docker -v 
systemctl status -v

没有docker的小伙伴可以参考这篇文章:极空间开箱实录:从拆箱到远程访问保姆级教程,30分钟上手! – cpolar 极点云官网

1.3安装vue-XiuXianGame

首先创建一下安装的目录并进入到该目录:

sudo mkdir -p /docker/vue-XiuXianGame
cd /docker/vue-XiuXianGame

创建并编辑 docker-compose.yml文件:

version: '3.9'
services:
  vue-xiuxiangame:
    image: setube/vue-xiuxiangame:latest
    ports:
      - '9090:8080'
    container_name: xiuxian
    tty: true
    stdin_open: true

启动容器:

docker-compose up -d

部署完成后,在浏览器中输入 http://极空间IP:9090 就能看到vue-XiuXianGame的界面:

接下来我们可以开启我们的文字修仙之旅啦!

1.4简单使用vue-XiuXianGame

点进去“休闲娱乐”就有很多小游戏可以玩,增加我们的灵石。

目前很菜,直接被战胜了。

自动修仙。

通过我的不断努力变强以后,可以战胜了。

还可以选择模式。

但如果你希望让朋友从外网访问你的修仙世界,而你又没有公网IP或云服务器?别担心——借助cpolar,你可以轻松将本地服务暴露到公网,实现随时随地“一起修仙”。

2.安装cpolar实现随时随地玩游戏

cpolar 可以将你本地电脑中的服务(如 SSH、Web、数据库)映射到公网。即使你在家里或外出时,也可以通过公网地址连接回本地运行的开发环境。

❤️以下是安装cpolar步骤:

官网在此:https://www.cpolar.com

使用一键脚本安装命令:

sudo curl https://get.cpolar.sh | sh

安装完成后,执行下方命令查看cpolar服务状态:(如图所示即为正常启动)

sudo systemctl status cpolar

Cpolar安装和成功启动服务后,在浏览器上输入虚拟机主机IP加9200端口即:【http://ip:9200】访问Cpolar管理界面,使用Cpolar官网注册的账号登录,登录后即可看到cpolar web 配置界面,接下来在web 界面配置即可:

打开浏览器访问本地9200端口,使用cpolar账户密码登录即可,登录后即可对隧道进行管理。

3.配置公网地址

登录cpolar web UI管理界面后,点击左侧仪表盘的隧道管理——创建隧道:

  • 隧道名称:可自定义,本例使用了:xiuxian,注意不要与已有的隧道名称重复
  • 协议:http
  • 本地地址:9090
  • 域名类型:随机域名
  • 地区:选择China Top

创建成功后,打开左侧在线隧道列表,可以看到刚刚通过创建隧道生成了公网地址,接下来就可以在其他电脑或者移动端设备(异地)上,使用地址访问。

访问成功。

4.保留固定公网地址

使用cpolar为其配置二级子域名,该地址为固定地址,不会随机变化。

点击左侧的预留,选择保留二级子域名,地区选择china Top,然后设置一个二级子域名名称,我使用的是xiuxian,大家可以自定义。填写备注信息,点击保留。

登录cpolar web UI管理界面,点击左侧仪表盘的隧道管理——隧道列表,找到所要配置的隧道,点击右侧的编辑

修改隧道信息,将保留成功的二级子域名配置到隧道中

  • 域名类型:选择二级子域名
  • Sub Domain:填写保留成功的二级子域名
  • 地区: China Top

点击更新

更新完成后,打开在线隧道列表,此时可以看到随机的公网地址已经发生变化,地址名称也变成了保留和固定的二级子域名名称。

最后,我们使用固定的公网地址在任意设备的浏览器中访问,可以看到成功访问极空间的页面,这样一个永久不会变化的二级子域名公网网址即设置好了。

总结

通过本文介绍的Docker一键部署方案,你已成功将Vue项目 “XiuXianGame”(我的文字修仙全靠刷) 容器化并快速运行起来。整个过程无需手动配置开发环境、构建工具或 Web 服务器,极大简化了部署流程,提升了可移植性与维护效率。无论你是开发者、运维人员,还是只想体验这款轻松有趣的文字修仙游戏的玩家,Docker都为你提供了一条“开箱即用”的捷径。

现在,启动容器,挂机刷灵石,踏上你的自动化修仙之路吧!🧘‍♂️✨

感谢您对本篇文章的喜爱,有任何问题欢迎留言交流。cpolar官网-安全的内网穿透工具 | 无需公网ip | 远程访问 | 搭建网站

笑看我世界
少年养狗,中年养猫。一儿一女,儿女双全。

一键导入书签,首页替代神器!批量去重、自动备份,维护不再头疼

熊猫不是猫
什么都玩!v:westlife995
2 人赞同了该文章
一键导入书签,首页替代神器!批量去重、自动备份,维护不再头疼

「NAS、键盘、路由器······年轻就要多折腾,我是爱折腾的熊猫—多面手博主!咱主打的就是一个 “技能不压身,干货不掺水”」

引言

关于导航页熊猫写过不少了,已经写了如此多的情况下寻常的导航页已经入不了熊猫的眼了,但今天要介绍的新项目熊猫非常喜欢,最主要的因素还是除了导航这件事儿本身,他自身的浏览器插件提供了非常不错的功能。今天要介绍的就是新晋导航页-Con-Nav-Item。

Con-Nav-Item目前在github开源,地址为:github.com/zczy-k/Con-N。该项目更新频率也非常之高,从一周前开源到现在几乎每天都在更新,对于一个完成度已经非常高的项目来说非常不错。项目特性如下:

项目部署

该项目的部署并不难,作者已经打包好了镜像并提供了compose,我们只需要打开NAS,随后将代码复制进compose项目中就行,不过需要注意其中的一些变量以及文件夹的映射路径,需要根据自身nas的环境更改。

version: '3'
services:
  Con-Nav-Item:
    image: ghcr.io/zczy-k/con-nav-item:latest
    container_name: Con-Nav-Item
    ports:
      - "3000:3000"
    environment:
      - ADMIN_USERNAME=admin
      - ADMIN_PASSWORD=123456
    volumes:
      - ./database:/app/database
      - ./backups:/app/backups
    restart: unless-stopped

其中ADMIN_USERNAME为项目用户名,ADMIN_PASSWORD为用户密码。

部署完成之后日志会有对应的提示,没有报错就算是成功了。不过容器部署只是该项目的一半,重要的还是它的浏览器插件,功能非常不错。我们回到项目的开源地址,下载之后得到这个文件夹。

随后打开浏览器的扩展界面,这里以熊猫的chrome为例,选择加载未打包的扩展程序,选中我们刚刚下载的文件夹就行,提示错误不需要管他。

随后扩展插件会要求你填写导航页地址,这里可以选择将项目通过lucky反代,填写地址需要验证用户名和密码,在创建容器时填写过,插件可以选择新标签页的模式,一种是常规的导航页,另一种则是快速访问界面。

项目体验

部署完成之后通过浏览器打开,默认端口界面为导航页,想要进后台需要在后面加上/admin后缀。

首页非常干净,搜索引擎支持多引擎也支持添加自定义引擎。顶部是大的分类,右下角可以打开壁纸随机和添加标签的操作,不过一般来说用不上,主要还是直接用插件操作。

后台界面支持栏目管理、卡片管理与去重、标签管理、广告管理、友链以及多用户管理,备份支持自动备份,支持WebDAV协议。

该项目最重要的还是浏览器插件的书签管理器。通过书签管理器可以直接导入本地浏览器的书签,同时通过该插件还能直接通过AI生成标签。

写在最后

目前导航页本身功能还有点少,但插件的作用蛮大的,不过项目还一直在持续更新,期待后续新功能。

以上便是本次分享的全部内容了,如果你觉得还算有趣或者对你有所帮助,不妨点赞收藏,最后也希望能得到你的关注,咱们下期见!