使用 GitHub 讨论来托管我的 Astro 博客评论和反应

在撰写本文之前,我一直在为我的博客文章使用定制的评论部分。
这包括使用 PlanetScale 和 Prisma 作为 ORM 设置一个数据库,以及一个 TRPC 服务器来处理请求,这对于一个简单的评论部分来说是很多工作。
即使那样,它也不是完美的,因为我不得不手动清理垃圾评论(因为我懒得添加身份验证:-D),我不支持回复评论,而且我没有反应.

当我阅读TkDodo网站上的一篇博客时,我注意到他在评论部分使用GisCus 。
GisCus 基于 GitHub 讨论,因此我已经将此功能作为我托管网站的存储库的一部分提供给我。
设置非常简单,在 GisCus 网站上,您可以选择要使用的存储库,它会生成一个脚本供您包含在您的网站中。
这看起来像这样:

<span style="color:var(--syntax-text-color)"><span style="color:var(--syntax-text-color)"><code><span style="color:var(--syntax-error-color)"><script
  </span><span style="color:var(--syntax-name-color)">src=</span><span style="color:var(--syntax-string-color)">"https://giscus.app/client.js"</span>
  <span style="color:var(--syntax-name-color)">data-repo=</span><span style="color:var(--syntax-string-color)">"[ENTER REPO HERE]"</span>
  <span style="color:var(--syntax-name-color)">data-repo-id=</span><span style="color:var(--syntax-string-color)">"[ENTER REPO ID HERE]"</span>
  <span style="color:var(--syntax-name-color)">data-category=</span><span style="color:var(--syntax-string-color)">"[ENTER CATEGORY NAME HERE]"</span>
  <span style="color:var(--syntax-name-color)">data-category-id=</span><span style="color:var(--syntax-string-color)">"[ENTER CATEGORY ID HERE]"</span>
  <span style="color:var(--syntax-name-color)">data-mapping=</span><span style="color:var(--syntax-string-color)">"pathname"</span>
  <span style="color:var(--syntax-name-color)">data-strict=</span><span style="color:var(--syntax-string-color)">"0"</span>
  <span style="color:var(--syntax-name-color)">data-reactions-enabled=</span><span style="color:var(--syntax-string-color)">"1"</span>
  <span style="color:var(--syntax-name-color)">data-emit-metadata=</span><span style="color:var(--syntax-string-color)">"0"</span>
  <span style="color:var(--syntax-name-color)">data-input-position=</span><span style="color:var(--syntax-string-color)">"bottom"
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值