摘要: 別了阻荒，多說挠锥，擁抱Gitment。
2017年6月1日侨赡，多說正式下線蓖租，這多少讓人感覺有些遺憾。在比較了多個(gè)博客評(píng)論系統(tǒng)羊壹，我最終選擇了Gitment作為本站的博客評(píng)論系統(tǒng)：
- UI簡潔菜秦，適合我的博客風(fēng)格
- 使用GitHub賬號(hào)登陸，適合技術(shù)博客
- 使用GitHub Issues寫評(píng)論舶掖，符合程序員的習(xí)慣
1. 注冊(cè)O(shè)Auth Application
因?yàn)镚itment使用了GitHub的服務(wù)，因此需要注冊(cè)O(shè)Auth application尔店。其中眨攘，Authorization callback URL必須填寫博客的域名(我填的是http://kiwenlau.com/)。注冊(cè)成功之后將獲取Client ID與Client Secret嚣州，后面將會(huì)用到鲫售。
2. 加載Gitment的CSS與JS文件
下載gitment.css與gitment.js，分別放入主題目錄的source/css與source/js目錄中
在layout/partial/head.ejs中添加
<!-- 加載gitment的css和js文件 -->
<link rel="stylesheet" href="/css/gitment.css">
<script src="/js/gitment.js"></script>
3. 配置Gitment
添加layout/partial/gitment.ejs
<div id="gitment"></div>
<!-- 主頁不要加載gitment -->
<% if (!index){ %>
<script>
var gitment = new Gitment({
owner: 'kiwenlau',
repo: 'blog',
oauth: {
client_id: '619731e02d908157a502',
client_secret: '79d021512d492496a0729177b9acd807c579b1b6',
},
})
gitment.render('gitment')
</script>
<% } %>
- client_id與client_secret為第1步注冊(cè)O(shè)Auth Application所獲取的Client ID與Client Secret
- owner為你的GitHub賬戶名
- repo為你保存評(píng)論的GitHub倉庫名稱该肴，所有的評(píng)論將保存在該倉庫的Issues
在layout/partial/article.ejs中添加:
<%- partial('gitment') %>
4. 初始化Gitment
部署之后情竹，就可以在博客頁面的下方看到評(píng)論框。登陸GitHub賬號(hào)之后匀哄，就可以對(duì)評(píng)論進(jìn)行初始化秦效，這樣就可以開始寫評(píng)論了雏蛮。
每一篇博客的評(píng)論，對(duì)應(yīng)于GitHub倉庫一個(gè)issue阱州。但是這些issue是不存在的挑秉，因此需要通過初始化Gitment去創(chuàng)建issue。這一點(diǎn)比較麻煩苔货，因?yàn)閷?duì)于每一篇博客都需要進(jìn)行初始化犀概。
實(shí)現(xiàn)細(xì)節(jié)可以參考我的博客源碼blog，我們博客評(píng)論保存在這個(gè)倉庫的Issues
參考鏈接
Gitment：使用 GitHub Issues 搭建評(píng)論系統(tǒng)
歡迎加入我們Fundebug的全棧BUG監(jiān)控交流群: 622902485夜惭。
版權(quán)聲明:
轉(zhuǎn)載時(shí)請(qǐng)注明作者Fundebug以及本文地址：
https://blog.fundebug.com/2017/06/16/how-to-use-gitment/
