giscus评论系统安装

2023年12月05日记录约555字预计需要2分钟

Hexo博客添加评论系统

我主题是Nexmoe，从他文档得知，Nexmoe目前支持 7 种的评论系统，分别是 Gitment、Gitalk、Valine、Disqus、disqusjs、搜狐畅言、来必力。它们对应的键值分别是 gitment gitalk valine disqus disqusjs changyan livere，将你想启用的评论系统的键值填写在 comment 中，然后找到对应评论系统的配置位置。

主题文档记录的很详细主题文档

引入 giscus

选择博客本身仓库比如俺gxlgemini.gitee.io 然后点击设置点击集成下面 GitHub应用程序
或者点击https://github.com/apps/giscus进行安装

随后进入https://giscus.app/zh-CN，然后就到无聊配置环节！！！

复制仓库地址页面会自动检测
页面和 discussion 的映射关系
- 这里一般用默认的 pathname 即可
- 该选项主要会影响创建的 discussion 的名字
最后就是选择后面 giscus 创建的 discussion 的分类
- 一般选择 Announcements，因为 Announcements 类型的 discussion 只有管理员才有权限操作，这样便于管理

最后就复制好了，

#一下是主要关注字段
data-repo="GxlGemini/gxlgemini.github.io"
data-repo-id="R_kgDOKQDXpQ"
data-category="Announcements"
data-category-id="DIC_kwDOKQDXpc4CZPaO"
data-mapping="pathname"

配置到博客

我的是hexo博客 nexmoe主题，根据文档提示配到_config.nexmoe.yml

# 评论框插槽请在你的配置文件中设置 slotComment
slotComment: | 
  <script src="https://giscus.app/client.js"
        data-repo="GxlGemini/gxlgemini.github.io"
        data-repo-id="R_kgDOKQDXpQ"
        data-category="Announcements"
        data-category-id="DIC_kwDOKQDXpc4CZPaO"
        data-mapping="pathname"
        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>

配置之后重新部署即可 hexo clean hexo g -d.即可看到效果。其他博客同理可得！

效果展示

也可以去仓库页面讨论里去管理评论，以及删除小黑子评论。

最后的最后我也找了一下说的比较细致的配置，可以参考这位大佬博客链接地址指月小筑https://www.lixueduan.com/

MD，写这么好！@余华

尽量成为一名细狗！😁😅