友链朋友圈部署过程

小植2023-07-222023-11-11

后端部署文档

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

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

部署过程

1、创建站点添加域名

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

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

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选择你的博客主题

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

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

1	python3 deploy.py

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

5、尝试访问API

1	curl 127.0.0.1:8999/all

出现数据即为部署成功。

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

6、添加反向代理

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

7、主题配置

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

# 朋友圈配置
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	【可选】朋友圈顶部背景图

以下是本站配置

# 朋友圈配置
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 然后保存本地或你的其他地方再引用使用