Github pages + Hexo 部落格 yilia 主題使用暢言評論系統

文章首發位址：http://www.54tianzhisheng.cn/2017/04/13/Hexo-yilia-changyan/ , 轉載請注明出處。

前言

Hexo的Yilia主題由于原來使用的是多說的留言闆，近期多說公告要停止提供服務了，是以我就把多說換成搜狐的暢言了，下面寫一個簡單的小教程。

注冊暢言

進入暢言官網 , 點選右上角 “免費注冊”，并填寫注冊資訊。（注意域名需要備案資訊）

登入并進入暢言背景

注冊完後，登入進入暢言官網，擷取你的暢言 app id 和 app key。

使用暢言系統

下面說下修改評論為暢言的方法，其實方法和多說是差不多的。

1、修改

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')[] || 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

是在暢言設定中得到。

這裡需要注意一點的是：

sid="<%= page.title %>">

這樣的話暢言就可以直接根據對應的文章來識别，使得文章有對應的評論，不會都亂在一起。

2、在每篇文章開頭的 front-matter 中添加一句

comments: true

，然後回到部落格根目錄執行指令

hexo d -g

，重新生成部落格并部署部落格，然後重新整理，任選一篇文章進入下拉，會發現評論功能可以使用了。

修改 BUG

但是，這是你會發現一個 Bug，表情按鈕點選不了，原因是被左側的 div 層覆寫了，回到我們剛才改過的代碼，找到

<div id="SOHUCS"

開頭的一串代碼。并做如下更改

加上上面這一段樣式代碼，即可修複。

參考文章：

1、Hexo部落格yilia主題更換暢言評論系統

2、在Hexo中使用暢言評論系統