Hexo-NexT 留言板 utterances 配置

前言

許多 Blog 都有自己的留言區,可以方便地與讀者交流(只是我做了之後文章也沒有人看,所以也不會有交流的機會🥲)我要教的是用 utterances,另外還有其他像是 Disqus 或是 GitHub Gitalk,但前者會一直有廣告很討厭,後者好像有些資安疑慮(要不然他功能比較多在留言區還可以互相 tag),最後只好就選 utterances,不過他也還是不錯用的,支援 markdown 語法,有亮暗主題,也算很好了啦。

  1. 安裝
  2. 文章中禁用留言區

安裝

先簡單說一下原理,他的留言板就是用 github 的 issue 功能,用你文章的路徑、網址或是標題當作 issue 的 Title,然後把留言的內容當作是 issue 的回覆,所以留言的人就必須要有 github 帳號才能使用

解說完畢,實作上很簡單,就是來到主題底下的_config.yml 裡將這些改一改,主題你可以自己全部都試試看,他很好心全部都列出來了,repo 要改成你自己的喔,要不然就會跑來我的 issue 了(x Image

接著到你的隨便一篇文章底下去看,就會發現留言區還是沒出現,因為還要再裝一個 utterances,點擊安裝選擇 github page 的 repo 然後在點擊安裝就完成了

Image

結語

可以自己先試試看發個留言(要不然可能他從此都不會被用到),確認都可以用之後,恭喜你就完成留言板嘍!如果有問題或者發現我有哪裡講錯,歡迎大家到底下留言區跟我討論喔~

TEST😵‍💫

其他功能

  1. 側邊欄

    - 基礎配置 (關於、標籤、分類、歸檔、搜尋、頭像、個人相關連結)
    - 切換語言

  2. 頁底

  3. utterances 留言板 ✅

  4. Google Analytics 統計網站資訊

  5. 日 / 夜模式

  6. live2d 角色(就是網頁右下角那隻可愛的狗狗)

  7. SEO:搜尋引擎最佳化 (Search Engine Optimization)

  8. 剩下的一些小工具

  9. 自訂網域