0%

Hexo留言板 - Disqus(使用 Next 主題)

前言

昨天晚上吃完烤肉跑回來繼續搞留言區,但為了這個 Disqus 我竟然搞了一個小時。
在設定的時候整個都跑不太出來也不知道為什麼,後來在自己摸索跟看網路上的文章才知道哪裡做錯了。
所以我決定把這過程重新記錄下來,也當作筆記跟教學給大家參考

版本

HEXO 5.4.2
HEXO-cli 4.3.0
node.js 16.13.0

為什麼選擇Disqus

我的理由超級簡單,因為比較好看而且不用像utterances只能綁GitHub
而且他的設定在Next主題也是方常方便的

安裝流程 - 官網

首先我們要先去 Disqus 的官方網站註冊帳號,首先我們按下 Get Started

再來選擇 I want to install Disqus on my site

這邊很重要,Website Name一定要知道,順便把網址複製下來

再來選擇最下面基本的方案就好,如果你已經財富自由,可以無視物價點一碗大碗牛肉麵,可以先捐一點給我,可以選擇上面的方案看看

因為我們用的是Hexo,所以選擇最下面的

最後按下 Configure 就好了


安裝流程 - Hexo 部分

先說,每個人的主題因人而異,我這邊都採用Next主題去做設定,不同主題可能要自行調整,或是你要複製剛才那一段 Script去一個一個貼也可以,但我覺得麻煩,所以我選擇一次用好

我們先到 themes\next\_config.yml 這個路徑
找到 disqus 這行
並且填入設定

1
2
3
4
disqus:
enable: true
shortname: 你剛剛輸入的Website Name
count: true # 記留言次數的,看要不要開

然後,超級注意,避免一些不必要的錯誤,把剛才複製的網址,從 Disqus.com 之前全部複製貼上到 shortname

因為我當初就是因為一個下底線爆炸的…我一開始完全不知道是這個原因,後來看了對岸某文章(我找不到是哪一篇了)才給我靈感要從網址複製

好,輸入完就完成啦

顯示語言更改

目前大部分語言已經不用去改檔案了,直接到官網設定修改就好了

首先,一樣去官網,不過這次要點選右上角的小頭像,並且點選Admin

點選之後在上方選單找到Setting

再來點選 Edit

先點選左下角 Sites 在選擇我們要修改的 Site

最後選擇語言,而且一定要按下 Save 儲存

這樣就大功告成啦~~

參考資料

Gui Blog - 網站的工具人
Bambrow’s Blog
【Day 8】如何安裝 Disqus 留言板


以上就是簡單的 Disqus 設定,如果有錯誤的部份,歡迎指正,謝謝。
如果你喜歡這篇文章,請幫我拍手
只需要註冊會員就可以囉,完全不用花費任何一毛錢就可以用來鼓裡創作者囉