Hexo giscus配置评论功能

注意:本文以Fluid主题当示例来介绍如何配置评论,其他主题请根据对应用户手册配置

Giscus 允许你将 GitHub Discussions 集成到你的网站上作为评论系统。这样做的好处是评论数据存储在 GitHub 上,不需要第三方服务。

官方地址:https://giscus.app/

  • 首先先看看自己的theme/fluid下是否包含giscus相关的文件,如果fluid版本过旧没有相关文件就要先更新fluid支持giscus

    1
    npm update --save hexo-theme-fluid
  • 新建github仓库

image-20220508171452067

(我这里已经创建过了,所以显示报错)

  • github仓库启用Discussions功能 settings->General->Features

image-20240407175728062

image-20240407175530551

  • 然后根据官网提示填写对应信息

image-20240407175638999

  • 然后就能获取到repo-id等相关信息

image-20240407175938792

  • 修改_config.fluid.yml文件
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
giscus:
repo: xxxx/xxxx
repo-id: xxxx
category: Announcements
category-id: xxxx
# Available values: pathname | url | title | og:title
mapping: pathname
# Available values: 0 | 1
reactions-enabled: 1
# Available values: 0 | 1
emit-metadata: 0
# Available values: light | dark | dark_high_contrast | transparent_dark | preferred-color-scheme
theme: preferred_color_scheme
# Available values: en | zh-CN
lang: zh-CN
# Place the comment box above the comments
input-position: top
1
2
3
4
5
6
comments:
enable: true
# 指定的插件,需要同时设置对应插件的必要参数
# The specified plugin needs to set the necessary parameters at the same time
# Options: utterances | disqus | gitalk | valine | waline | changyan | livere | remark42 | twikoo | cusdis
type: giscus
  • 打开自己的网站看到以下评论框就大功告成

image-20240407183951630

注意:以前用Utterances的可以把github issue 转成discussion

image-20240407185028973


Hexo giscus配置评论功能
https://cason.work/2024/04/07/Hexo-giscus配置评论功能/
作者
Cason Mo
发布于
2024年4月7日
许可协议