giscus评论系统安装

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，写这么好！@余华

• 尽量成为一名细狗！😁😅