Hexo 网站搭建过程备忘记录(五)评论系统

代理编辑:Black,2025-05-26 发布于圣儿博客


本站评论系统选用Twikoo+Netlify的路线。

评论系统 后端部署 云数据库
Twikoo Netlify

动手时在此记录建站过程,防止 来的时候好好的,回不去了。同时也希望能够帮助到需要的朋友。内容分成几个不同的块,相对应的分成几篇文章记录:

Tips:
《Hexo 网站搭建过程备忘记录(五)评论系统》主要内容是Twikoo评论系统的搭建过程记录,包括后端的mangoDB设置、Netlify设置、Twikoo设置以及前端的配置。

评论系统

数据库托管

MongoDB Atlas 是 MongoDB Inc 提供的 MongoDB 数据库托管服务。免费账户可以永久使用 500 MiB 的数据库,足够存储 Twikoo 评论使用。
MongoDB注册账号
创建免费 MongoDB 数据库,选择AWS-AWS / Oregon (us-west-2)
创建数据库集

默认当前IP为白名单,自动增加了一个管理员。后续要配置Twikoo,先默认着来。

生成管理员

关闭这个界面,在 Database Access 页面点击 Add New Database User 创建数据库用户,Authentication Method 选 Password,在 Password Authentication 下设置数据库用户名和密码,点击 Auto Generate 自动生成一个强壮密码保存好。点击 Database User Privileges 下方的 Add Built In Role,Select Role 选择 Atlas Admin,最后点击 Add User。

创建数据库用户1
创建数据库用户2

到Network Access来,刚才默认的是当前IP,因为要部署到Netlify不固定,IP地址要改为0.0.0.0/0。如果以后用自己的服务器部署,就可以固定一个IP了。

网络设置

在 Database 页面点击 Connect,连接方式选择 Drivers,并记录数据库连接字符串,请将连接字符串中的 : 修改为刚刚创建的数据库 用户名:密码。复制好待用。

Netlify 部署

先到github,forktwikoo-netlify
到Netlify,Import an existing projectDeploy with GitHub
选择刚才fork的twikoo
设置Environment variables,key/value模式。key为MONGODB_URI,value就是刚才在MongoDB 准备好的连接字符串。
Netlify设置

稍等片刻,deploy成功

点击 overview 的项目名称链接,返回{"code":100,"message":"Twikoo 云函数运行正常,请参考 https://twikoo.js.org/frontend.html 完成前端的配置","version":"1.6.44"},说明已经配置成功。
点击的链接就是云函数地址(包含 https:// 前缀和 /.netlify/functions/twikoo 后缀,例如 https://xxx.netlify.app/.netlify/functions/twikoo)即为环境 id。
此处还可以自定义域名,并且自动https,不知道自定义域名是不是可以提高速度,以后试一试。

前端配置

主题已自带配置,填写环境 id即可:

_config.anzhiyu.yml/comments

预览前端样式成功后,可以在右上角齿轮注册一个Twikoo评论管理

  • 评论管理:除了跳转到评论所处文章查看,还可以对每条评论操作:隐藏、删除、置顶
  • 配置管理:
    -通用:配置站点信息、评论框背景图、博主标识、隐藏暗号等
    -插件:在插件处,我关闭了插入图片,要不还得设置图床
    -隐私:可设置是否显示ip归属省份,是否显示用户设备
    -反垃圾:可选腾讯云内容安全服务(收费)/Akismet(免费)注册,评论的字数限制在这里修改,默认500
    -即时通知:支持飞书等IM
    -邮件通知:用smtp设置一个接收通知的邮箱
  • 导入导出:已使用其他评论系统的可以导入原来的内容

以上为评论系统搭建过程的简要记录,详细信息可参考Twikoo文档期待您的评论和交流!

The End 感谢观看!