由于多說將于近期關(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 支持 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ì)看到下面的界面
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
在 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ì)的配置可以自己去看看淳衙,這里不再介紹了