如何在Hexo的next主题添加gitalk评论功能

本文将介绍如何为你的Hexo的next主题添加gitalk评论功能!

1. 前言

前言都是废话,想直接了解的,跳到第二条^-^

这个集成评论功能有点头疼,一直在我心里面是一块石头,一个博客只能看不能评论总是不得劲儿,虽然评论的人也很少哈哈哈。。。但是我就是这么一个追求完美的男人!。。在尝试添加评论的时候,我首先选择了一股脑地上网搜,但是网上的教程基本都过时了,于是我自己开始研究next主题下的_config.yml文件,终于被我发现了端倪。

但是我首先看到的是gitment,我看这个ment总会和comment有点关联,自己尝试了一下无果,于是我开始上网搜索怎么使用,按照网上的教程,我一下子就弄好了,也成功显示了评论窗口,但是我初始化评论的时候,出现了问题,怎么点都没反应,又尝试了很久,但是无果。但是我是那么轻言放弃的人嘛,显然不是。我再一次研究_config.yml文件,在下面我发现了gitalk,于是曙光来了,好了言归正传我们开始!

2. 注册一个app

到github注册一个OAuth Applicationhttps://github.com/settings/applications/new

请注意里面的AppName随便写,重点是app的回调URL,一定要写你的博客网址。记下 client_id client_secret,等下要用到。

3. 启用gitalk

打开你主题下面的 _config.yaml 文件。修改下面的内容:

1
2
3
4
5
6
7
8
gitalk:
enable: true
githubID: xxx //你的github ID,用来说明你是个人还是某个组织的,一定需要;
repo: xxx.github.io //这里repo就随便新建一个就行,或者直接就写博客的库;
ClientID: xxx //上面叫你记下来的
ClientSecret: xxx //上面叫你记下来的
adminUser: xxx //你的admin 用户名,通常就是你自己
distractionFreeMode: true

4. 最后一步

常规操作

1
2
3
4
hexo clean
hexo g
hexo s
hexo d

部署到云端的时候,提示你没有找到issues,登录一下,过一会儿,或者清缓存就成功了。

5. 总结

好了,经过这样,你的next主题下的gitalk评论就搞定了,不信的话,你可以在下方评论一下,测试一下。欢迎来反馈我。如果你遇到了任何问题,下面留言,我会一一回复!

坚持原创技术分享,您的支持将鼓励我继续创作!