hexo中添加Gitment

最近一直在捣鼓自己的Blog,最后选定了Hexo,配置nexT主题,搞定了mathjax,配置了赞赏和JiaThis分享,但是评论一直没搞好。
一开始,看了一下,准备使用友言,注册了但是发现配置好像没生效;
准备注册畅言,发现要备案;
又折腾了一下韩语,注册了livere,配置倒是简单,也支持很多种不同的登录方式,可以风格和主题实在不符,livere很像是娱乐版乱入科技版。
最后发现了Gitment,发现风格很符合,又支持markdown和代码高亮,准备下手。

先看了官网的配置介绍,但是因为没有说怎么加入hexo的主题,只是直接加网页,自己对主题的配置也不熟悉,就到处找资料和看主题相关文件。最后找到了集成Gitment评论系统。虽然,不是直接加入nexT主题的,但是看上去差不多,就直接按着这篇帖子上说的,在comment.swig中添加了下面的配置,并把主题的_config.yml中加入了gitment: true

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
{% elseif theme.gitment %}
<link rel="stylesheet" href="https://imsun.github.io/gitment/style/default.css">
<script src="https://imsun.github.io/gitment/dist/gitment.browser.js"></script>
<script>
var gitment = new Gitment({
// 根据文章标题设置唯一评论id
id: '{{page.articleID}}',
owner: 'yourname',
repo: 'your blog github repo',
oauth: {
client_id: 'your clientid',
client_secret: 'your clientsecret',
},
})
gitment.render('comments')
</script>

owner设成GitHub的ID,repo设成了Blog的网址,以及按照官网配置得到的client_idclient_secret
结果….comments并没有出现初始化按钮,而是Error: Not Found,Issue Page也显示undefined。
开始以为是没有登录GitHub,登录以后发现问题依旧。遂去官网文章下提问题,很快得到网友的一些提示(非常感谢给予回复的两位网友),但是好像都不对路。

你查看一下你页面上那个articleID是否拿到

经网友提示,我突然想到我的文章front matter中的确没有写这个变量,加了,可问题依旧,冥思苦想不得要领。。。
最后,没法,跑去一个已经集成了gitment的Blog看源码,发现自己配置的时候repo变量自作聪明的加了https://头,去掉之后,重新部署,终于好了!!!

希望这篇流水账能对遇到这个坑的同学有所帮助。

以上。

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