![giscus评论系统安装](https://i.miji.bid/2023/12/05/2dc3206c38d2d1af1fcbf45254cf2b6d.webp)
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,写这么好!@余华
- 尽量成为一名细狗!😁😅