Hugo网站部署giscus评论系统教程2026

彪哥
4 分钟阅读
Hugo网站部署giscus评论系统教程2026

Hugo网站部署giscus评论系统教程2026

大家好,我是彪哥。

说一下我的情况,我的 Hugo 源码仓库是 Private的。

由于 giscus 要求仓库必须公开,我要新建一个公开仓库来存评论。

同时这样的话也比较整洁, GitHub 的 Discussions 讨论区和你网站的源代码、Issue 混在一起。

如果你的 Hugo 源码仓库是公开的,你也可以直接用那个仓库,

不过我这个教程是直接新建一个的,废话不多说,直接开始。

1.建立一个新仓库,并公开

image-20260401212253323

2.开启 Discussions 功能

仓库建好后,进到这个新仓库的主页:

  1. 点击顶部的 Settings(设置)。
  2. 在左侧菜单选 General(通常默认就是这个)。
  3. 向下滚动找到 Features 一栏。
  4. 找到 Discussions 并勾选它。这一步做了之后,你仓库顶部会多出一个 “Discussions” 选项卡。

image-20260401212404818

3.然后打开下面的链接,下载giscus

打开https://github.com/apps/giscus

image-20260401214058760点击 Install下载。

在权限设置页面,选择 “Only select repositories”。

在下拉菜单里搜索并选中你刚才建的那个 blog-comments 仓库。

再点击 install。

image-20260401214207233

输入密码确定

image-20260401214436332

4.现在去 giscus 官网,配置

打开giscus.app

  1. 在 “仓库” 栏输入:你的用户名/blog-comments。看到“成功”提示后,继续往下。

image-20260401215240809

  1. “页面 ↔️ Discussion 映射”:选 “Discussion 标题包含页面路径 (pathname)”。就是保持默认的

    image-20260401215321859

  2. “分类”:选 Announcements。

    image-20260401215407236

  3. 剩下的全部保持默认

  4. 拿到 ID:向下滚动到 “启用 giscus” 那个灰色的代码框,找到下面的内容并复制出来:

image-20260401215536509

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
<script src="https://giscus.app/client.js"
        data-repo=""
        data-repo-id=""
        data-category=""
        data-category-id=""
        data-mapping="pathname"
        data-strict="0"
        data-reactions-enabled="1"
        data-emit-metadata="0"
        data-input-position="bottom"
        data-theme="preferred_color_scheme"
        data-lang="zh-CN"
        crossorigin="anonymous"
        async>
</script>

5.然后直接发给Agent帮你配置

本地测试好了,就可以上线了

6.顺便聊聊

1. 它是啥原理?

说白了,giscus 就是个搬运工。

你不想买服务器,也不想整数据库,那评论存哪儿呢?

GitHub 专门有个叫 Discussions(讨论区) 的功能。

giscus 的作用就是:把 GitHub 的讨论区抠下来,像贴纸一样贴到你的博客下面。

别人在你的博客留言,其实是实打实地写在了 GitHub 的讨论区里。

giscus 负责在中间传话,把两边同步。

2. 谁做的?

作者是个英国哥们儿,叫 Sage Abdullah。

这哥们儿觉得以前的同类工具把评论存在 Issue太乱了,毕竟 Issue 是用来修 Bug 的。

于是他趁着 GitHub 刚推出 Discussions 功能,顺手写了这个更清爽、更先进的工具。

2026 年了,这玩意儿依然是目前最火的方案之一。

image-20260401215120008

3.有啥缺点吗?

门槛太高。

因为它直接把评论写在 GitHub 的 Discussions 里,所以读者必须拥有 GitHub 账号才能评论。

对于开发者博客来说可能还好,但对于普通读者来说,不友好。

如果你希望支持 匿名评论 或者 多种社交账号登录,你需要看下面这些方案。

一、Waline (最推荐)

这是目前 Hugo 圈子里非常流行的方案,特别是中文社区。

登录方式:支持匿名、QQ、微信、GitHub、Google 等多种登录。

优点:功能极其强大(支持表情包、文章阅读量统计、邮件通知等),界面好看。

部署:可以利用 Vercel(免费托管)+ LeanCloud/MongoDB(免费数据库)实现 0 成本运行。

如果你想要一个功能最全、门槛最低(支持匿名)的评论系统,选它。

二、 Twikoo

和 Waline 类似,也是一个简洁、高效的评论系统。

三、Cusdis

如果你追求极致的简单,不想折腾各种功能,只要能评论就行。

四、 Artalk

功能比 Waline 还全面,有完整的管理后台,可以像审核论坛一样管理评论。


五.对比

方案匿名评论门槛维护成本优势
giscus❌ 不支持极低零维护免费、无后台
Waline✅ 支持低 (Vercel)功能最全、支持社交登录
Twikoo✅ 支持低 (Vercel)轻量、配置简单
Cusdis✅ 支持极低隐私、极其轻量

7.总结一下

如果你只是想让大家能随口留个言,不用注册账号:去试试 Waline。

虽然配置起来比 giscus 稍微复杂一点点(需要多弄一个数据库),但它的用户体验是最好的。

如果你想坚持“白嫖”到底且不想维护任何后端:那只能接受 giscus 的 GitHub 登录限制。

其实对于技术博客,要求 GitHub 登录反而能过滤掉很多低质量的灌水评论。

抱拳了

感谢各位朋友捧场!要是觉得内容有点用,别客气,点赞、在看、转发,直接安排上!

想以后第一时间看着咱的文章,别忘了点个星标⭐,别到时候找不着了。

行了,今儿就到这儿。

论成败,人生豪迈,我们下期再见!

交流群

欢迎进群交流。

交流群

准备好让数据发挥价值了吗?

只需一分钟提交您的业务需求,剩下的交给我们。快速获取成品数据。