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的时候错了

img

repo指的是仓库名称而不是仓库地址

2.点击初始化评论报错 Error：validation failed

刚开始看了好多文章, 一直修改next/layout/_partials/comments.swig, 而且还加了如下内容, 但是修改完之后一直没有起作用, 后来又查找源码, 发现V5.1.4版本和之前的不太一样, 并不用自己添加一些内容,这也是提醒大家查找解决方法时一定要注意修改的版本号

之前的版本

gitment

现在的版本内容如下:

修改next/layout/_third-party/comments/gitment.swig
[图片上传失败...(image-c5fa0f-1536162212603)]

修改ID由默认的window.location.pathname为 page.date解决ID长度过长报错问题

3.自动初始化评论问题

初始化评论框方案讨论
自动初始化 Gitalk 和 Gitment 评论