友链朋友圈部署过程

后端部署文档

项目地址: https://github.com/Rock-Candy-Tea/hexo-circle-of-friends

本站使用centos7.9腾讯宝塔+server部署,首先请确保你的服务器安装好python3.8环境和git

部署过程

1、创建站点添加域名

也可以在服务器上自行创建任意目录,我这边是为了方便添加域名与添加反向代理

image-20230722203508479

给域名进行解析,记录值填写你的公网IP

image-20230722203938689

2、clone项目仓库

地址:https://github.com/Rock-Candy-Tea/hexo-circle-of-friends
切换到命令行进入你创建的站点目录下执行下方命令,我这里是/www/wwwroot/moments.xiaoztx.top

1
git clone https://github.com/Rock-Candy-Tea/hexo-circle-of-friends

3、修改文件

编辑/hexo_circle_of_friends/fc_settings.yaml文件,需要修改的配置如下:

1
2
LINK:
- {link: "https://blog.xiaoztx.top/link/", theme: "common2"} # link改为你的友链页地址,theme选择你的博客主题

image-20230722204438130

如果使用安知鱼主题的伙伴注意一定要使用common2,否则将无法拉取到自己的友链

4、运行位于项目根目录的部署脚本

1
python3 deploy.py

image-20230722202813326

选择server—>部署,等待运行完毕即可,服务端口可自定义

5、尝试访问API

1
curl 127.0.0.1:8999/all

出现数据即为部署成功。

image-20230722203120961接下来,开放服务器的对应端口,就可以通过IP:端口或者域名:端口访问到API,前端需要的就是这个地址。
也可以通过配置反向代理,转发到网站的其它端口下。

6、添加反向代理

image-20230722204639978

代理名称自定义,目标URL冒号后面填写你自己部署时候设置的端口后提交
在浏览器中输入你的后端域名/all出现数据则部署成功

image-20230722204942761

7、主题配置

进入主题文件中,找到朋友圈配置项

1
2
3
4
5
6
# 朋友圈配置
friends_vue:
enable: false
vue_js: https://npm.elemecdn.com/anzhiyu-theme-static@1.1.1/friends/index.4f887d95.js
apiurl: # 朋友圈后端地址
top_background:
参数 备选值/类型 解释
enable boolean 【必须】是否启用
vue_js url 【必须】朋友圈前端构建后的 url
apiurl string 【必须】朋友圈后端 url
top_background url 【可选】朋友圈顶部背景图

以下是本站配置

1
2
3
4
5
6
# 朋友圈配置
friends_vue:
enable: true
vue_js: https://cdn.cbd.int/xiaozhi-blog@1.0.4/js/friends_index.js
apiurl: https://moments.xiaoztx.top/ # 朋友圈后端地址
top_background: https://img02.xiaoztx.top/uploads/post/hmbb.webp

其中vue_js参数,可以将https://npm.elemecdn.com/anzhiyu-theme-static@1.1.1/friends/index.4f887d95.js中的friends.anzhiy.cn替换为您的后端 url 然后保存本地或你的其他地方再引用使用

image-20230722205552447

配置完成,使用hexo && hexo g -d或者hexo cl && hexo s即可预览到

image-20230722205906041