我的小站也可以评论啦
小老头 Lv3

话说我看到别人家的博客都有评论的系统,但是咱的小站就没有这个评论系统,后来我也网上搜了一些资料,但是就咱的文化水平,感觉看起来就是一《天书》啊!

其实在网上搜的时候,咱一直把关键词定在《gitalk》这个关键词了,虽然网上的教程不少,但是对于我这种没啥文化的人来说,只能是一知半解的懵逼状态中浏览和摸索,直到我把关键词里加入了我使用的主题名字《fluid》,正巧看到《fluid主题配置》这篇文章。《PS:fluid主题虽然支持:disqus | gitalk | valine | waline | changyan | livere | remark42 | twikoo | cusdis 等众多评论系统,但是我文化低啊,根本不会自己弄啊,尤其是看hexo帮助文件,更加感觉是一部天书无疑。》

fluid主题增加gitalk评论系统的链接如下:

https://atroxqw.github.io/posts/2020/12/31/fluid%E4%B8%BB%E9%A2%98%E9%85%8D%E7%BD%AE/#7-%E9%9B%86%E6%88%90%E8%AF%84%E8%AE%BA%E5%8A%9F%E8%83%BD-gitalk

这个正是我要找的,🤭,这种教程正好对应我这种没啥文化的人的操作。

所以我直接复制该作者的《集成评论功能gitalk》这一段教程。

教程如下:


集成评论功能(gitalk)

7.1 注册OAuth Application

官方入口,点击进入来注册一个新的OAuth Application

注册OAuth Application注册OAuth Application

7.2 注册后获取秘钥

点击注册后,会进入新页面。显示我们的OAuth ApplicationClient ID 和 尚未生成的 Client secrets

,点击 Generate a new client secret 按钮生成秘钥即可。

获取秘钥

获取秘钥

7.3 博客集成gitalk

_config.fluid.yml开启并指定评论模块

1
2
3
4
5
post:
comments:
enable: true
type: gitalk
Copy

然后在下方还要设置对应评论模块的参数:

1
2
3
4
5
6
7
8
9
10
11
12
13
gitalk:
clientID: af550312a411b96c64b9 #刚才的ClientID
clientSecret: f11934265fd18324cb2d9fd605d7d445207a3e52 #刚才的clientSecret
repo: 'gitalk' #刚才取的名
owner: 'AtroxQW' #github的用户名
admin: ['AtroxQW']
language: zh-CN
labels: ['Gitalk']
perPage: 10
pagerDirection: last
distractionFreeMode: false
createIssueManually: true
Copy

7.4 初始化issue

每次发表一篇博客,都需要我们作者初始化issue,初始化后评论就会在github上看到。

初始化issue初始化issue


同时感谢该作者的分享哈,最后放上该作者的博文链接:

https://atroxqw.github.io/posts/2020/12/31/fluid%E4%B8%BB%E9%A2%98%E9%85%8D%E7%BD%AE/#7-%E9%9B%86%E6%88%90%E8%AF%84%E8%AE%BA%E5%8A%9F%E8%83%BD-gitalk

.article-copyright-info-container { position: relative; width: 100%; box-sizing: border-box; padding: 10px 6px; font-size: 1rem; background: var(--second-background-color); &::after { position: absolute; top: 0; left: 0; content: ''; width: 6px; height: 100%; background: var(--copyright-info-color); } ul { margin-left: 10px; li { margin-bottom: 5px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--default-text-color); .license { font-weight: bold; } &:last-child { margin-bottom: 0; } } } }
 评论