用GitHub Issue取代多說，是否是很厲害？

摘要: 別了，多說，擁抱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/