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

快速接入

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

  1. 该仓库是公开的,否则访客将无法查看 discussion。

  2. giscus app 已安装,否则访客将无法评论和回应。

  3. Discussions 功能已在你的仓库中启用。

1、创建仓库

github 创建一个公开的仓库

https://github.com/houbb/my-discussion

2、安装 app

https://github.com/apps/giscus/installations 可以选择刚才的仓库,安装。

3、启动 Discussions

第三个,就是到项目的【Setting】=>【General】=>Features 下,勾选上 [√]Discussions

验证

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

配置使用

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

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

脚本

<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>

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

提交看效果

https://houbb.github.io/2025/07/12/personal-website-discuss

聊天在最下方。

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

来源链接:https://www.cnblogs.com/houbbBlogs/p/18980439

© 版权声明
THE END
支持一下吧
点赞10 分享
评论 抢沙发
头像
请文明发言!
提交
头像

昵称

取消
昵称表情代码快捷回复

    暂无评论内容