标题:简易为个人站点添加可自主开关的免费评论功能:giscus方案
文章内容:
迅速接入
选取 giscus 所关联的仓库时,需满足以下要求:
- 此仓库得是公开的,不然访问者没办法查看讨论内容。
- giscus app 得已安装,否则访问者无法开展评论和回应操作。
- 要在你的仓库里把 Discussions 功能开启。具体可参考https://docs.github.com/en/repositories/managing-your-repositorys-settings-and-features/enabling-features-for-your-repository/enabling-or-disabling-github-discussions-for-a-repository。
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 聊天风格类似。
文章整理自互联网,只做测试使用。发布者:Lomu,转转请注明出处:https://www.it1024doc.com/12989.html