美文网首页
Hexo 博客接入 Gitment 评论系统踩坑

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

作者: 弥宣 | 来源:发表于2018-04-12 23:46 被阅读115次

    本篇主要记录 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 评论系统踩坑

          本文链接:https://www.haomeiwen.com/subject/gqjqkftx.html