Hugo FixIt 博客接入 giscus 评论系统

警告
本文最后更新于 2023-04-25,文中内容可能已过时。

giscus 相比其他评论系统的优势

对比 Waline:

  • 优势:没有后端
  • 缺陷:可能没有Waline漂亮

对比 disqus:

  • 优势:没广告、轻量、脱离第三方厂商

搭建 Giscus 评论系统

步骤一:创建一个 Public Git 仓库

在 GitHub 账户名下创建一个公开的(public)Git 仓库。

步骤二:开启仓库 Discusstion 功能

在 Git 仓库 Settings -> Features部分 -> 勾选Discussions框。

1

步骤三:在仓库安装 giscus 程序

1

步骤四:配置 giscus

访问giscus官网,官方提供了一个自动生成配置的工具:

1

在输入框的下方有自定义的配置:

  • 页面 ↔️ discussion 映射关系:勾选Discussion 的标题包含页面的 URL/pathname
  • Discussion 分类:勾选General
  • 其他的配置:默认

步骤五:博客接入 giscus

滑到页面底部,giscus 生成了针对你博客的专属配置:

1

将这些配置填写在博客的config.toml即可接入giscus,以 FixIt 主题为例:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
[params.page.comment.giscus]
    enable = true
    repo = "kaolengmian7/blog-comment"
    repoId = "xxx"
    category = "General"
    categoryId = "xxxx"
    mapping = "url"
    strict = "0" 
    term = ""
    reactionsEnabled = "1"
    emitMetadata = "0"
    inputPosition = "top"
    lightTheme = "light"
    darkTheme = "dark"
    lazyLoad = true

转载声明:本文允许转载,原文链接:Hugo FixIt 博客接入 giscus 评论系统


参考:

  1. https://blog.csdn.net/duninet/article/details/125280107
Buy me a coffee~
室长 支付宝支付宝
室长 微信微信
0%