1.项目展示
2. 项目简介
mtab书签导航程序 – 免费无广告的浏览器书签助手
主要有以下特点
跨设备同步:不再为了在不同设备上找不到书签或笔记而苦恼。Mtab书签让你的收藏网址和重要笔记在所有设备上同步。
跨浏览器支持:Mtab书签支持所有主流浏览器。Chrome、Firefox、Edge、Safari,无论你的选择是什么,都能在一应俱全的工具箱中找到你的书签和笔记。
多功能一体:Mtab书签不仅仅是一个书签工具,它还提供了一个实用的记事本功能,让你随时随地记录想法、灵感和待办事项。此外,它还内置了一些在线小工具,解决您的日常工作问题。
私有部署:如果部你对数据安全性有更高要求,Mtab书签也支持私有部署。你可以将它部署在自己的服务器上,完全掌控你的数据,不受任何干扰。
免费无广告:Mtab书签坚守“免费无广告”的原则,为用户提供清爽的使用体验,没有任何干扰。
Mtab书签的界面设计美观简洁,操作简单直观,让你可以专注于你的网络活动,而不是应用本身。它是你高效、无忧的网络生活的理想伴侣。高效流畅的操作体验:超级简约却强大的操作逻辑,没有繁琐的操作流程即可处理复杂的事情。
3. 相关地址
GitHub:https://github.com/tsxcw/mtab
官网:https://www.mtab.cc/
4. 搭建环境
- 服务器:我搭建用的是腾讯轻量应用服务器 (最好是选 非大陆(香港)的服务器)如果是小白刚开始玩的话,还可以购买 Racknerd 的服务器(地区选美西),最低一年不到 100 块
- 系统:Debian 10 或以上。 DD 脚本 非必需 DD,用原来的系统也 OK,之后教程都是用 Debian 或者 Ubuntu 搭建~)
- 需要一个域名(域名购买参考:Namesilo 域名购买 )
- Docker 环境(具体看这篇:【Docker 系列】不用宝塔面板,小白一样可以玩转 VPS 服务器!)
- 【非必需但建议】域名一枚,并做好解析到服务器上
- 【非必需】提前安装好宝塔面板海外版本 aapanel,并安装好 Nginx
- 【非必需本教程选用】安装好 Nginx Proxy Manager(相关教程)
服务器要求:内存建议 1G,能安装 Docker 即可~
5. Docker方式搭建
如果你不是用的腾讯云的轻量应用服务器,可以直接跳到 5.1 部分。
安装系统(腾讯云轻量应用服务器)
腾讯云轻量服务器最大的特点就是 “轻量”,相比 CVM,更适合小白上手,这边我们之间选择 Docker 基础镜像,就可以省去后面安装 Docker 的步骤 (如果你非要用国内的服务器,这边装的 Docker 镜像还会帮你配置好国内镜像源,让你加速访问 docker 镜像资源) 不建议用国内的 。
登陆(腾讯云轻量应用服务器)
5.1 安装 Docker 与 Nginx Proxy Manager
可以直接参考这篇内容:
https://iigeek.com/archives/331
5.2 创建安装目录
创建一下安装的目录:
sudo -i
mkdir -p /home/docker_data/bark
cd /home/docker_data/bark
vim docker-compose.yml
英文输入法下,按 i
services:
mtab:
image: itushan/mtab
container_name: mtab
# user: "root:root"
# privileged: true
ports:
- "9200:80"
volumes:
- /share/docker/mtab/app:/app
restart: always
depends_on:
- mysql
mysql:
image: mysql:8.0
container_name: mtab-sql
# user: "root:root"
# privileged: true
expose:
- "3306"
environment:
MYSQL_DATABASE: mtab # 设置MySQL数据库名称为mtab
MYSQL_USER: mtab # 设置MySQL用户名为mtab
MYSQL_PASSWORD: mtab # 设置MySQL密码为mtab
MYSQL_ROOT_PASSWORD: mtab # 设置MySQL root用户密码为mtab
volumes:
- /share/docker/mtab/mysql:/var/lib/mysql
修改好之后,注意切换成英文输入法,然后按一下 esc
,然后 :wq
保存退出。
5.3 打开服务器防火墙(非必需)并访问网页”)6.3 打开服务器防火墙(非必需)并访问网页
打开防火墙的端口 8090
举例,腾讯云打开方法如下(部分服务商没有自带的面板防火墙,就不用这步操作了):
图中示例填的是 5230
,备注填的是 memos
,这边我们填 9200
,示例填 shop
,确定即可(如果你在 docker-compose 文件里换了 9200
,这边就需要填 9009
,以此类推)
查看端口是否被占用(以 8090
为例),输入:
lsof -i:8090 #查看 8090 端口是否被占用,如果被占用,重新自定义一个端口
如果啥也没出现,表示端口未被占用,我们可以继续下面的操作了~
如果出现:
-bash: lsof: command not found
运行:
apt install lsof #安装 lsof
如果端口没有被占用(被占用了就修改一下端口,比如改成 8081
,注意 docker 命令行里和防火墙都要改)
最后:
cd /home/docker_data/bark # 来到 dockercompose 文件所在的文件夹下
docker-compose up -d
理论上我们就可以输入 http://ip:8090/ping
访问了。
注意:
1、不知道服务器 IP,可以直接在命令行输入:
curl ip.sb
,会显示当前服务器的 IP。2、遇到访问不了的情况,请再次检查在宝塔面板的防火墙和服务商的后台防火墙是否打开对应了端口。
出现 code:200
代表安装成功!
因为这个涉及到个人消息的,所以非常需要 https!会让网页更安全!
namesilo 上面 xyz 后缀的域名一年就 7 块钱,可以年抛。(冷知识,namesilo 上 6 位数字的 xyz 续费永远都是 0.99 美元 = =)
如果想要长期使用,还是建议买 com 后缀的域名,更加正规一些。
namesilo 自带隐私保护,我一直在用这家,价格也是这些注册商里面比较低的,关键是他家不像其他家域名注册商,没有七七八八的套路!(就是后台界面有些丑古老 = =)
我们接着往下看!
6.宝塔方式搭建
注意事项
有时候宝塔面板的php环境并没有zip的扩展,导致程序后续升级的时候无法成功升级,这个时候需要自己去安装一下zip扩展。
如果您有一定的基础,可以先去php的设置扩展管理里面吧fileinfo扩展安装好,然后解除禁用函数,shell_exec,putenv
安装完毕请检查网站是否添加宝塔伪静态规则
location ~^/ {
if (!-e $request_filename){
rewrite ^(.*)$ /index.php?s=$1 last; break;
}
}
一键部署 (推荐)
可以在宝塔的管理界面,点击应用商城,然后在右侧选项选择一键部署,然后搜索mtab或mtab书签,安装结束十分钟后记得给个五星好评。让我更加积极维护哟!
点击一键部署后在弹窗内填写图中对应的信息,然后点击提交
然后这里的信息要记好,后面的步骤会用到。然后点击访问站点的地址,会打开程序的正式安装环节
在该页面填写好上一步骤的数据库的信息,点击安装即可。注意一键安装的数据库用户名和数据库名是一样的,数据库地址是127.0.0.1
安装完毕后就是如下页面,整个环节就算安装完毕了。可以使用了。
最后回到宝塔目录的 网站,配置SSL证书来提高传输安全性。
7. 反向代理
我们要用域名而不是 IP + 端口的方式来访问我们的服务!
7.1 利用 Nginx Proxy Manager
在添加反向代理之前,确保你已经完成了域名解析,不会的可以看这个:域名一枚,并做好解析到服务器上(域名购买、域名解析)
之后,登陆 Nginx Proxy Manager(不会的看这个:安装 Nginx Proxy Manager(相关教程))
注意:
Nginx Proxy Manager(以下简称 NPM)会用到
80
、443
端口,所以本机不能占用(比如原来就有 Nginx)
直接丢几张图:
注意填写对应的
域名
、IP
和端口
,按文章来的话,应该是8090
IP 填写:
如果 Nginx Proxy Manager 和 shop 在同一台服务器上,可以在终端输入:
bash
ip addr show docker0
查看对应的 Docker 容器内部 IP。
[
否则直接填 shop
所在的服务器 IP 就行。
[
再次打开,勾选这些:
然后就可以用域名来安装访问了。
7.2 利用宝塔面板
发现还是有不少小伙伴习惯用宝塔面板,这边也贴一个宝塔面板的反代配置:
直接新建一个站点,不要数据库,不要 php,纯静态即可。
然后打开下面的配置,修改 Nginx 的配置。
[
代码如下:
location / {
proxy_pass http://127.0.0.1:8090/; # 注意改成你实际使用的端口
rewrite ^/(.*)$ /$1 break;
proxy_redirect off;
proxy_set_header Host $host;
proxy_set_header X-Forwarded-Proto $scheme;
proxy_set_header X-Real-IP $remote_addr;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_set_header Upgrade-Insecure-Requests 1;
proxy_set_header X-Forwarded-Proto https;
}
此方法对 90% 的反向代理都能生效,然后就可以用域名来安装访问了。
有同学可能会问,为什么不直接用宝塔自带的反向代理功能。
也可以,不过我自己之前遇到过当有多个网站需要反代的时候,在这边设置会报错的情况 = =
所以后来就不用了,直接用上面的方法来操作了。
暂无评论内容