个人网站一键引入免费开关评论功能 giscus

老马啸西风2025-07-12 16:07

快速接入

选择 giscus 连接到的仓库。请确保：

该仓库是公开的，否则访客将无法查看 discussion。
giscus app 已安装，否则访客将无法评论和回应。
Discussions 功能已在你的仓库中启用。

1、创建仓库

github 创建一个公开的仓库

github.com/houbb/my-di...

2、安装 app

github.com/apps/giscus... 可以选择刚才的仓库，安装。

3、启动 Discussions

第三个，就是到项目的【Setting】=>【General】=>Features 下，勾选上 $\sqrt$ Discussions

验证

可以到 giscus.app/zh-CN 这个页面验证一下。

配置使用

根据页面提示，选择一下主题、分类。

可以生成对应的脚本，这里是简单的 github light 主题。

脚本

js 复制代码

<script src="https://giscus.app/client.js"
        data-repo="houbb/my-discussion"
        data-repo-id="R_kgDOPLJ4lA"
        data-category="General"
        data-category-id="DIC_kwDOPLJ4lM4Cs15z"
        data-mapping="pathname"
        data-strict="0"
        data-reactions-enabled="1"
        data-emit-metadata="0"
        data-input-position="bottom"
        data-theme="light"
        data-lang="zh-CN"
        crossorigin="anonymous"
        async>
</script>

直接引用到自己的网站上。

提交看效果

houbb.github.io/2025/07/12/...

聊天在最下方。

效果还是比较简洁的，类似于 github 聊天。