在NexT主题下添加Gitalk的简单记录

发表于 | 分类于 ，

简单记录下如何在NexT主题下添加Gitalk评论插件。

Gitalk是一个基于GitHub Issue的评论插件，优点是可以利用GitHub Pages自带的issue来做评论功能，相对一些NexT主题自带的评论插件来说，因为不用去注册第三方平台帐号，也不用做域名备案（连域名都没😂……还要啥🚲啊），所以更加简便易行。

好，下边直接说步骤吧：
首先，要去申请个GitHub Application，用来授权给Gitalk插件读取和写入GitHub Pages项目issue内容。Homepage URL和Authorization callback URL就写成博客地址就行，Authorization name和Authorization description随便写就可以。填好提交之后会生成一个Client ID和Client Secret，内容复制备用；
接下来，找到NexT主题目录下的layout\_custom\sidebar.swig这个文件，在其中加入：

{% if page.comments and config.gitalk.enable %}
    
    
    
    
{% endif %}

然后找到Hexo全局_config.yml配置文件，在其中加入：

# Gitalk评论
gitalk:
    enable: true
    owner: #Github用户名#
    admin: #Github用户名#
    repo: #Github Pages项目名#
    clientID: #clientID#
    clientSecret: #clientSecret#
    gitalk_css: //cdn.bootcss.com/gitalk/1.4.1/gitalk.min.css
    gitalk_js: //cdn.bootcss.com/gitalk/1.4.1/gitalk.min.js
    md5: //cdn.bootcss.com/blueimp-md5/2.10.0/js/md5.min.js

最后hexo clean清下缓存，再hexo g重新生成就可以了。

写这篇文章的时候，才发现我所用的NexT主题版本中已经集成了gitalk，用的是Hexo NexT主题中集成gitalk评论系统中的方案，所以在NexT主题下的_config.yml配置文件中的gitalk相应配置项填一下就能开启了。不过需要注意的是这个版本没用pagerDirection这个配置项，如果需要的话在NexT主题的layout\_third-party\comments\gitalk.swig文件中line:30加个,pagerDirection: 然后在配置里加一行pager_direction的配置就行了。