前言

有了你自己的博客 没有讨论区可怎么行 自己写一个讨论区要费老鼻子劲(反正我懒我不想自己动手 而且我也没学会html和css)

那当然是找一下有没有现成的模板喽

我替你找到了一个 名字就是 giscus

前置条件

  • 一个公开的 GitHub 仓库(专门用来存评论,建议新建一个比如 blog-comments
  • 在仓库 Settings → Features 里勾选 Discussions
  • 安装 giscus GitHub App 并授权该仓库

怎么使用

本文基于我的网页生成器(hugo)如果你的网页生成器与我不同 请自行查询操作 我只在此提供giscus项目使用方法

前往giscus项目主页 链接在这里(别忘了来个star) https://github.com/giscus/giscus

点击关于下面的链接(要是懒得去 点击这个也行) giscus.app

  • 进去后往下拉 你会看到配置页面
  • 先选择giscus的显示语言 支持简体中文
  • 下一步就是输入giscus连接的仓库 giscus依赖的是github官方项目讨论区 我非常强烈的建议你单独为其建一个新仓库 不需要链接 只需要你的github用户名和仓库名就可以
  • 然后下面的映射关系一般选第一个就行(我其实也没看懂() )
  • 再往下 这里让你选择讨论区分类 跟着它推荐的公告(announcements)类型 这样就可以确保新 discussion 只能由仓库维护者和 giscus 创建 防止别人去你仓库底下乱评论
  • 再下面的特性选项按你自己要求来
  • 主题看你自己喜欢哪个选哪个
  • 重头戏来了 启用giscus这个区域里面的就是根据你的选项生成的html

注意!!! 接下来的教程是根据hugo写的 其他网页生成器怎么使用可以自己去查或者问ai

添加到 Hugo

新建评论模板(不要改主题文件,在项目根目录覆盖):

mkdir -p layouts/partials
nano layouts/partials/comments.html

把生成的script 粘进去保存。

然后在 hugo.toml[params] 下加一行:

[params]
  comments = true

重新构建:

hugo

打开任意一篇文章,底部即可看到评论框

总结

这个项目使用还是挺简单的 如果你想要看效果的话这个博客底部就是

END