部落格留言系統我自從 WordPress 轉來 Hugo 這段時間以後,已經試用過好多種
早期 WordPress 留言有很多都只能忍痛直接拋棄,轉 Hugo 之後用過一段時間 Telegram Comments App
但因為 Telegram Comments App 有人留言後我並不能主動收到通知,所以又只能拋棄。。
接著用 Valine 但也是用幾天而已就又換掉,因為 Valine 實現留言 email 通知的功能有點奇特
什麼時候會被他依賴的後台 LeanCloud 弄掉都不知道。。嗯 🧐
最後就無奈只能轉去 Disqus 了 🤷♂️
但是 Disqus 跟 Google Analytics 一樣有個毛病,他們是商業公司會主動吸收、蒐集很多無關的[資料]^(個資)
雖然 Disqus 可以手動 Opt-Out,但是來你網站的人不一定每個人都會去設定,於是就一直在找機會要換掉
前幾天在爬 Hugo 說明書,想要找找更多留言系統替代品的時候
發現一個可以依賴在全球最大同性交友網站自己的 Repo 上面的留言系統,名字叫「Utterances」
搜一下發現同類型還有 Gitalk、Gitment,其中 Giment 在網路上評價普普,似乎有權限要太多的問題
然後當我正在猶豫不知道要採用哪一款的時候
正在使用的 Hugo 主題 LoveIt 剛好更新加入 Utterances 留言系統的支援,Hugo 官方推薦加上主題原生支援
於是就有了這篇文章。。。 🥳
Utterances 安裝設定三步驟
Github 新建一個新的公開 Repo
打開 Github 網站,準備新建 Repo: https://github.com/new
如上圖,記住自己取的名稱即可
以上圖為例,稍等我要設定 Utterances 的 repo 就會是 jkgtw/commentsforjkgtwblog
為新建 Repo 安裝 Utterances app
打開 Utterances 的安裝網頁: https://github.com/apps/utterances,進入後點選 Install 的按鈕
安裝非常容易,選擇好你新建的 repo 以後,按下 Install 即可完成部屬
為網站加上 Script 程式碼
在 Utterances 官網上面往下面移動一點有段可以即時讓你切換主題的下拉選單
Script 內容很簡單,整個拷貝起來,repo 改成你自己剛剛設定的
找個合適的位置,就能貼到你網站或者部落格裡面了,超簡單~
因為是使用 Github Issue 作為依賴,所以訪客想要留言必須要有 Github 帳號
在準備留言的時候,需要登入給予授權,相比其他同類型依賴 Github 的留言系統,Utterances 拿的權限最少
這個授權動作只要做一次,以後訪客只要在任何安裝 Utterances 留言板的網站都可以直接登入留言
而所有留言都會在 repo 的 issue 裡面獨立存在: https://github.com/jkgtw/commentsforjkgtwblog/issues
也就是說,其實在 Github 也能直接留言了喔!
簡單的搞定收工,希望是我部落格最後一次換留言系統了,讚讚~🖖