gitment

简介

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的评论框了。

gitment

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