Gitment:使用github issues构建的Comments

发现了一个很有趣的博客评论系统,gitment。说它有趣,是应为它基于git issues。其思路在于为每篇文章new一个issue。综合实现了登陆,评论,点赞等功能,同时支持markdown/GFM和代码高亮,完美契合gitpage。

在github的官方说明中,这样的操作在github的使用范围内。

部署也很方便。

1.注册 OAuth Application

在github提供的OAuth Application入口注册一个新的OAuth Application。其中callback url填写域名。

2.使用gitment

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<div id="container"></div>
<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', // 可选。默认为 location.href
owner: '你的 GitHub ID',
repo: '存储评论的 repo',
oauth: {
client_id: '你的 client ID',
client_secret: '你的 client secret',
},
})
gitment.render('container')
</script>

这样可以跟进Gitment的迭代。其中的client ID和client secret来自OAuth Application。

3.初始化评论

接下来直接push你更新的博客。然后在你博客的评论框下登陆github,此处登陆的账号要与owner一致,然后点击initialize comments。

JS