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

前言

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

注册OAuth Application

OAuth Application注册

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

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

在yelee主题中引入Gitment

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

<!-- Gitment评论插件通用代码 -->
<div id="git"></div>
<link rel="stylesheet" href="https://imsun.github.io/gitment/style/default.css">
<script src="https://imsun.github.io/gitment/dist/gitment.browser.js"></script>
<script>
var gitment = new Gitment({
  owner: "stven0king",//github用户名
  repo: "stven0king.github.io",//用户存储评论的github项目名称
  oauth: {
    client_id: "xxxxxxxxxxxxxxxxxxxxxxxx",//注册OAuth Application时生产的ClinetID
    client_secret:"xxxxxxxxxxxxxxxxxxxxx",//注册OAuth Application时生成的Client Secret
  },
})
gitment.render('git')
</script>
<!-- Gitment代码结束 -->

接着在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 { %>
    <div class="git"></div>
  <% } %>
<% } %>

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

初始化评论

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

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

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

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

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

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