腾讯轻量云搭建新兴导航程序twonav小白教程+简单使用介绍!
腾讯轻量云搭建新兴导航程序twonav小白教程+简单使用介绍!<br /><br />
我们在上网冲浪,以及平时工作的时候,会经常需要保存书签,但是书签多了,不够直观,也不方便管理,今天我来教大家搭建一个最近比较火热的新兴导航程序---twonav,<br />
<br />
TwoNav是一款开源的书签(导航)管理程序,其主要功能和特色如下:<br />
<br />
1. **功能**<br />
- 集中管理浏览器书签,解决跨设备、平台和浏览器的同步与访问难题。<br />
- 支持后台管理,包括站点设置、用户管理、链接管理等。<br />
- 具备多种链接管理功能,如私有、加密、分享链接,批量导入导出,自动识别链接信息等。<br />
- 提供数据统计功能,如分类数量、链接数量、访问量和点击量统计等。<br />
2. **特色**<br />
- 界面简洁,安装简单,使用方便,基础功能免费。<br />
- 支持用户分组/权限管理,安全性高,包括更换登录入口、二级密码、OTP双重验证等。<br />
- 支持多种部署方式,如Docker部署,且兼容多种浏览器扩展和插件,如uTools插件、Chromium内核浏览器扩展。<br />
- 提供26个主题模板,支持模板更换和混搭。<br />
<br />
<img id="aimg_WN46u" onclick="zoom(this, this.src, 0, 0, 0)" class="zoom" src="https://png.438400.xyz/2025/01/08/677d604d14063.webp" onmouseover="img_onmouseoverfunc(this)" onload="thumbImg(this)" border="0" alt="" /><br />
<img id="aimg_a7dDY" onclick="zoom(this, this.src, 0, 0, 0)" class="zoom" src="https://png.438400.xyz/2025/01/08/677d609edf195.webp" onmouseover="img_onmouseoverfunc(this)" onload="thumbImg(this)" border="0" alt="" /><br />
<br />
我们还是使用腾讯轻量云服务器来搭建!并且这次会提供两种安装方法~宝塔面板普通部署以及1panle面板Docker部署<br />
<br />
## 一、部署前的准备工作<br />
<br />
在正式开始教程之前,需要完成两个关键的准备工作:<br />
<br />
### (一)域名解析<br />
<br />
把域名解析到轻量服务器的IP上面。需要注意的是,如果使用的是国内的轻量服务器,按照相关规定还需要先完成北岸哦。在本次演示中,我使用的是二级域名来进行操作展示,方便大家理解整个流程。<br />
<br />
### (二)防火Q端口设置<br />
<br />
轻量服务器的防火Q需要放通8888端口,这是宝塔面板的默认端口,若不放开此端口,后续将无**常打开宝塔面板进行相关操作。<br />
<br />
以下附上对应准备工作涉及的关键截图示例,方便大家对照查看:<br />
<br />
<img id="aimg_PE8Fr" onclick="zoom(this, this.src, 0, 0, 0)" class="zoom" src="https://png.438400.xyz/2025/01/07/677c12d9ad91e.webp" onmouseover="img_onmouseoverfunc(this)" onload="thumbImg(this)" border="0" alt="" /><br />
<img id="aimg_OgGPl" onclick="zoom(this, this.src, 0, 0, 0)" class="zoom" src="https://png.438400.xyz/2025/01/07/677c15c28c980.webp" onmouseover="img_onmouseoverfunc(this)" onload="thumbImg(this)" border="0" alt="" /><br />
<br />
## 三、宝塔面板部署教程<br />
<br />
### (一)安装宝塔面板<br />
<br />
我们可以使用轻量云服务器的宝塔应用模版来安装系统,这种方式操作相对便捷,适合大多数新手用户。当然了,如果您对服务器安装操作比较熟悉,也可以自行安装宝塔面板。<br />
<br />
以下是安装过程中的部分截图示例,便于您直观了解操作界面情况:<br />
<br />
<img id="aimg_dtZTM" onclick="zoom(this, this.src, 0, 0, 0)" class="zoom" src="https://png.438400.xyz/2025/01/07/677c146f58733.webp" onmouseover="img_onmouseoverfunc(this)" onload="thumbImg(this)" border="0" alt="" /><br />
<img id="aimg_F7iM8" onclick="zoom(this, this.src, 0, 0, 0)" class="zoom" src="https://png.438400.xyz/2025/01/07/677c16584842d.webp" onmouseover="img_onmouseoverfunc(this)" onload="thumbImg(this)" border="0" alt="" /><br />
<br />
安装完成后,来这里查看面板登录地址!复制最后那条命令,然后点击登录,将命令复制到终端里面运行,就可以获取到面板的初始用户名跟密码。操作界面参考如下截图:<br />
<br />
<img id="aimg_Y5zf0" onclick="zoom(this, this.src, 0, 0, 0)" class="zoom" src="https://png.438400.xyz/2025/01/07/677c17659bede.webp" onmouseover="img_onmouseoverfunc(this)" onload="thumbImg(this)" border="0" alt="" /><br />
<img id="aimg_cAjXs" onclick="zoom(this, this.src, 0, 0, 0)" class="zoom" src="https://png.438400.xyz/2025/01/07/677c17bcf0f46.webp" onmouseover="img_onmouseoverfunc(this)" onload="thumbImg(this)" border="0" alt="" /><br />
<br />
### (二)安装运行环境<br />
<br />
成功登录宝塔面板后,我们需要到软件商店安装以下运行环境,以确保程序能够正常运行:<br />
- nginx1.24:一款高性能的web服务器软件,在处理网页请求、静态资源服务等方面表现出色,为系统提供稳定的网络服务基础。<br />
- mysql5.7:常用的关系型数据库管理系统,用于存储和管理系统运行过程中产生的各类数据,如用户信息、域名配置等。<br />
- php8.2:作为一种广泛应用的服务器端脚本语言,能与上述的web服务器和数据库协同工作,实现系统的各种功能逻辑。<br />
<br />
在软件商店中选择上述软件,使用极速安装即可,对于技术大佬来说,如果有特定的性能优化或者功能定制需求,也可以选择编译安装方式。整个安装过程大概需要10分钟左右,请耐心等待安装完成。<br />
<br />
安装完成后的操作界面截图示例如下:<br />
<br />
<img id="aimg_OJzkl" onclick="zoom(this, this.src, 0, 0, 0)" class="zoom" src="https://png.438400.xyz/2025/01/07/677c1df334260.webp" onmouseover="img_onmouseoverfunc(this)" onload="thumbImg(this)" border="0" alt="" /><br />
<br />
### (三)新建网站<br />
<br />
运行环境安装好后,点击左边菜单里面的“网站”选项,开始新建网站。在相应的设置页面中,填写之前解析好的域名,同时创建数据库,其他的配置选项保存默认即可,然后点击“确定”按钮完成网站创建操作。<br />
<br />
参考截图如下:<br />
<br />
<img id="aimg_C1d1V" onclick="zoom(this, this.src, 0, 0, 0)" class="zoom" src="https://png.438400.xyz/2025/01/07/677c1f36908d6.webp" onmouseover="img_onmouseoverfunc(this)" onload="thumbImg(this)" border="0" alt="" /><br />
<br />
网站创建完成后,我们去下载程序源代码<br />
https://gitee.com/tznb/TwoNav/releases<br />
<br />
这是程序的下载地址,我们下载zip压缩包即可!将下载的程序包上传到网站根目录,并且解压!<br />
<br />
<img id="aimg_XLmNa" onclick="zoom(this, this.src, 0, 0, 0)" class="zoom" src="https://png.438400.xyz/2025/01/07/677d4b4a08852.webp" onmouseover="img_onmouseoverfunc(this)" onload="thumbImg(this)" border="0" alt="" /><br />
<img id="aimg_N7n11" onclick="zoom(this, this.src, 0, 0, 0)" class="zoom" src="https://png.438400.xyz/2025/01/07/677d493bb25ef.webp" onmouseover="img_onmouseoverfunc(this)" onload="thumbImg(this)" border="0" alt="" /><br />
<br />
这个时候,我们可以访问域名,进行安装了!<br />
<br />
<img id="aimg_gzH22" onclick="zoom(this, this.src, 0, 0, 0)" class="zoom" src="https://png.438400.xyz/2025/01/07/677d49f509c48.webp" onmouseover="img_onmouseoverfunc(this)" onload="thumbImg(this)" border="0" alt="" /><br />
<br />
这里是使用mysql进行安装的演示,另外还可以使用SQLite进行安装!如果你不准备开启注册,只是自己管理使用,那么强烈推荐使用SQLite进行安装,因为备份还原比较方便!只需要打包整个站点目录即可!<br />
<br />
<img id="aimg_zi477" onclick="zoom(this, this.src, 0, 0, 0)" class="zoom" src="https://png.438400.xyz/2025/01/07/677d4bd962d52.webp" onmouseover="img_onmouseoverfunc(this)" onload="thumbImg(this)" border="0" alt="" /><br />
<br />
点击开始安装,就可以了!<br />
<br />
<img id="aimg_s355V" onclick="zoom(this, this.src, 0, 0, 0)" class="zoom" src="https://png.438400.xyz/2025/01/07/677d4c4c3de58.webp" onmouseover="img_onmouseoverfunc(this)" onload="thumbImg(this)" border="0" alt="" /><br />
<br />
宝塔面板的安装教程就是这些!然后有些同学是使用的1panle面板,1panle面板是Docker面板,安装方法如下!<br />
<br />
首先我们还是使用腾讯云的1panle应用模板来重装系统~当然了,你也可以自行安装。最好是使用纯净系统来安装!<br />
<br />
<img id="aimg_MpD8d" onclick="zoom(this, this.src, 0, 0, 0)" class="zoom" src="https://png.438400.xyz/2025/01/07/677d4dd9dfbcc.webp" onmouseover="img_onmouseoverfunc(this)" onload="thumbImg(this)" border="0" alt="" /><br />
<br />
选择对应的模板开始重装系统!等待几分钟安装完成,我们点击应用管理!<br />
<br />
<img id="aimg_d6X74" onclick="zoom(this, this.src, 0, 0, 0)" class="zoom" src="https://png.438400.xyz/2025/01/07/677d4e73a1589.webp" onmouseover="img_onmouseoverfunc(this)" onload="thumbImg(this)" border="0" alt="" /><br />
<br />
1panle面板的默认端口是8090,我们同样需要在防火Q里面放行该端口!<br />
<br />
<img id="aimg_x42d8" onclick="zoom(this, this.src, 0, 0, 0)" class="zoom" src="https://png.438400.xyz/2025/01/07/677d4eea74e2f.webp" onmouseover="img_onmouseoverfunc(this)" onload="thumbImg(this)" border="0" alt="" /><br />
<br />
获取面板初始的管理员账号,密码,跟上面宝塔面板的一样,复制命令,免密码登录终端,运行即可!<br />
<br />
<img id="aimg_EgSkO" onclick="zoom(this, this.src, 0, 0, 0)" class="zoom" src="https://png.438400.xyz/2025/01/08/677d4fb6a85a9.webp" onmouseover="img_onmouseoverfunc(this)" onload="thumbImg(this)" border="0" alt="" /><br />
<br />
通过浏览器访问面板,用初始用户名跟密码登录面板!<br />
<br />
我们首先需要安装OpenResty,这是为了用作反代,因为docker安装的应用一般都带着端口,所以我们需要反代一下,实现免端口访问,这样看起来美观一些~<br />
<br />
<img id="aimg_GT2b1" onclick="zoom(this, this.src, 0, 0, 0)" class="zoom" src="https://png.438400.xyz/2025/01/08/677d51055d614.webp" onmouseover="img_onmouseoverfunc(this)" onload="thumbImg(this)" border="0" alt="" /><br />
<br />
打开应用商店,点击安装,安装设置不需要修改,保持默认,直接确定即可!<br />
<br />
<img id="aimg_RA2Yw" onclick="zoom(this, this.src, 0, 0, 0)" class="zoom" src="https://png.438400.xyz/2025/01/08/677d519108a73.webp" onmouseover="img_onmouseoverfunc(this)" onload="thumbImg(this)" border="0" alt="" /><br />
<br />
等待安装状态变为已启动,就代表安装好了~<br />
<br />
下面我们左边菜单点击 - 主机 - 文件<br />
<br />
我们在data文件夹里面创建一个目录twonav,你也可以放到其他目录,这个随意<br />
<br />
<img id="aimg_jJ0M5" onclick="zoom(this, this.src, 0, 0, 0)" class="zoom" src="https://png.438400.xyz/2025/01/08/677d526fefe5c.webp" onmouseover="img_onmouseoverfunc(this)" onload="thumbImg(this)" border="0" alt="" /><br />
<br />
下面开始正式安装<br />
<br />
左边菜单,点击容器---镜像---拉取镜像。输入tznb/twonav:latest开始拉取<br />
<br />
<img id="aimg_c1m2f" onclick="zoom(this, this.src, 0, 0, 0)" class="zoom" src="https://png.438400.xyz/2025/01/08/677d56a10595c.webp" onmouseover="img_onmouseoverfunc(this)" onload="thumbImg(this)" border="0" alt="" /><br />
<img id="aimg_Rr372" onclick="zoom(this, this.src, 0, 0, 0)" class="zoom" src="https://png.438400.xyz/2025/01/08/677d57840ff0d.webp" onmouseover="img_onmouseoverfunc(this)" onload="thumbImg(this)" border="0" alt="" /><br />
<br />
拉取完成后,点击顶部菜单的容器,创建容器<br />
<br />
填写<br />
名称twonav,<br />
镜像选择刚刚拉取的,tznb/twonav:latest<br />
暴露端口本机端口填8088,容器端口填80<br />
网络选择1panel - network<br />
挂载目录,本机目录/data/twonav容器目录/www<br />
其他保持默认,点击确认,完成创建!<br />
<br />
<img id="aimg_yBpJp" onclick="zoom(this, this.src, 0, 0, 0)" class="zoom" src="https://png.438400.xyz/2025/01/08/677d5a3e40475.webp" onmouseover="img_onmouseoverfunc(this)" onload="thumbImg(this)" border="0" alt="" /><br />
<br />
下面我们来配置反代,左边菜单---网站 - 网站---创建网站--反向代理<br />
<br />
填写解析好的域名,以及反代的地址<br />
<br />
<img id="aimg_Cg9xx" onclick="zoom(this, this.src, 0, 0, 0)" class="zoom" src="https://png.438400.xyz/2025/01/08/677d5b65d7329.webp" onmouseover="img_onmouseoverfunc(this)" onload="thumbImg(this)" border="0" alt="" /><br />
<br />
点击确定,反代就弄好了<br />
<br />
我们在浏览器访问域名---点击在线安装,这样就会自动下载程序安装包,然后跳转到安装界面!<br />
<br />
<img id="aimg_TAC8s" onclick="zoom(this, this.src, 0, 0, 0)" class="zoom" src="https://png.438400.xyz/2025/01/08/677d5c221591b.webp" onmouseover="img_onmouseoverfunc(this)" onload="thumbImg(this)" border="0" alt="" /><br />
<img id="aimg_TzFn0" onclick="zoom(this, this.src, 0, 0, 0)" class="zoom" src="https://png.438400.xyz/2025/01/08/677d5cda5aafb.webp" onmouseover="img_onmouseoverfunc(this)" onload="thumbImg(this)" border="0" alt="" /><br />
<br />
这里自行填写即可,还是强烈推荐使用SQlite安装!!<br />
<br />
安装完成后,就可以开始使用了!现在使用的就是twonav的开源免费版!以后每次更新,就得去gitee上面下载最新的安装包,直接上传到/data/twonav,解压覆盖就可以更新了!<br />
<br />
如果使用的是收费版,就可以自动更新,并且开启很多高级功能,如果觉得程序不错,可以购买商业版,支持一下作者!<br />
<br />
购买后,会获得一个授权码,点击左边网站管理 - 授权管理 - 将授权码,邮箱填入,点击保存设置<br />
<br />
<img id="aimg_o7y0L" onclick="zoom(this, this.src, 0, 0, 0)" class="zoom" src="https://png.438400.xyz/2025/01/08/677d5f3a2d52c.webp" onmouseover="img_onmouseoverfunc(this)" onload="thumbImg(this)" border="0" alt="" /><br />
<br />
然后回到概览页面,点击更新系统<br />
<br />
<img id="aimg_p3vf3" onclick="zoom(this, this.src, 0, 0, 0)" class="zoom" src="https://png.438400.xyz/2025/01/08/677d5fb207693.webp" onmouseover="img_onmouseoverfunc(this)" onload="thumbImg(this)" border="0" alt="" /><br />
<br />
更新完成后,就可以开始正常使用了! 支持 支持 不错啊有个WPonenav很多MJJ在用
页:
[1]