Utterances 免費開源、無廣告、無追蹤的網站留言系統

部落格留言系統我自從 WordPress 轉來 Hugo 這段時間以後,已經試用過好多種

早期 WordPress 留言有很多都只能忍痛直接拋棄,轉 Hugo 之後用過一段時間 Telegram Comments App

但因為 Telegram Comments App 有人留言後我並不能主動收到通知,所以又只能拋棄。。

接著用 Valine 但也是用幾天而已就又換掉,因為 Valine 實現留言 email 通知的功能有點奇特

什麼時候會被他依賴的後台 LeanCloud 弄掉都不知道。。嗯 🧐

最後就無奈只能轉去 Disqus 了 🤷‍♂️

但是 Disqus 跟 Google Analytics 一樣有個毛病,他們是商業公司會主動吸收、蒐集很多無關的資料個資

雖然 Disqus 可以手動 Opt-Out,但是來你網站的人不一定每個人都會去設定,於是就一直在找機會要換掉

前幾天在爬 Hugo 說明書,想要找找更多留言系統替代品的時候

發現一個可以依賴在全球最大同性交友網站自己的 Repo 上面的留言系統,名字叫「Utterances

搜一下發現同類型還有 GitalkGitment,其中 Giment 在網路上評價普普,似乎有權限要太多的問題

然後當我正在猶豫不知道要採用哪一款的時候

正在使用的 Hugo 主題 LoveIt 剛好更新加入 Utterances 留言系統的支援,Hugo 官方推薦加上主題原生支援

於是就有了這篇文章。。。 🥳

Utterances 安裝設定三步驟

Github 新建一個新的公開 Repo

打開 Github 網站,準備新建 Repo: https://github.com/new

/media/2020/05/g84dUipL37YNonw2Bu19.png

如上圖,記住自己取的名稱即可

以上圖為例,稍等我要設定 Utterances 的 repo 就會是 jkgtw/commentsforjkgtwblog

為新建 Repo 安裝 Utterances app

打開 Utterances 的安裝網頁: https://github.com/apps/utterances,進入後點選 Install 的按鈕

/media/2020/05/ciga1V8623E59B0TDt20.png

安裝非常容易,選擇好你新建的 repo 以後,按下 Install 即可完成部屬

為網站加上 Script 程式碼

Utterances 官網上面往下面移動一點有段可以即時讓你切換主題的下拉選單

/media/2020/05/KPkvvLqv00qvr40T1905.png

Script 內容很簡單,整個拷貝起來,repo 改成你自己剛剛設定的

找個合適的位置,就能貼到你網站或者部落格裡面了,超簡單~


因為是使用 Github Issue 作為依賴,所以訪客想要留言必須要有 Github 帳號

在準備留言的時候,需要登入給予授權,相比其他同類型依賴 Github 的留言系統,Utterances 拿的權限最少

/media/2020/05/wDJZ2lzm04DUoa19Hw50.png

這個授權動作只要做一次,以後訪客只要在任何安裝 Utterances 留言板的網站都可以直接登入留言

而所有留言都會在 repo 的 issue 裡面獨立存在: https://github.com/jkgtw/commentsforjkgtwblog/issues

也就是說,其實在 Github 也能直接留言了喔!

簡單的搞定收工,希望是我部落格最後一次換留言系統了,讚讚~🖖