在 Chirpy 上整合 Giscus
在 Chirpy 上整合 Giscus
為了能夠在 GitHub Pages 留言,這邊我們使用 Giscus 這個服務。
使用 Giscus 前置動作
在 GitHub Pages 使用 Giscus 有三個必要條件
- 這個 Repository 必須是 public
- 要安裝 Giscus App
- 這個 Repository 要啟用 Discussions
這邊特別說明一下啟用 Discussions 的部分
Chriry 上整合 Giscus
在 Chirpy 上整合 Giscus,只要在 _config.yml 找到 comments
部分,調整設定就可以
1
2
3
4
5
6
7
8
9
10
11
comments:
# Global switch for the post-comment system. Keeping it empty means disabled.
provider: giscus # 這裡要輸入 giscus
...
# Giscus options › https://giscus.app
giscus:
repo: github_username/repo_name # 這裡要輸入你的 Repository
repo_id: R_XXXXXXX # 這裡要輸入你的 Repository ID
category: General # 這邊是選擇你要的分類
category_id: DIC_kwDOMwiOps4Cib5t # 這邊是選擇你要的分類 ID
...
上面的 ...
是指省略內容,這邊只顯示需要做調整的部分
如何取得上面資訊?也可以直接在 Giscus 頁面上,跟著指示操作,會取得 <script>
區塊
其中 <script>
區塊裡的參數,對應到 _config.yml 的設定
- data-repo -> repo
- data-repo-id -> repo_id
- data-category -> category
- data-category-id -> category_id
這樣就可以在 Chirpy 上整合 Giscus 了
本文章以 CC BY 4.0 授權