友链朋友圈5 - 我的部署历程与主题样式分享

友链朋友圈已经是一个历史悠久的项目了，这次yyyz开发了全新版本为这个老项目焕发生机。

部署项目

我个人用的方案是：Docker+Sqlite

使用这个方案你需要一个服务器。没有服务器的小伙伴请看更多部署方式。

预览我的部署效果

效果预览

后端部署

后端部署非常容易。你需要有python3.8即以上和机器安装docker，之后的部分按照文档中来就可以。

首先进入宝塔新建一个网站，然后在进ssh，cd进网站目录中，例如我的文件地址是/www/wwwroot/moments.zhheo.com我就在ssh中输入：

1	cd /www/wwwroot/moments.zhheo.com

然后下载仓库：

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

如果你的服务器无法直连GitHub，那就需要手动去GitHub下载文件，然后将压缩包放在网站目录中，点击解压。

然后进入解压后的文件夹

1	cd /www/wwwroot/moments.zhheo.com/hexo-circle-of-friends-main

然后运行部署程序

1	python3 deploy.py

输入2回车，选择docker部署

选择部署，输入一个未占用的端口号。

添加反代

访问链接即可。

前端部署

yyyz默认提供了一个基于林木木修改的样式，可以去文档查看。我这里就是自己写的样式，这个文章就看一下我的样式。

hexo在博客根目录使用命令

1	hexo new page fcircle

进入source/fcircle/index.md文件，粘贴以下内容

---
title: 朋友圈
date: 2022-10-09 00:38:16
---

<div id="hexo-circle-of-friends-root"></div>
<script>
    let UserConfig = {
        // 填写你的api地址
        private_api_url: 'http://192.168.142.88:8000/',
        // 点击加载更多时，一次最多加载几篇文章，默认10
        page_turning_number: 12,
        // 头像加载失败时，默认头像地址
        error_img: 'https://sdn.geekzu.org/avatar/57d8260dfb55501c37dde588e7c3852c',
        // 进入页面时第一次的排序规则
        sort_rule: 'created'
    }
</script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/zhheo/JS-Heo@master/mainColor/heoMainColor.css">
<script type="text/javascript" src="https://cdn.jsdelivr.net/gh/zhheo/JS-Heo@master/moments5/app.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/gh/zhheo/JS-Heo@master/moments5/bundle.js"></script>