hexo加入gitment評論功能

文章首次發表在: hexo加入gitment功能

前言

Gitment 是做者實現的一款基於 GitHub Issues 的評論系統。支持在前端直接引入，不須要任何後端代碼。能夠在頁面進行登陸、查看、評論、點贊等操做，同時有完整的 Markdown / GFM 和代碼高亮支持。尤其適合各類基於 GitHub Pages 的靜態博客或項目頁面。

使用

next(v5.1.4)支持 gitment功能

使用步驟

1. 註冊 OAuth Application

點擊https://github.com/settings/applications/new註冊，注意Authorization callback URL填本身的網站url, 好比個人 https://wangyaxing.cn/

你會獲得一個 client ID 和一個 client secret，這個將用於如下的配置中

2.在主題文件下的_config.yml中配置

找到gitment進行配置

gitment:
  enable: true
  mint: true # RECOMMEND, A mint on Gitment, to support count, language and proxy_gateway
  count: true # Show comments count in post meta area
  lazy: false # Comments lazy loading with a button
  cleanly: false # Hide 'Powered by ...' on footer, and more
  language: # Force language, or auto switch by theme
  github_user: Your Github ID
  github_repo: 新建一個代碼倉庫,用於存儲評論內容, 這裏千萬注意添加倉庫名稱而不是完整地址
  client_id: # MUST HAVE, Github client id for the Gitment
  client_secret: # EITHER this or proxy_gateway, Github access secret token for the Gitment

遇到的問題

1. not fund

出現這個問題的緣由是由於配置ower, repo的時候錯了

repo指的是倉庫名稱而不是倉庫地址

2.點擊初始化評論報錯 Error：validation failed

剛開始看了好多文章, 一直修改next/layout/_partials/comments.swig, 並且還加了以下內容, 可是修改完以後一直沒有起做用, 後來又查找源碼, 發現V5.1.4版本和以前的不太同樣, 並不用本身添加一些內容,這也是提醒你們查找解決方法時必定要注意修改的版本號

以前的版本

如今的版本內容以下:

修改next/layout/_third-party/comments/gitment.swig
[圖片上傳失敗...(image-c5fa0f-1536162212603)]

修改ID由默認的window.location.pathname爲 page.date解決ID長度過長報錯問題

3.自動初始化評論問題

初始化評論框方案討論
自動初始化 Gitalk 和 Gitment 評論