在撰写本文之前,我一直在为我的博客文章使用定制的评论部分。
这包括使用 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"