hexo-theme-material-x+gitalk

hexo-theme-material-x +gitalk 实现评论系统集成

关于hexo 中使用Material-x为主题时，增加评论系统 gitalk

• material-x 主题 https://xaoxuu.com/wiki/material-x/third-party-services/index.html
• gitalk开源地址 https://github.com/gitalk/gitalk

根目录的配置项

gitalk: 要使用哪个请复制到根目录配置文件！
  clientID: 你的clientID
  clientSecret: 你的clientSecret
  repo: 你的repo名  #这个直接就是仓储名
  owner: 你的GitHub名
  admin: [] 至少填写你的GitHub名

clientID和clientSecret如何得到：

1. 先要有github账号， 点击 New OAuth App（后面这个链接）： https://github.com/settings/applications/new
2. 填写信息：
   Application name 随便填，
   Homepage URL 和 Authorization callback URL 都写你的 网址，我的是：https://luoyunchong.github.io/hexo-blog/

生成后，就会有clientID和clientSecret

参考我的配置项

https://github.com/luoyunchong/hexo-blog/blob/master/_config.yml

gitalk: 
  clientID: 70ba179c7cf0f158ad7d
  clientSecret: 76bea5d6863b98331709de2d6220bf439426d957
  repo: hexo-blog
  owner: luoyunchong
  admin: [luoyunchong]

这个repo一定要是仓储名，而不是仓储地址，不然，会一直返回404 NOT FOUND

• 报错出现 Error: Validation Failed.
  https://github.com/gitalk/gitalk/issues/102

我使用的material-x，打开themes/material-x/layout/_partial/scripts.ejs文件，修改成如下内容

  <script src="https://cdn.bootcss.com/blueimp-md5/2.10.0/js/md5.min.js"></script>
  <script type="text/javascript">
    var gitalk = new Gitalk({
      clientID: "<%- config.gitalk.clientID %>",
      clientSecret: "<%- config.gitalk.clientSecret %>",
      repo: "<%- config.gitalk.repo %>",
      owner: "<%- config.gitalk.owner %>",
      admin: "<%- config.gitalk.admin %>",
      <% if(page.gitalk && page.gitalk.id) { %>
        id: "<%= page.gitalk.id %>",
      <% } else { %>
        id: md5(location.pathname),      // Ensure uniqueness and length less than 50
      <% } %>
      distractionFreeMode: false  // Facebook-like distraction free mode
    });
    gitalk.render('gitalk-container');
  </script>

最重要的是引用

  <script src="https://cdn.bootcss.com/blueimp-md5/2.10.0/js/md5.min.js"></script> 

和

id: md5(location.pathname)