用gitalk实现博客评论区遇到的坑

​ 首先是不推荐使用gitment,因为作者退坑了,虽然作者开源了源码,但需要自己去搭建服务器,很麻烦(半天都花在这个上面了)。

​ 使用gitalk的搭建方式参考这个教程

下面是我遇到的一些坑。

(1)、github上设置的时候选的是OAuth Apps而不是GitHub Apps!!

Apps选项

(2)、会出现Error Validation Failed的问题,解决方法如下。

1、去 https://github.com/blueimp/JavaScript-MD5 下载MD5的包。

2、将其中js文件夹下md5.min.js复制到blogthemesnextsourcejssrc中。

3、将blogthemesnextlayout_third-partycomments下的gitalk.swig修改成

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
{% if page.comments && theme.gitalk.enable %}
<link rel="stylesheet" href="https://unpkg.com/gitalk/dist/gitalk.css">

<script src="https://unpkg.com/gitalk/dist/gitalk.min.js"></script>
<script src="/js/src/md5.min.js"></script>
<script type="text/javascript">
var gitalk = new Gitalk({
clientID: '{{ theme.gitalk.ClientID }}',
clientSecret: '{{ theme.gitalk.ClientSecret }}',
repo: '{{ theme.gitalk.repo }}',
owner: '{{ theme.gitalk.githubID }}',
admin: ['{{ theme.gitalk.adminUser }}'],
id: md5(location.pathname),
distractionFreeMode: '{{ theme.gitalk.distractionFreeMode }}'
})
gitalk.render('gitalk-container')
</script>

{% endif %}

就是加了一句<script src="/js/src/md5.min.js"></script>,和把id: md5(location.pathname),修改为了id: md5(location.pathname),

不知道出现啥问题的时候可以打开博客,并按F12开启查看源码。可以查看里面的报错来定位问题。