Hexo + Github pages 博客 yilia 主题使用畅言评论系统-原创手记-慕课网

2017年初到年中，多说评论，网易云跟帖等评论系统相继倒下，Disqus等国外的评论系统因为服务器在国外，系统相对于国内的不稳定，没有这么流畅。现在国内还在运行的免费的博客评论系统就只剩下畅言评论系统了，下面就来说一下怎么将畅言评论系统应用到自己博客网站当中。

Hexo博客yilia 主题使用畅言评论系统

进入畅言官网，点击右上角“免费注册”，并填写注册信息

注册完成之后登录进入畅言系统管理的后台，点击：后台总览，可以看到畅言秘钥：APP ID和APP KEY，等一下需要用到这两个值

首先，进入Hexo博客根目录，然后依次进入themes\yilia\layout\_partial目录，找到article.ejs文件，把如下代码：

<% if (!index && post.comments && config.disqus_shortname){ %>
 <section id="comments">
   <div id="disqus_thread">
     这里还有很多省略掉的代码
   </div>
 </section>
 <% } %>

修改为：

<% if (!index && post.comments){ %>
  <section id="comments">
<!--高速版，加载速度快，使用前需测试页面的兼容性-->
<div id="SOHUCS" sid="<%= page.title %>"></div>
<script>
  (function(){
    var appid = '你的APP ID',
    conf = '你的APP KEY';
    var doc = document,
    s = doc.createElement('script'),
    h = doc.getElementsByTagName('head')[0] || doc.head || doc.documentElement;
    s.type = 'text/javascript';
    s.charset = 'utf-8';
    s.src =  'http://assets.changyan.sohu.com/upload/changyan.js?conf='+ conf +'&appid=' + appid;
    h.insertBefore(s,h.firstChild);
    window.SCS_NO_IFRAME = true;
  })()
</script>    
  </section>
  <% } %>

上面代码当中的：你的APP ID和你的APP KEY是你在畅言后台系统中得到的畅言秘钥的APP ID和APP KEY的值，这里需要注意一点的是：上面代码当中：sid="<%= page.title %>"> 这样的话畅言就可以直接根据对应的文章来识别，使得文章有对应的评论，不会都乱在一起

在每篇文章开头的 front-matter 中添加一句comments: true，然后回到博客根目录执行命令 hexo g -d ，重新生成博客并部署博客到github上面，然后刷新，任选一篇文章进入下拉，会发现评论功能可以使用了
<br>
打开主题配置文件_config.yml，更改设置畅言评论的代码如下：

changyan_appid: 'cyt6Pd3Qd'
changyan_conf: '55e8baae572c872a30594ac6734bcb4f'

上面的changyan_appid和changyan_conf的值也是畅言后台系统中得到的畅言秘钥的APP ID和APP KEY的值，复制过去就行了

来到博客页面的评论功能区，你会发现点击表情的时候没有反应，原因是被左侧的div层覆盖了，回到我们刚才改过的代码，找到<div id="SOHUCS"开头的一串代码。并做如下更改：

<div id="SOHUCS" sid="<%=title %>" style="padding: 0px 30px 0px 46px;"></div>

修改代码完成之后，重新执行命令：hexo g -d部署博客到github上面，刷新网站页面，评论系统的表情就可以看到了

参考文章：
Github pages + Hexo 博客 yilia 主题使用畅言评论系统
 Hexo博客yilia主题更换畅言评论系统