Hexo_Fluid_Gitalk 评论系统添加

最近有朋友让出个使用Gitalk存储博客评论的教程,就写一下。

博客的评论系统有很多,种种尝试后,我最终还是选择采用Gitalk

Gitalk原理是用Github的仓库Issues来实现评论存储功能

下面,就让我们一起开始吧!

关注博主不迷路,获取更多干货资源

1 创建评论仓库

这个仓库不创建也可以,我是为了把博客和评论分离开来,创建一个仓库专门用来存储博客中的评论。他是用Github仓库的Issues来实现评论存储的。

注意:这个仓库必须是公开的

2 申请Github应用

2.1 申请地址

1
https://github.com/settings/applications/new

2.2 申请应用

申请应用

申请完成后看到下面页面,把Client idClient secrets填到下面配置中

申请应用成功界面

如果不小心关了这个界面,没关系,去下面地址找到自己刚创建的app,重新生成一下secrets就好了

1
https://github.com/settings/developers

重新生成Client secrets

3 主题开启Gitalk评论

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
post:
comments:
enable: true
# 使用Gitalk作为评论系统
type: gitalk
gitalk:
clientID: '********************' # 创建应用后的 Client id
clientSecret: '********************' # 创建应用后的 Client secrets
repo: 'hexoBlogGitalk' # 评论用的仓库名称
owner: 'xiaoma55' # 填自己github账户名字就好
admin: ['xiaoma55'] # 填自己github账户名字就好
language: zh-CN
labels: ['Gitalk']
perPage: 10
pagerDirection: first
distractionFreeMode: true
createIssueManually: true
proxy: 'https://cors-anywhere.azm.workers.dev/https://github.com/login/oauth/access_token'

4 完工

图片

开启你的评论之旅吧!!!

关注博主不迷路

联系博主


本博客所有文章除特别声明外,均为原创。版权归博主小马所有。任何团体、机构、媒体、网站、公众号及个人不得转载。如需转载,请联系博主(关于页面)。如其他团体、机构、媒体、网站、博客或个人未经博主允许擅自转载使用,请自负版权等法律责任!