Hexo增加留言版功能-Disqus

  1. 1. 申請Disqus留言版
    1. 1.1. 申請Disqus登入帳號
    2. 1.2. 申請網站留言版帳號
  2. 2. 新增Disuqs設定至Hexo

Blog互動功能是非常必要的,尤其大部份Blog每篇文章下面都很常出現的一個留這版就是Disqus。
現在來說明如何新增這個功能到Hexo。

申請Disqus留言版

這個動作我想是本篇主題最複雜的一步。

申請Disqus登入帳號

只要填入帳號、Email、密碼就可以注冊帳號。如果想用Google、Facebook或是Twitter也可以。
註冊

申請網站留言版帳號

在右上方的齒輪點下去,有個[Add Disque to stie]
Add Disque to stie

第二個畫面拉到最下面點選[GET STARTED]
GET STARTED

第三個畫面:選擇[I wate to install Disqus on my site]
I wate to install Disqus on my site

第四個畫面:設定你Site的相關設定,包含設定Website Name,如果這裡與別人的別名重複會出現
[name]-1
Website Name

第五個畫面:設定付費,先用免費的有需要可以升級
設定付費

第六個畫面:選擇設定的網站或系統
因為裡面沒有Hexo可以選擇,所以我們拉到最下面選[Install manually with Universal Code]
Install manually with Universal Code

第七個畫面:這裡提示你直接使用的碼,但我使用的Theme有支援所以這步完略過就可以了。
略過

其實重點在取得shortname,一般來說shortname是剛設定的Website Name,但如果不確定的話可以參考官方說明

新增Disuqs設定至Hexo

拿到shortname後,到Hexo的設定檔[_config.yml]增加下面的設定,如果Theme有支援發佈後馬上可以看到每個Post下面都會出現Dusqus的發佈欄囉。

1
2
# Comments
disqus_shortname: jim51blog

發佈欄