Lazy loaded image
捣鼓日记
为 NotionNext 框架博客配置 twikoo 评论区
Words 1014Read Time≈ 3 min
2025-11-1
2025-11-1
type
status
date
slug
summary
tags
category
icon
password
ai_summary
😀
这里是文章的前言： 突然忘了博客的评论区，一个下午配置一下。

📎 参考文章

🔧 配置过程

按照官方文档配置 mangodb 数据库以及云函数部署后，接入 NotionNext 的环境变量，并重新 deploy 博客，刷新即可出现评论区。

🔗 选择方案

不同方案的区别

notion image

netlify

配置好之后尝试过添加跨域环境变量以及写 netlify.toml 文件来强制覆盖解决跨域问题。
notion image
但是依旧如上报错，于是换 vercel 再次尝试。

vercel

评论区可以正常使用但是需要魔法，国内访问速度比较慢。

⏱️ 配置评论自动邮件提醒

一些字段如下

notion image

邮箱配置 SMTP 服务

  1. 登录QQ邮箱：: 使用浏览器访问 https://mail.qq.com/ 并登录你的QQ账号。
  1. 进入设置：: 点击页面顶部的“设置”图标（齿轮状）。
  1. 选择账户设置：: 在设置页面中，选择“账户”选项。
  1. 开启SMTP服务：: 找到“POP3/IMAP/SMTP/Exchange/CardDAV/CalDAV服务”，点击“POP3/SMTP服务”旁边的“开启”按钮。
  1. 验证并获取授权码：: 根据提示进行身份验证（如短信验证），验证成功后即可生成一个QQ邮箱授权码，请妥善保存。

字段填写

以下是每个字段的填写说明：
字段名
说明
示例/填写要求
SENDER_EMAIL
邮件通知的发件人邮箱，需与SMTP_USER一致，否则邮件无法发送。
填写您用于发送通知的QQ邮箱（如xxx@qq.com）
SENDER_NAME
邮件通知的发件人名称，即收件人看到的发件人标题。
茄子博客评论提醒
SMTP_SERVICE
邮件服务提供商，支持列表中包含“QQ”“Gmail”等多种服务商。
选择QQ
SMTP_HOST
自定义SMTP服务器地址，若配置了SMTP_SERVICE则留空。
因选择了QQ，此处留空（若手动配置可填smtp.qq.com）
SMTP_PORT
自定义SMTP端口，若配置了SMTP_SERVICE则留空。
因选择了QQ，此处留空（若手动配置可填465）
SMTP_SECURE
SMTP的TLS配置，填“true”或“false”，若配置了SMTP_SERVICE则留空。
因选择了QQ，此处留空（若手动配置可填true）
SMTP_USER
邮件通知邮箱的用户名，一般与SENDER_EMAIL一致。
填写您的QQ邮箱（如xxx@qq.com）
SMTP_PASS
邮件通知邮箱的密码，QQ/163邮箱需填写授权码而非登录密码。
填写您在QQ邮箱中获取的SMTP授权码
MAIL_SUBJECT
给评论者的邮件通知主题，留空则使用默认主题。
您在茄子博客上的评论收到了回复
MAIL_TEMPLATE
给评论者的邮件通知模板，可包含${SITE_URL}、${SITE_NAME}等字段，留空则使用默认模板。
示例：<p>您好！您在<strong>${SITE_NAME}</strong>上的评论有了新回复，点击${POST_URL}查看详情~</p>
MAIL_SUBJECT_ADMIN
给管理员的邮件通知主题，留空则使用默认主题。
茄子博客上有新回复了
MAIL_TEMPLATE_ADMIN
给管理员的邮件通知模板，可包含${SITE_URL}、${NICK}、${IP}等字段，留空则使用默认模板。
示例：<p>你好小茄子，您的博客<strong>${SITE_NAME}</strong>有新评论回复啦！评论者：${NICK}，IP：${IP}，点击${POST_URL}查看~</p>

邮件测试

第三方

notion image

我收到的

notion image
于是就这么配置成功啦！
💡
有关 twikoo 评论区或者使用上的问题，欢迎您在底部评论区留言，一起交流~
上一篇
关于我博客博文封面设计的灵感与标准
下一篇
NotionNext 集成 TianliGPT AI 摘要完全指南 - 从踩坑到重写
Comments
Loading...
Catalog