個人部落格gitment外掛接入後, 登入失敗, 報錯, [object ProgressEvent]
搭建個人部落格之後, 對於評論系統進行了很長時間的選擇, 最終還是選擇了 gitment, 首先考慮部落格的受眾群體, 大家都是寫程式碼的, 當然也就有 github, 那麼登入的賬號就不需要新建. 另外關於評論, github 上面的對話方塊已經能輸入足夠多的東西. gitment 是一款用 github 上 issue 來作為評論的外掛. 網上有大量關於 gitment 的接入教程, 在此不多說. 問題的出現情況是, 很久不寫部落格, 前幾日剛寫了一篇, 後來想起來, 部落格的評論沒有初始化(gitment 接入後, 每篇文章的評論需要初始化, 也就是新建 issue, 網上也有自動化實現, 我感覺不是很麻煩, 就沒有去弄.), 然後我就去初始化. 發現登入的時候總是報錯 [object ProgressEvent]. 沒辦法, 就去官網看 issue, issue 中看到的解釋是, 作者的服務停掉了.
但是比較好的是, 作者也開源了這個服務的原始碼.
以下介紹如何替換作者的程式碼, 使用自己啟動的服務.
1. 首先在伺服器上下載作者的程式碼.
git clone https://github.com/imsun/gh-oauth-server.git
複製程式碼
2. 進入專案, 下載依賴, 並啟動
npm install && npm start
複製程式碼
預設的埠號是 3000.(省略 nginx 配置以及域名對映等一系列猛如虎的操作)
3. 我用的 hexo 部落格系統, 找到專案上的 gitment.swig 檔案, 找到如下程式碼位置, 我的是在檔案頭部
{% if theme.gitment.mint %}
{% set CommentsClass = "Gitmint" %}
<link rel="stylesheet" href="https://aimingoo.github.io/gitmint/style/default.css">
<script src="https://aimingoo.github.io/gitmint/dist/gitmint.browser.js"></script>
{% else %}
{% set CommentsClass = "Gitment" %}
<link rel="stylesheet" href="https://imsun.github.io/gitment/style/default.css">
<script src="https://imsun.github.io/gitment/dist/gitment.browser.js"></script>
{% endif %}
複製程式碼
實際上在我的部落格上, gitment 使用的 css 和 js 是上面的 gitmint, 為了保險起見, 我全部 down 了下來.
4. 分別開啟 gitmint.browser.js 和 gitment.browser.js, 然後尋找程式碼字串
https://gh-oauth.imsun.net
複製程式碼
並將其替換為我們剛才啟動的服務地址.
5. 然後將四個檔案上傳至我自己的 oss 檔案儲存伺服器上. 這個時候把該四個檔案的地址複製替換步驟三的四個網路連結.
6. 修改完畢, 上傳程式碼, 伺服器更新. 搞定!
個人部落格地址: gitment 登入失敗