给 Hexo 配置 Giscus 评论系统

在网上看到别人家的博客有GitHub登陆评论的功能,立刻表示:“我也要!”

一开始使用的是next自带的gitalk设置,然而在我的一番努力下依然没有配好,于是换成了Giscus,参考Giscus的优点

Giscus的配置非常简单!按照上文的顺序配好了以后,卡在最后一步“嵌入到博客文章模板底部”,于是搜到了这个插件,安装:

1
$ npm install hexo-next-giscus --save

然后在 hexo 的 _config.yml 添加:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
giscus:
enable: false
repo: # Github repository name
repo_id: # Github repository id
category: # Github discussion category
category_id: # Github discussion category id
# Available values: pathname | url | title | og:title
mapping: pathname
# Available values: 0 | 1
reactions_enabled: 1
# Available values: 0 | 1
emit_metadata: 1
# Available values: light | dark | dark_high_contrast | transparent_dark | preferred-color-scheme
theme: light
# Available values: en | zh-C
lang: en
# Available value: anonymous
crossorigin: anonymous

enable: false改为true,并参考Giscus生成的脚本的元素依次填入设置。

一开始是在_config.next.yml不起作用,不知为何。

最后:

1
2
3
hexo clean
hexo generate
hexo deploy

刷新页面后就可以看到评论页面啦!

快来给我评论吧~~