提供一篇手把手的 Gitalk 留言系統 安裝教學,詳細列出在 GitHub 上註冊 OAuth Application 以取得 ClientIDClientSecret 的步驟,並指導如何在 Hugo 網站的配置檔案中正確填寫這些金鑰、GitHub 帳號、以及建立ID 設定完全相同標題GitHub Issue 來啟用留言板。

部落格想裝個留言
但網路上一堆教學只針對高手或是會的人
像我這種小白要裝真的很難
所以我就把裝的過程
一一列出來
並詳細介紹

先連這邊申請 https://github.com/settings/applications/new
進去後有* 的空格填寫

Application name(隨便寫名字)
Homepage URL(你要裝的網站首頁地址含https://)
Authorization callback URL(Authorization callback URL)
然後點Register application按鈕

創建後會得到一個ClientID (複製第一處) 並點按鈕生成一個ClientSecret(有個生成這個按鈕點一下就可以生成,複製第二處)
複製這兩個值等等會用到

接下來打開Hugo主題的配置文件(hugo.toml或者hugo.yaml) 在裡面會找到gitalk配置

gitalk:

owner: (github帳號,不是信箱)

admin: (github帳號,不是信箱)

repo: (在github新建Repositories的名字,譬如我新建ABC,這邊就打ABC)

clientID: 剛剛說這邊要複製的,這邊貼第一個

clientSecret: 剛剛說這邊要複製的,這邊貼生成的複製第二處

ID: (這邊要跟設定issues的標題一模一樣才會成功!!很重要,例如我這邊用/post/)

接下來在Repositories新增
剛剛在上述repo取的名字,要一樣
例如剛剛在上面取名ABC,這邊就要用ABC

創好後上面Issues點進去
右邊有個綠色的New issue點一下創建
標題要取上面ID:一樣的標題,例如上面用/post/
這邊標題就要用一模一樣
網頁重新整理就會出現跟我一樣的留言板