我因为懒一开始就不想自己写,后来发现费的时间更多,基本上把该踩的坑全踩了一遍,我也不多废话我自己的悲惨经历了,我讲讲如何正确的配置giscus评论。
申请的部分按照csdn和知乎上的几篇教程来是可以的,但是到了本地配置的时候_千万不能直接照抄_,首先你要在你主题下的config文件里添加这样一些内容:
giscus:
enable: true
repo: # Github repository name
repo-id: # Github repository id$
category: # Github discussion category
category_id: # Github discussion category id
# Available values: light | dark | dark_high_contrast | transparent_dark | preferred-color-scheme
# Available values: pathname | url | title | og:title
mapping:
# 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
之后你要在主题下的layout文件里找到跟评论有关的,一般都是有comments字样的,可能是文件夹也可能是ejs或者其他的文件,按主题来定,找到之后在这添加以下的代码,这个可以在giscus那里找到,每个人的都不一样你复制你自己的。
<% if (theme.giscus && theme.giscus['repo'] && theme.giscus['repo-id']) { %>
<div id="giscus" class="giscus"></div>
<script src=""
data-repo=""
data-repo-id=""
data-category=""
data-category-id=""
data-mapping=""
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>
<% } %>
完成之后直接保存生成大概就没什么问题了,这里ejs内的文件内容,逻辑可能会有不一样,有的有判断语句自行选择是加上去还是直接把原配置全部删掉,我是把主体内其他的评论系统全部删掉了直接粘贴这一段代码的,目前没有问题,最后要在主题的config文件里把评论打开就好了。