跳到主要内容

fuwari接入评论功能

约 1 分钟tech
fuwari接入评论功能
目录

Giscus

想要接入评论,肯定需要一个三方平台 Giscus Giscus就是一个非常合适的平台

配置Giscus

首先去github创建一个存储库,一定要是公开库 然后在仓库设置中启用Discussion功能
前往https://giscus.app/zh-CN仓库一栏中点击第二步的蓝字安装giscus,最后填写自己的用户名及刚刚创建的仓库名称

映射

我只建议使用pathname:以文章路径区分评论区,即使换域名也能匹配
其它映射可以看官方介绍
分类选择公告(announcements)
特性个人建议勾选1 3 4
主题默认即可,也可以尝试官方的其它主题
最后将给出的JS复制

配置fuwari

src/pages/posts/目录下找到[...slug].astro,在它的135行插入

astro
<div id="giscus-comments" style="margin-top: 3rem;">
  你的JS
</div>

最后本地测试一下,没问题就可以部署到服务器了