天天看點

Hexo部落格yilia主題添加Gitment評論系統注冊OAuth Application修改_config.yml評論配置驗證是否配置成功

gitment是imsun利用github上的issues做的評論系統,我這裡大力推薦,原因有三:

  1. 注冊簡單,隻要填寫APP名和首頁位址
  2. 實作友善,隻要簡單的配置
  3. 沒有廣告,這個很重要

注冊OAuth Application

注冊網址: https://github.com/settings/applications/new

Hexo部落格yilia主題添加Gitment評論系統注冊OAuth Application修改_config.yml評論配置驗證是否配置成功
Application name:部落格名字
Homepage URL; 網站首頁位址(這裡我填寫的是域名/index.html大部分的預設網頁都是index.html)
Application description:描述,選填
Authorization callback URL: 填寫域名就行了
填寫完畢後點選Register application 跳轉到另外一個界面,這裡可以得到一個
Client ID和Client Secret
           
Hexo部落格yilia主題添加Gitment評論系統注冊OAuth Application修改_config.yml評論配置驗證是否配置成功

修改_config.yml

注意這裡的_config.yml是主題下的配置檔案,不是全局的

#5、Gitment
gitment_owner: javacfox       #你的 GitHub ID
gitment_repo: 'javacfox.github.io'          #存儲評論的 repo
gitment_oauth:
  client_id: '23e433c3cfc76c050ba3'           #client ID
  client_secret: '697e555db09c2e181f24fbe071de2e02156dc255'       #client secret
           

評論配置

打開你的blog本地倉庫themes\yilia\layout_partial\post\gitment.ejs将

<link rel="stylesheet" href="//imsun.github.io/gitment/style/default.css">
<script src="//imsun.github.io/gitment/dist/gitment.browser.js"></script>
           

修改為:

<link rel="stylesheet" href="https://jjeejj.github.io/css/gitment.css">
<script src="https://www.wenjunjiang.win/js/gitment.js"></script>
           

驗證是否配置成功

在遊覽器界面輸入http://localhost:4000/,檢測有沒有評論界面

Hexo部落格yilia主題添加Gitment評論系統注冊OAuth Application修改_config.yml評論配置驗證是否配置成功

如果有這個界面就可以了,如果沒有,那麼可能是你沒有配置好