Hexo 博客接入 Gitment 评论系统踩坑

本篇主要记录 Hexo 静态博客接入 Gitment 的步骤和踩坑。基于 github.io 的静态博客,NexT 是最新的 v6.1.0。
如果想看效果,欢迎去看我的博客

作者的文档: 使用 GitHub Issues 搭建评论系统

注册 OAuth Application 注意点。

如果是 github.io 的静态博客,那么 callback URL 是 https://github.com , 如果是自己的域名,那么需要填写自己的。
其他的配置应该是随意的,欢迎打脸 0.0

Error:validation failed

Issue 的标签 Label 有长度限制!Labels 的最大长度限制是50个字符。

这个 id 的作用,就是针对一个文章有唯一的标识来判断这篇本章。

时间作为标签
新增副标题作为标签

时间作为标签,每一个评论都是一个 Issue,甚至刷新页面都会有一个空的 Issue,所以不推荐。

副标题作为标签,没有尝试,但是每篇文章都要起一个副标题感觉没有必要。所以没有采用。

具体需要修改的位置: themes/next/layout/_third-party/comments/gitment.swig (source 27)

    id: window.location.pathname, // 默认设置

由于这个 pathname 会将汉字转换编码,导致字符长度过长。那么我的修改方案就是将编码再转换回去。

    id: window.decodeURIComponent(window.location.pathname),

只要标题不浪,该方案问题不大。

附上主题中 _config.yml 相关配置:

gitment:
  enable: true
  mint: false # 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: true # Hide 'Powered by ...' on footer, and more
  language: en # Force language, or auto switch by theme
  github_user: 'otwayz(你的GitHub id)' # MUST HAVE, Your Github Username
  github_repo: 'BlogComments(你的评论仓库名称)' # MUST HAVE, The name of the repo you use to store Gitment comments
  client_id: (第一步注册的id) # MUST HAVE, Github client id for the Gitment
  client_secret: (第一步注册的secret) # EITHER this or proxy_gateway, Github access secret token for the Gitment
  proxy_gateway: # Address of api proxy, See: https://github.com/aimingoo/intersect
  redirect_protocol: # Protocol of redirect_uri with force_redirect_protocol when mint enabled

你可能感兴趣的:(Hexo 博客接入 Gitment 评论系统踩坑)