個人博客gitment插件接入后, 登錄失敗, 報錯, [object ProgressEvent]
搭建個人博客之后, 對于評論系統(tǒng)進(jìn)行了很長時間的選擇, 最終還是選擇了 gitment, 首先考慮博客的受眾群體, 大家都是寫代碼的, 當(dāng)然也就有 github, 那么登錄的賬號就不需要新建. 另外關(guān)于評論, github 上面的對話框已經(jīng)能輸入足夠多的東西. gitment 是一款用 github 上 issue 來作為評論的插件. 網(wǎng)上有大量關(guān)于 gitment 的接入教程, 在此不多說. 問題的出現(xiàn)情況是, 很久不寫博客, 前幾日剛寫了一篇, 后來想起來, 博客的評論沒有初始化(gitment 接入后, 每篇文章的評論需要初始化, 也就是新建 issue, 網(wǎng)上也有自動化實現(xiàn), 我感覺不是很麻煩, 就沒有去弄.), 然后我就去初始化. 發(fā)現(xiàn)登錄的時候總是報錯 [object ProgressEvent]. 沒辦法, 就去官網(wǎng)看 issue, issue 中看到的解釋是, 作者的服務(wù)停掉了.
但是比較好的是, 作者也開源了這個服務(wù)的源碼.
以下介紹如何替換作者的代碼, 使用自己啟動的服務(wù).
- 首先在服務(wù)器上下載作者的代碼.
git clone https://github.com/imsun/gh-oauth-server.git
- 進(jìn)入項目, 下載依賴, 并啟動
npm install && npm start
默認(rèn)的端口號是 3000.(省略 nginx 配置以及域名映射等一系列猛如虎的操作)
- 我用的 hexo 博客系統(tǒng), 找到項目上的 gitment.swig 文件, 找到如下代碼位置, 我的是在文件頭部
{% if theme.gitment.mint %}
{% set CommentsClass = "Gitmint" %}
<link rel="stylesheet" >
<script src="https://aimingoo.github.io/gitmint/dist/gitmint.browser.js"></script>
{% else %}
{% set CommentsClass = "Gitment" %}
<link rel="stylesheet" >
<script src="https://imsun.github.io/gitment/dist/gitment.browser.js"></script>
{% endif %}
實際上在我的博客上, gitment 使用的 css 和 js 是上面的 gitmint, 為了保險起見, 我全部 down 了下來.
- 分別打開 gitmint.browser.js 和 gitment.browser.js, 然后尋找代碼字符串
https://gh-oauth.imsun.net
并將其替換為我們剛才啟動的服務(wù)地址.
然后將四個文件上傳至我自己的 oss 文件存儲服務(wù)器上. 這個時候把該四個文件的地址復(fù)制替換步驟三的四個網(wǎng)絡(luò)鏈接.
修改完畢, 上傳代碼, 服務(wù)器更新. 搞定!
個人博客地址: gitment 登錄失敗
