摘要: 別了，多說，擁抱Gitment。

2017年6月1日，多說正式下線，這多少讓人感覺有些遺憾。在比較了多個博客評論系統，我最終選擇了Gitment作為本站的博客評論系統：

• UI簡潔，適合我的博客風格
• 使用GitHub賬號登陸，適合技術博客
• 使用GitHub Issues寫評論，符合程序員的習慣

1. 注冊OAuth Application

因為Gitment使用了GitHub的服務，因此需要注冊OAuth application。其中，Authorization callback URL必須填寫博客的域名(我填的是http://kiwenlau.com/)。注冊成功之后將獲取Client ID與Client Secret，后面將會用到。

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步注冊OAuth Application所獲取的Client ID與Client Secret
• owner為你的GitHub賬戶名
• repo為你保存評論的GitHub倉庫名稱，所有的評論將保存在該倉庫的Issues

在layout/partial/article.ejs中添加:

<%- partial('gitment') %>

4. 初始化Gitment

部署之后，就可以在博客頁面的下方看到評論框。登陸GitHub賬號之后，就可以對評論進行初始化，這樣就可以開始寫評論了。

每一篇博客的評論，對應于GitHub倉庫一個issue。但是這些issue是不存在的，因此需要通過初始化Gitment去創建issue。這一點比較麻煩，因為對于每一篇博客都需要進行初始化。

實現細節可以參考我的博客源碼blog，我們博客評論保存在這個倉庫的Issues

參考鏈接

Gitment：使用 GitHub Issues 搭建評論系統

歡迎加入我們Fundebug的全棧BUG監控交流群: 622902485。

版權聲明:

轉載時請注明作者Fundebug以及本文地址：

https://blog.fundebug.com/2017/06/16/how-to-use-gitment/