hexo添加Gitment评论功能

摘要

• 修改代码
• 添加gitment
• 设置githubOAuth
• 初始化评论
• 常见问题

修改代码

我们要加入gitment评论功能，需要修改yelee

该脚本的路径为：

GitHub_Projects/porterpan.github.io/themes/yelee/layout/_partial/article.ejs

这个文件中需要修改的地方为原该脚本的82行

<% 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 (theme.gitment_on) { %>
        <%- partial('comments/gitment', {
            key: post.slug,
            title: post.title,
            url: config.url+url_for(post.path)
          }) %>
    <% } %>

也就是添加的

if (theme.gitment_on) { %>
        <%- partial('comments/gitment', {
            key: post.slug,
            title: post.title,
            url: config.url+url_for(post.path)
          }) %>
    <% } %>

这句判断。

添加gitment

然后去下载itment.ejs

• 将gitment.ejs放到该路径中即可：

GitHub_Projects/porterpan.github.io/themes/yelee/layout/_partial/comments/gitment.ejs

• gitment.ejs 文件内容为

<div id="gitment-ctn"></div> 
<!--汉化-->

<link rel="stylesheet" href="https://porterpan.github.io/gitment/link_src/gitment.css">
<script src="https://porterpan.github.io/gitment/link_src/gitment.js"></script>

<!--
<link rel="stylesheet" href="gitment/gitment.css">
<script src="gitment/gitment.js"></script>
-->
<!--原型-->
<!--
<link rel="stylesheet" href="//imsun.github.io/gitment/style/default.css">
<script src="//imsun.github.io/gitment/dist/gitment.browser.js"></script>
-->
<script>
var gitment = new Gitment({
  id: "<%=url%>",
  owner: '<%=theme.gitment_owner%>',
  repo: '<%=theme.gitment_repo%>',
  oauth: {
    client_id: '<%=theme.gitment_oauth.client_id%>',
    client_secret: '<%=theme.gitment_oauth.client_secret%>',
  },
})
gitment.render('gitment-ctn')
</script>

设置githubOAuth

github 网页的OAuth的配置如下图

之后我们应该把本地的地址改为你仓库的地址

根目录的_config.yml配置如下

初始化评论

提示未初始化

Error: Comments Not Initialized

解决办法：
直接登录你的github,进入存放评论的仓库，选择Issue菜单，新建一条评论即可，如下图

或者直接在页面登录你的github账号进行初始化

常见问题

配置成功后的效果

• 注意

如果你的网页后缀字符长度超过50个字符，就会提示未初始化，或者初始化不成功，如下图，后缀超过了50个

• 解决办法

将你的网址缩短，具体怎么缩短，看我这篇文章如何把博客文章缩短，取消之前的带中文路径办法

更加详细的办法，直接看我这个第50次提交版本的源代码，研究下