小白搭建个人博客教程（三）—— 评论功能配置

发表于 更新于 分类于 阅读次数： 本文字数： 551 阅读时长 ≈ 2 分钟

因为搭建博客的初衷不仅仅是为了记录，也希望能跟不同的朋友分享和交流，所以一个能互动的评论功能必不可少。通过查阅相关资料，我最终选择了 Giscus 作为我的评论系统。

Giscus 的主要优势

  • 完全开源免费：这对于我这种小作坊选手简直是最重要的一点！
  • 部署简单：网上很多教程，而且操作步骤较为简单，能很快实现功能
  • 无需维护：依托于 Github 平台，服务稳定且安全，也不需要专门维护一个数据库

部署步骤

以下操作步骤主要参考了这篇文章，步骤非常详细，也有明确的图片说明，非常感谢作者的分享，大家跟着一步步操作即可。

部署最后一步：配置

在文章最后，会进入 Giscus 配置页面 对 Giscus 进行配置，最终生成一段 JS 代码。文中提到需要将这段代码放入博客界面。因为我目前还不是很熟悉前端代码，不知道需要放到哪个文件的哪个部分，担心出问题，于是我询问 AI 得到了一个更直观的方式：

1. 打开自定义注入

找到主题的 _config.next.yml 文件（我的是 NexT 主题，如果是其他主题，中间则为主题名，例如 Butterfly 主题，文件则为 _config.butterfly.yml），使用 Ctrl+F 搜索 postBodyEnd，删去注释（删除 # 字符），如下图所示：

2. 创建注入文件

根据 postBodyEnd 中的内容找到 _data 文件夹，并创建 post-body-end.njk 文件，将得到的 JS 代码直接复制粘贴进去即可：

3. 推送至 GitHub

完成以上配置之后，即可通过以下命令推送至 GitHub 仓库：

1
2
3
git add .
git commit -m "your commit"
git push

推送成功后，在博客文章的底部即可看到评论区，需要 Github 账号登录才能使用。