小編給大家分享一下gitment是什么，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！

專注于為中小企業(yè)提供成都網(wǎng)站制作、做網(wǎng)站服務(wù),電腦端+手機(jī)端+微信端的三站合一,更高效的管理,為中小企業(yè)芒康免費(fèi)做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都，凝聚了一批互聯(lián)網(wǎng)行業(yè)人才，有力地推動了千余家企業(yè)的穩(wěn)健成長，幫助中小企業(yè)通過網(wǎng)站建設(shè)實(shí)現(xiàn)規(guī)模擴(kuò)充和轉(zhuǎn)變。

        Gitment是基于 GitHub Issues的評論系統(tǒng)。支持在前端直接引入，不需要任何后端代碼?？梢栽陧撁孢M(jìn)行登錄、查看、評論、點(diǎn)贊等操作，同時(shí)有完整的 Markdown和代碼高亮支持。適合各種靜態(tài)博客或項(xiàng)目頁面。

1.注冊O(shè)Auth Application

進(jìn)入GitHub官網(wǎng)https://github.com/，點(diǎn)擊右上角頭像，選擇setting

進(jìn)入setting后選擇developer setting

選擇new OAuth app

前面三個(gè)參數(shù)可以隨意填寫，第四個(gè)參數(shù)很重要，是回調(diào)URL，這個(gè)一定不能填寫錯(cuò)，一般填寫你博客主頁地址，我目前博客還未上線是內(nèi)網(wǎng)穿透到外網(wǎng)生成博客測試地址，所以我回調(diào)URL填寫了http://zhanyue.natapp1.cc，也就是我博客主頁地址，填寫完成點(diǎn)擊Register application

注冊應(yīng)用成功后，可以得到你應(yīng)用的Client ID, Client Secret，然后到這里注冊成功。

2.在HTML中設(shè)置一個(gè)div，用來放置評論系統(tǒng)

評論系統(tǒng)所需包有以下兩個(gè)：https://imsun.github.io/gitment/style/default.css

https://imsun.github.io/gitment/dist/gitment.browser.js，

直接在界面中引入如上兩個(gè)文件就可以了。

3.設(shè)置參數(shù)，渲染評論系統(tǒng)

評論系統(tǒng)分為兩部分，第一部分渲染頁面估計(jì)都能看懂，唯一需要注意的就是gitment目前只支持編碼en-US，第二部分就是評論系統(tǒng)的配置信息：

        1.id: 我們文章的id，用來區(qū)分是哪一篇文章。

        2.owner:GitHub賬戶的username

        3.repo：GitHub的倉庫名

        4.Client_id:步驟1得到的Client_id

        5.Client_secret:步驟1得到的Client_secret

到這里我們就可以成功搭建博客系統(tǒng)了，接下來讓我們測試一下。不過gitment每篇博客都需要你手動初始化評論功能(如果你的歷史博客很多那就一篇一篇去點(diǎn)吧，不過貌似有人寫了批量處理腳本,沒試過哈).

評論系統(tǒng)成功進(jìn)行顯示了，但是好像出了點(diǎn)問題：Error: Comments Not Initialized，其實(shí)這個(gè)不是出問題，這個(gè)是因?yàn)檫@篇文章的評論系統(tǒng)還未進(jìn)行初始化，上面說過gitment每篇文章都需要手動進(jìn)行初始化。

點(diǎn)擊登錄，第一次會出現(xiàn)授權(quán)GitHub賬號登錄的驗(yàn)證，授權(quán)登錄完成會發(fā)現(xiàn)剛才的Error消失了

點(diǎn)擊最下方的初始化評論，對這篇文章進(jìn)行初始化，然后就可以正常使用評論系統(tǒng)了。

從圖中我們可以看到評論系統(tǒng)可以正常使用了到這里基于GitHub Issues的評論插件--gitment開發(fā)就完成了。最后再說說gitment開發(fā)容易碰到的幾個(gè)坑吧。

1.Error: Not Found問題

owner或者repo配置錯(cuò)誤了，注意GitHub和倉庫名字的大小寫。

2.Error: Comments Not Initialized

這個(gè)問題要么你回調(diào)URL填寫的有問題，要么就是剛才說的你還未進(jìn)行登錄。

3.登錄報(bào)錯(cuò)[object ProgressEvent]

我用postman測試發(fā)現(xiàn)這個(gè)錯(cuò)誤完全是因?yàn)?strong>gitment作者的騷操作，服務(wù)器過期了，但是作者源碼進(jìn)行開放了，可以自己clone源碼然后放置到服務(wù)器進(jìn)行使用，我的話使用了GitHub一個(gè)網(wǎng)友自己搭建的服務(wù)器：

因?yàn)槲沂菍M(jìn)行下載到本地然后用webpack進(jìn)行打包使用，所以直接在gitment.js包中找到如圖代碼，將地址更換為

然后就可以成功使用GitHub賬號進(jìn)行登錄評論了。

以上是“gitment是什么”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對大家有所幫助，如果還想學(xué)習(xí)更多知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

本文名稱：gitment是什么
本文URL：http://jinyejixie.com/article6/pdcgig.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供標(biāo)簽優(yōu)化、網(wǎng)站營銷、網(wǎng)站策劃、軟件開發(fā)、定制網(wǎng)站、

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來源： 創(chuàng)新互聯(lián)