- 综合排序
- 最热优先
- 最新优先
- 来自专栏UNHub Docs
Docusaurus v3+ 集成 Giscus 评论系统实战：打造基于 GitHub Discussions 的文档评论区
然而，官方并未内置评论系统——这时，Giscus 就成了理想选择。Giscus 是一个基于 GitHub Discussions 的轻量级、开源、隐私友好的评论系统。 本文将手把手教你如何在 Docusaurus v3+（JavaScript 版本） 中集成 Giscus，并实现以下高级功能：自动适配站点主题（亮色/暗色）按页面路径隔离评论通过 Markdown Front 二、集成步骤（关键代码）安装依赖（Docusaurus v3+ 无需额外依赖，直接使用 @giscus/react）：npm install @giscus/react创建评论组件（src/components from '@giscus/react';import { useColorMode } from '@docusaurus/theme-common';import useDocusaurusContext : { repo: 'your-org/your-docs', repoId: process.env.GISCUS_REPO_ID, // 推荐用环境变量 category: 'Docs
30010编辑于 2025-10-04 - 来自专栏博客框架-Hexo
个人博客支持留言评论，来看看 Hexo Diversity 主题如何实现的！
容器准备 ：调用 Diversity.utils.loadComments('.giscus') 初始化 Giscus 评论容器（.giscus 元素）。 完成处理Giscus 的 iframe 加载完成后，通过 window.postMessage 发送消息（e.data.giscus）。 视图添加 giscus injects.comment.raw('giscus', '
<div class="<em>giscus</em> <em>Giscus</em> 布局<%- diversity_data('<em>giscus</em>', theme.<em>giscus</em>, { js : 'https://<em>giscus</em>.app/client.js'}) %><%- js ('js/third-party/comments/<em>giscus</em>') %>这里加载两部分内容：<em>Giscus</em> 的评论系统配置【参见1.2中的内容】<em>Giscus</em> 评论系统加载与运行的脚本文件【参见5.2中的内容32712编辑于 2025-07-22来自专栏C/C++基础VuePress V1 评论插件选型 & 添加 Vssue 评论
Giscus Stars 4.8k+。 Giscus 是一个基于 GitHub Discussions 的开源评论系统，提供了对静态站点的无后端评论支持。 其次，因为评论在语义上并非 Issue，所以我想选择基于 Github Discussions 的 Giscus，将其集成到开源书籍《后台开发命令 365》。 在网上搜索了一番，关于 Giscus 集成到 VuePress 都是关于 VuePress V2 的教程，没有找到 VuePress V1 如何集成 Giscus，也没有找到相关的插件。 后续升级到 VuePress V2 再使用 Giscus。 届时，个人会倾向于使用 Giscus 作为站点的评论系统，因为其基于 GitHub Discussions，语义上更加贴切呢。
93550编辑于 2023-10-12来自专栏前端框架VuePress-theme-hope2 搭建个人网站，保姆级教程，包含自动部署、评论、搜索等功能
然而，后来开始流行Discussions，这也是vuepress-theme-hope推荐的方式， ❝如果你的博客面向程序员，请使用Giscus，面向大众请选择Waline, 所以我选择了Giscus 这里我们不用担心，因为Github为我们提供了简单的登陆应用的功能：giscus, 首先安装Giscus：https://github.com/apps/giscus 点击install按钮，在配置详情页中选择对应的生效仓库 接着，我们前往https://giscus.app/zh-CN 设置你的仓库和分类 在启用栏目复制以下几个信息。 plugins: { comment: { // You should generate and use your own comment service provider: "Giscus
98911编辑于 2025-02-19来自专栏用户4480853的专栏Theme Gravity 2024/02/17
Gravity Power 插件 使用 Gravity Power 插件 可以使 Gravity 主题的功能得到完全发挥，Gravity Power 插件为主题添加了如下的功能支持： Github Giscus 评论系统：Gravity 主题使用了更适合程序员的 Github Giscus 评论系统，安装插件后在插件中配置 Github 私钥 并在主题中配置 评论设置 可体验完整功能。 最近评论内容：插件在支持 Giscus 的同时也使用了 GraphQL 从配置的评论仓库中排序出最近的 5 条评论搭配主题的侧边栏来展示。
31610编辑于 2024-02-18来自专栏蔻丁杂记使用 astro 搭建博客
integrations: [ ], markdown: { }, image: { service: squooshImageService(), }}); 5 添加评论 使用 giscus 为你的 Astro 博客添加评论功能 - 掘金 The easiest way to add comments on your blog is giscus!
49910编辑于 2024-12-25来自专栏pai233的专栏快速将Butterfly主题的CDN从jsDelivr切换至自建反向代理源
twikoo.all.min.js', waline: 'https://cdn.jsdelivr.net/npm/@waline/client/dist/Waline.min.js', giscus : 'https://giscus.app/client.js', // share addtoany: 'https://static.addtoany.com/menu/page.js twikoo.all.min.js', waline: 'https://jsdelivr.pai233.top/npm/@waline/client/dist/Waline.min.js', giscus : 'https://giscus.app/client.js', // share addtoany: 'https://static.addtoany.com/menu/page.js
2.8K21编辑于 2022-04-25来自专栏技术百科如何 10 分钟快速搭建你自己的独立博客
修改方案如下所示comments: giscus: enable: true改为如下所示comments: giscus: enable: false如何添加和修改自己的博客文章可以在根目录的
1.1K20编辑于 2023-08-14来自专栏JVMGC一个颜值爆表的开源博客系统
自动生成文章目录 开箱即用的 Atom feed、Sitemap、PWA、JSON Feed 通过 vite-imagetools 自动优化图像 支持嵌入 slvelte 组件和 Javascript 支持 Giscus
83120编辑于 2023-03-10来自专栏酒楼私有部署twikoo评论系统
default # Choose: Disqus/Disqusjs/Livere/Gitalk/Valine/Waline/Utterances/Facebook Comments/Twikoo/Giscus
72810编辑于 2024-02-18来自专栏沉默王二二哥的小破站升级了！
Github: "https://github.com/itwanger", Gitee: "https://gitee.com/itwanger", }, }, 比如说 giscus comment: { type: "giscus", repo :"itwanger/tobeb", repoId:"R_kgDssg", category
88720编辑于 2022-04-14来自专栏Cell的前端专栏现代 CSS 解决方案：CSS 四舍五入数值单位
问题来了，在内容的最后加上一个 giscus 评论区域，评论区域容器 iframe 和 iframe 里面的内容按理说应该都是 788.48px，但是实际渲染结果却是： 评论容器 iframe：788.48px 无奈不，四舍五入，你舍掉其实这个场景我也就不纠结了，恰好它是符合五入的规则，向上 1px 取整了，导致的视觉上的影响就是 giscus 评论区域右侧的边框恰巧不见了。
42910编辑于 2024-11-21来自专栏HelloGitHub《HelloGitHub》第 87 期
地址：https://github.com/Yidadaa/ChatGPT-Next-Web 18、giscus：基于 GitHub Discussions 的评论系统。 地址：https://github.com/giscus/giscus 19、Painter：小程序生成图片库。
57430编辑于 2023-08-19来自专栏前端开发VuePress 搭建个人博客或技术文档网站的详细教程
评论系统：集成 Giscus 或 Valine。
69600编辑于 2025-08-08来自专栏爪哇学习日记hexo-butterfly-评论系统引入
是否为评论开启lazyload，开启后，只有滚动到评论位置时才会加载评论所需要的资源（开启lazyload后，评论数将不显示） count: true # 是否在文章顶部显示评论数，livere、Giscus 和 utterances 不支持评论数显示 card_post_count: false # 是否在首页文章卡片显示评论数，gitalk、livere 、Giscus 和 utterances 不支持评论数显示
2.2K20编辑于 2022-06-15纯前端 开启你的零成本、极致动效个人博客时代
，编译速度快如闪电UnoCSS样式引擎原子化 CSS，生成体积几乎为零，支持按需加载集中化配置文件改改颜色、图标、名字，一分钟变身TypeScript类型安全完整的代码提示，减少 99% 的运行期错误Giscus
38110编辑于 2025-12-31来自专栏大大的小蜗牛Hugo 外部链接跳转提示页面
为了合规和自我审查，我对博客做了 2 件事，一是把评论系统迁移到了 Giscus，这提高了一定的评论门槛，让评论处于半关闭状态；二是清理了一些博客中的链接，让剩下的链接通过跳转页面跳转。
90310编辑于 2024-08-06来自专栏慕阳博客Hugo博客搭建教程以及配置调优
你需要自己配置，或者直接引入Giscus等评论系统 comments: false # 是否显示代码复制按钮 ShowCodeCopyButtons: true # 是否显示面包屑导航
45510编辑于 2025-06-12搭建个人博客 / 简历网站：从设计到部署的全流程（含响应式适配）
增量功能与运营 评论系统：Giscus、Disqus、Commento。 分析统计：Plausible、Umami、Google Analytics。
71220编辑于 2025-12-15来自专栏工具客栈hugo博客搭建之旅
commentCount = true # 当 `params.page.lightgallery` 启用时生效 lightgallery = false # Giscus 评论系统设置 [params.page.comment.giscus] enable = false repo = "" repoId =
1.5K20编辑于 2023-06-26
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号