关于本站的评论区

2026-07-19

评论区的实现相比其他功能要简单不少，这里直接说实现过程。

主要实现过程

我们可以创建一个新的空Github仓库（必须是公开，否则别人看不到）来存储各个网页上的评论，创建完之后一定要把仓库设置里的Discussions勾选上，然后打开GitHub Apps - giscus为自己的评论仓库安装giscus，最后打开giscus输入你自己的用户名/仓库名进行验证，并选择适合自己网站的评论设置，最后复制网站下面给出的代码，例如👇

html
<script src="https://giscus.app/client.js"
        data-repo="[在此输入仓库]"
        data-repo-id="[在此输入仓库 ID]"
        data-category="[在此输入分类名]"
        data-category-id="[在此输入分类 ID]"
        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>

贴到想让评论出现的位置。

我自己的评论配置（仅供参考）

  • 映射关系：pathname（根据页面路径匹配）
  • Discussion 分类：General
  • 勾选：只搜索该分类、将评论框放在评论上方、懒加载评论

结尾

这就是关于本站评论区的全部内容了，感谢你的观看。有什么不懂的，评论区聊呗~

评论