Hexo博客添加Gitalk评论

Hexo支持本身多款评论插件，但是多说，网易云跟贴都已经下线。Disqus也被挡在墙外，友言貌似也不行。
Gitalk:一个基于 Github Issue 和 Preact 开发的评论插件，类似Gitment
详情Demo可见：https://gitalk.github.io/

安装步骤

创建应用

在GitHub上注册新应用，链接：https://github.com/settings/applications/new

点击注册后，查看 Client ID和Client Secret在后面的配置中需要用到(也可到Settings/Devoloper settings找到自己创建的应用)

集成

新建gitalk.swig

在主题文件下，新建/layout/_third-party/comments/gitalk.swig文件，内容如下：

{% if page.comments && theme.gitalk.enable %}
  
  
   
{% endif %}

修改comments.swig

修改 /layout/_partials/comments.swig,并添加以下内容：

{% elseif theme.gitalk.enable %}
 <div id="gitalk-container"></div>

修改index.swig

修改layout/_third-party/comments/index.swig，在最后一行添加内容：

{% include 'gitalk.swig' %}

新建gitalk.styl

新建/source/css/_common/components/third-party/gitalk.styl文件，添加内容：

.gt-header a, .gt-comments a, .gt-popup a
  border-bottom: none;
.gt-container .gt-popup .gt-action.is--active:before
  top: 0.7em;

修改third-party.styl

修改/source/css/_common/components/third-party/third-party.styl，在最后一行上添加内容，引入样式：

@import "gitalk";

最后，修改主题配置文件

在next/_config.yml中添加如下内容：

gitalk:
  enable: true
  githubID: github帐号  # 例：nww57
  repo: 仓库名称   # 例：nww57.github.io
  ClientID: Client ID
  ClientSecret: Client Secret
  adminUser: github帐号 #指定可初始化评论账户
  distractionFreeMode: true

到此，Gitalk配置完成。