由于多說將于近期關(guān)閉服務(wù)孝冒,所以不得不切換其他的評論服務(wù)
昨天打開自己的博客看了一眼添履,在評論框下面多了一行提示驻谆,多說即將關(guān)閉炭玫,這個(gè)是多說官網(wǎng)的頁面通知奈嘿,重要通知: 多說即將關(guān)閉
鏈接內(nèi)主要是說 “多說將于2017年6月1日正式關(guān)停服務(wù)”,距服務(wù)離關(guān)閉還有不到三個(gè)月了吞加,擇日不如撞日裙犹,今天正巧有時(shí)間,搞起
至于選擇哪家的評論衔憨,我自己去 Google 搜了一下叶圃,好像用 Disqus 的也不少,考查了一下集成難度践图,感覺很容易集成掺冠,于是決定使用 Disqus
注冊 Disqus
打開 Disqus 主頁
![Disqus.png](http://omu5krm39.bkt.clouddn.com/17-3-23/94457545-file_1490257068502_b94d.png?imageView2/0/q/75%7Cwatermark/2/text/d2FuZ2t1bmxpbi5kYXRl/font/Y29uc29sYXM=/fontsize/480/fill/IzIzNzhFMg==/dissolve/71/gravity/SouthEast/dx/10/dy/10%7Cimageslim)
可以看到,Disqus 支持 Facebook码党,Twitter以及 Google 登錄德崭,當(dāng)然也可以用郵箱注冊一個(gè)賬號(hào),如果是注冊的賬號(hào)揖盘,需要驗(yàn)證一下郵箱
配置 Disqus
登錄后眉厨,點(diǎn)擊首頁的 GET STARTED 按鈕,之后選擇 I want to install Disqus on my site 選項(xiàng)扣讼,就會(huì)看到下面的界面
![Setup.png](http://omu5krm39.bkt.clouddn.com/17-3-23/13454870-file_1490258090290_16934.png?imageView2/0/q/75%7Cwatermark/2/text/d2FuZ2t1bmxpbi5kYXRl/font/Y29uc29sYXM=/fontsize/480/fill/IzIzNzhFMg==/dissolve/71/gravity/SouthEast/dx/10/dy/10%7Cimageslim)
Websit Name 就是 short name 自己填寫缺猛,但是要求全網(wǎng)唯一缨叫,設(shè)定后不可改變椭符,比如我的是 wangkunlin荔燎,這個(gè)在配置 Hexo 的時(shí)候需要用到
Category 選擇種類,可以隨便選
Language 語言選 Chinese 或者 English
然后點(diǎn) Create Site 等待界面跳轉(zhuǎn)
接下來在頁面的左側(cè)點(diǎn)擊 Configure Disqus
![Complete.png](http://omu5krm39.bkt.clouddn.com/17-3-23/38828022-file_1490258731012_132bd.png?imageView2/0/q/75%7Cwatermark/2/text/d2FuZ2t1bmxpbi5kYXRl/font/Y29uc29sYXM=/fontsize/480/fill/IzIzNzhFMg==/dissolve/71/gravity/SouthEast/dx/10/dy/10%7Cimageslim)
在 Website URL 那里填寫自己的博客地址销钝,Description 可以不寫有咨,然后點(diǎn) Complete Setup,Disqus 基本的設(shè)置已經(jīng)完成
配置 Hexo
在 blog 下的 _config.yml 里
# 填寫你自己的 shortname
disqus_shortname: wangkunlin
進(jìn)入 theme 目錄蒸健,這里我用的主題是 Tinnypp 找到 comment.ejs座享,我的是在 blog/themes/Tinnypp/layout/_partial/post/comment.ejs,不同主題請自行查找似忧,替換為下面的內(nèi)容
<% if (page.comments){ %>
<section id="comment">
<% if(config.disqus_shortname) { %>
<div id="disqus_thread">
<noscript>Please enable JavaScript to view the <a >comments powered by Disqus.</a></noscript>
</div>
<% } %>
</section>
<% } %>
修改 blog/themes/Tinnypp/layout/_partial/after_footer.ejs渣叛,將原來的多說相關(guān)的代碼刪掉,增加下面的代碼(這是根據(jù)原來的邏輯修改過)
<% if ((page.layout == 'post' || page.layout == 'page') && config.disqus_shortname && page.comments){ %>
<script type="text/javascript">
var disqus_shortname = '<%= config.disqus_shortname %>';
var disqus_config = function () {
this.page.url = '<%= config.url %>/<%= page.path %>';
this.page.identifier = '/<%= page.path %>';
this.page.title = '<%= page.title %>';
};
(function(){
var d = document;
var dsq = d.createElement('script');
dsq.type = 'text/javascript';
dsq.async = true;
dsq.src = '//' + disqus_shortname + '.disqus.com/<% if (page.comments){ %>embed.js<% } else { %>count.js<% } %>';
(d.head || d.body).appendChild(dsq);
})();
</script>
<% } %>
然后執(zhí)行
$ hexo clean
$ hexo g
$ hexo s
就可以看到 Disqus 已經(jīng)成功集成到自己的博客了盯捌,Disqus 詳細(xì)的配置可以自己去看看淳衙,這里不再介紹了