[教學] Hexo Next 主題加入 DISQUS 留言板

前言

這裡附的是 Hexo Next 主題的簡單教學，可能今後 DISQUS 網頁會改版，操作流程可能會換位置，但邏輯大概是一樣的。
各位可以在左邊的目錄選擇自己想要看的資訊跳轉。

DISQUS 端註冊

官方網站右上角註冊：https://disqus.com/

可使用 google 帳號連動註冊。

選擇應用

接下來會跳至選擇頁面，我們想要製作應用在網站上，點選 I want to install Disqus on my site

這先填寫簡單的資料，之後可以在編輯裡填仔細一點，可是要注意的地方是 Website Name 是要跟 Hexo 做連結的，假如像筆者一樣輸入空格，disqus 會自動轉換成 "-" 槓符號。
(備註：Website Name 之後可以修改)

填完後會跳轉至付費方案選擇，我們選擇最底下的 Basic 免費方案。

設定應用

這裡會發現沒有 Hexo 平台的選項
我們選擇最底下的 I don’t see my platform listed, install manually with Universal Code.

之後會跳到設定流程，左上角的位置會在第二項的第二個 Install Instructions，這個部分是要我們把 DISQUS 配置在網站裡，但可以先跳過， Hexo 有套件包可以自動幫我們配置好。

把細部設定填的更完整。

最後一項 Setup Moderation 是你的留言審核設定。

Hexo 端設定

在 Hexo Next 主題設定檔 _config.yml 找到 disqus。
目錄：/themes/next/_config.yml
設定完留言板就能用了!

# Disqus 留言板功能
disqus:
  enable: true # 開啟
  shortname: Test-Web-Side # 輸入剛創建的網站名(輸入空格會轉成 "-" 槓符號)
  count: true # 決定是否要顯示文章的留言數
  #post_meta_order: 0

把評論關閉(點讚功能)

點讚功能長這樣

關閉方法：選擇你的應用 -> 點選 Reactions -> 網頁最底下點選 Trun Reactions off

點選 Yes, Turn Reactions off

留言者規範關閉

規範長這樣

關閉方法：選擇你的應用 -> 點選 General -> 設定三四步驟為空白
等於不要顯示出規範

調整介面語言

調整方法：選擇你的應用 -> 點選 General -> 設定 Language(Taiwan)

當下頁面關閉留言功能

在頁面的表頭裡設定

1	comments: false # 在文章的表頭裡設定

留言管理

官方網站右上角點 Admin

點選 Moderate Comments

點選 Approved 後可以看到下方顯示了留言訊息

顯示效果

結語

DISQUS 對於筆者來說功能相當強大，有很多附加功能等等，但是用過後發現，對於不同社交媒體帳號的登入，整合的似乎不是很完整，其他登入按鈕如同虛設，點進去後還是要到 DISQUS 官方網站創建帳號才能留言，另外留言的通知只能在留言管理發現，無法很立即的索取到通知，以上是發現到的優缺點，假如有任何問題也歡迎來信或留言跟我說。