Hexo博客yelee主题添加Gitment评论系统

个人博客地址 http://dandanlove.com/

前言

自从六月份多说评论关闭后,接着好不容易迁到网易云跟帖。8月1日网易云跟帖发布公告宣布停止服务。看到wordpress博客大部分接的是畅言,可惜畅言需要网址备案,没有买阿里云服务器域名不给备案。今天突然看到了gitment(PS:gitment是imsun利用github上的issues做的评论系统),相见恨晚啊。然后自己立即着手开始自己的博客评论系统迁移,一个小时不到就搞定了_,成功的方法和喜悦给大家分享一下。

注册OAuth Application

OAuth Application注册

Hexo博客yelee主题添加Gitment评论系统_第1张图片
Register

注意callback URL需要填自己的博客地址,eg:http://dandanlove.com/

创建成功后,你会得到一个 client ID 和一个 client secret,这个将被用于之后的用户登录

Hexo博客yelee主题添加Gitment评论系统_第2张图片
密钥

在yelee主题中引入Gitment

在themes/yelee/layout/_partial/post文件夹下创建git.ejs文件,并写入下边代码:


接着在themes/yelee/layout/_partial/article.ejs文件中找到

<% if (!index && post.comments){ %>
    <% if (theme.duoshuo.on) { %>
      <%- partial('comments/duoshuo', {
          key: post.path,
          title: post.title,
          url: config.url+url_for(post.path),
          }) %>
    <% } else if (theme.youyan.on) { %>
        <%- partial('comments/youyan') %>
    <% } else if (theme.disqus.on) { %>
        <%- partial('comments/disqus', {
            shortname: theme.disqus.shortname
          }) %>
    <% } else if (config.disqus_shortname) { %>
        <%- partial('comments/disqus', {
            shortname: config.disqus_shortname
          }) %>
    <% } %>
<% } %>

在这个节点下添加:

<% if (!index){ %>
  <% if (post.comments){ %>
  <%- partial('post/git') %>
  <% } else { %>
    
<% } %> <% } %>

以上所有操作完成后,文章底部就可以展现评论视图了。

初始化评论

最开始我们看到的是:Error:Comments Not Initialized


Hexo博客yelee主题添加Gitment评论系统_第3张图片
Error:Comments Not Initialized

出现Error之后我们不要惊慌,点击评论部分的Login。在GitHub进行授权后页面会刷新成:Initialize Comments

Hexo博客yelee主题添加Gitment评论系统_第4张图片
Initialize Comments

接着点击【Initialize Comments】按钮进行初始化就可以评论了。

Hexo博客yelee主题添加Gitment评论系统_第5张图片
issues

没初始化一片文章都会在repo所在的github项目的issues中看到。

参考文章:
Gitment
gitment github项目地址
gitment 错误处理

文章到这里就全部讲述完啦,若有其他需要交流的可以留言哦

想阅读作者的更多文章,可以查看我 个人博客 和公共号:

Hexo博客yelee主题添加Gitment评论系统_第6张图片
振兴书城

你可能感兴趣的:(Hexo博客yelee主题添加Gitment评论系统)