简介

Gitmentgithub issue 实现的评论系统。支持登录、查看、评论、点赞等操作。当然了,还支持Markdown和代码高亮等所有 github issue 的功能。

安装

  1. 点击这里注册一个github OAuth Application,保证callback URL是你的博客地址就行。
    然后新建一个repo用于存放你的评论。

2.引入Gitment代码到相应页面
我用的hexo,所以找打博客主题的layout/comment.jade文件,加入以下代码:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
if theme.gitment
#render
link(rel="stylesheet", href=url_for("https://imsun.github.io/gitment/style/default.css"))
script(src='https://imsun.github.io/gitment/dist/gitment.browser.js')
script.
var gitment = new Gitment({
//id: '页面 ID', // 可选。
owner: '#{theme.gitment.id}',
repo: '#{theme.gitment.repo}',
oauth: {
client_id: '#{theme.gitment.clientid}',
client_secret: '#{theme.gitment.clientsecret}',
},
})
gitment.render('render')

然后在博客_comfig.yml文件配置加入对应的参数即可

如果你是直接写html的话,直接加入这些代码填入正确的参数就行:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
const gitment = new Gitment({
id: 'Your page ID', // optional
owner: 'Your GitHub ID',
repo: 'The repo to store comments',
oauth: {
client_id: 'Your client ID',
client_secret: 'Your client secret',
},
// ...
// For more available options, check out the documentation below
})

gitment.render('comments')
// or
// gitment.render(document.getElementById('comments'))
// or
// document.body.appendChild(gitment.render())

使用

这样配置好后打开页面应该就能看到Gitment的评论框了。

然后任何人都可以点击Initialize Comments新建一个issue用于存放评论。