友链朋友圈已经是一个历史悠久的项目了,这次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文件,粘贴以下内容

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
---
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/[email protected]/mainColor/heoMainColor.css">
<script type="text/javascript" src="https://cdn.jsdelivr.net/gh/zhheo/[email protected]/moments5/app.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/gh/zhheo/[email protected]/moments5/bundle.js"></script>

大功告成!

现在你就可以点击右下角的【设置】按钮进行配置了!

设置按钮