這幾天在折騰hexo搭建自己的博客,這個過程很簡單,但是搭建完發表兩篇文章之後發現沒有評論功能體驗就很不好了。後來看了一下配置文章發現hexo next主題已經內置了很多評論功能。有Disqus,暢言,valine,gitment等,對比之後發現還是使用gitment比較靠譜,畢竟是託管在GitHub上的,用起來比較穩。其他第三方會因爲各種需要實名、備案等問題,比較麻煩,也不穩定,比如暢言就關閉了。
1 在Hexo next主題中使用gitment
因爲我用的是比較新的5.1.4版本,因此gitment已經集成好了,只需在主題文件夾下面的_config.yml中修改配置即可。如果你使用的是比較低的版本,可以選擇升級一下版本或者在你的博客根目錄下用git bash輸入下面的命令安裝:
npm i --save gitment
(低版本)執行完之後便在_config.yml中找到gitment的開關配置了。
2 在github中申請應用
申請地址:Register a new OAuth application
以上根據你的情況填寫好之後,點擊“Register application”既可以了。之後會看到ClientID和Client Secret,這兩個後面會在hexo next主題配置中使用到。
3 配置gitment
在主題文件夾下面的_config.yml文件(路徑:themes/next/_config.yml)找到gitment的配置,修改配置。如下圖。
gitment是把評論放在對應倉庫的issue中的。
這時候應該就可以開通gitment評論功能了,發佈測試一下。
4 效果
5 遇到的問題
在測試的時候,出現了gitment無法登陸評論的問題(Object ProgressEvent)。
好像是因爲原作者的網站證書掛了,於是網上找了一下解決方法。
\themes\next\layout\_third-party\comments\gitment.swig
找到上面路徑的文件,找到以下代碼:
<link rel="stylesheet" href="https://imsun.github.io/gitment/style/default.css">
<script src="https://imsun.github.io/gitment/dist/gitment.browser.js"></script>
替換成:
<link rel="stylesheet" href="https://jjeejj.github.io/css/gitment.css">
<script src="https://jjeejj.github.io/js/gitment.js"></script>
解決方案原地址:https://github.com/imsun/gitment/issues/170
總結
經過以上設置,你應該就可以愉快的使用gitment了,有什麼問題歡迎給我發郵件~
原文首發於我的個人博客hjxlog