使用Giscus来建立评论区

简介

Giscus是一个基于GitHub Discussions的评论插件,它可以让你在你的静态博客网站上集成一个基于GitHub的评论系统。Giscus可以让你轻松地集成评论系统,并且它还可以让你自定义评论区的样式和功能。
详情请看Giscus官方介绍

具体步骤

安装Giscus

点击此链接来安装Giscus
Giscus app
我这里安装过了所以是Configure
之后可以选择全局也可以选择单个仓库,然后点击install

配置仓库

点击仓库的Settings,找到Discussions进行勾选
Repository settings
然后点击Start discussions
Start discussions
成功页面:
Success page

配置Giscus

进入Giscus官网
找到仓库这里填写自己的仓库名,格式为myusername/myrepositoryname
giscus settings01
然后页面 ↔️ discussion 映射关系选择Discussion 的标题包含页面的 URL
分类这里选择Announcements
giscus settings02
接着将启用giscus中的信息填写到butterfly主题配置即可
在butterfly主题的配置文件中找到comments部分,填写giscus
butterfly settings01
然后找到giscus的部分填上刚刚在启用giscus中得到的信息即可
butterfly settings02
即填写相关的repo,repo_id和category_id
最后保存修改并刷新页面即可看到评论区了
comment area