Twikoo丨 邮件模板美化制作教程
Twikoo 是一个简洁、安全、免费的静态网站评论系统，所以很多个人博主大多会在自己的博客中集成该评论系统。
当收到别人评论或者回复别人评论时，原生态的邮件信息十分简陋，但是Twikoo 有提供一些变量供使用，可以通过这些变量来自定义邮件模板。
效果展示
博主通知邮件模板
当有新的评论时，博主收到的邮件模板如下：
自定义通知邮件模板
当评论被回复时，收到的邮件模板：
邮件模板变量
Twikoo 为邮件模板提供变量如下：
- 两类通知共用的核心变量：
SITE_URL、SITE_NAME、NICK、COMMENT、POST_URL、IMG； - 仅评论回复通知专属变量：
PARENT_NICK、PARENT_COMMENT、PARENT_IMG（关联原评论信息）； - 仅博主评论通知专属变量：
IP、MAIL（关联评论人隐私 / 联系信息）。
所以，有了变量之后，你只需要了解一点点 HTML 和 CSS 知识即可制作一个属于你的邮件模板。当然，你也可以将变量丢给 AI，让 AI 帮你生成一个模板。
| 变量名 | 中文释义 | 适用场景 |
|---|---|---|
${SITE_URL} |
网站地址 | 评论回复通知、博主评论通知 |
${SITE_NAME} |
网站名称 | 评论回复通知、博主评论通知 |
${NICK} |
评论 / 回复人的昵称 | 评论回复通知（回复者昵称）、博主评论通知（评论人昵称） |
${COMMENT} |
评论 / 回复的内容 | 评论回复通知（回复内容）、博主评论通知（评论内容） |
${POST_URL} |
评论所在文章的链接 | 评论回复通知、博主评论通知 |
${IMG} |
评论 / 回复人的头像 | 评论回复通知（回复者头像）、博主评论通知（评论人头像） |
${PARENT_NICK} |
被回复的原评论人昵称 | 仅评论回复通知 |
${PARENT_COMMENT} |
被回复的原评论内容 | 仅评论回复通知 |
${PARENT_IMG} |
被回复的原评论人头像 | 仅评论回复通知 |
${IP} |
评论人的 IP 地址 | 仅博主评论通知 |
${MAIL} |
评论人的邮箱地址 | 仅博主评论通知 |
模板代码
下面是我修改好的一套邮件模板，是根据 Halo 应用市场「邮件模板管理」插件中的一套模板修改而来，与开头的模板效果一致。
如果你懒得折腾，觉得该效果也还可以，直接复制过就可以。
自定义通知邮件模板
依次打开 Twikoo 的 管理面板 > 配置管理 > 邮件通知，找到 MAIL_TEMPLATE 部分，将下面的代码直接复制粘贴进去，拉到最底部保存即可。
<div
style="width: 100%; max-width: 700px; background-color: #ffffff; box-shadow: 0 15px 35px -10px rgba(0, 0, 0, 0.12), 0 10px 20px -8px rgba(0, 0, 0, 0.07); padding: 40px; margin: 0 auto; border-radius: 24px; font-family: 'Segoe UI', Arial, sans-serif; position: relative; overflow: hidden; border: 1px solid #f0f2f5;">
<!-- 顶部装饰元素 -->
<div style="position: absolute; top: 0; left: 0; right: 0; height: 6px; background: #5DAA80; z-index: 2;"></div>
<!-- 背景装饰元素 -->
<div
style="position: absolute; top: -60px; right: -60px; width: 220px; height: 220px; border-radius: 50%; background: linear-gradient(135deg, #F2F9F2, #5DAA80); opacity: 0.4; z-index: 0;">
</div>
<div
style="position: absolute; bottom: -70px; left: -70px; width: 250px; height: 250px; border-radius: 50%; background: linear-gradient(135deg, #F2F9F2, #5DAA80); opacity: 0.35; z-index: 0;">
</div> <!-- 通知内容 -->
<div class="notification-content" style="position: relative; z-index: 1;"> <!-- 头部区域 -->
<div class="head" style="display: flex; align-items: center; margin-bottom: 32px;"> <!-- 评论图标 -->
<div
style="background: #5DAA80; width: 56px; height: 56px; border-radius: 16px; display: flex; align-items: center; justify-content: center; margin-right: 20px; box-shadow: 0 6px 12px -3px rgba(93, 170, 128, 0.3);">
<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none"
stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path
d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z">
</path>
</svg>
</div>
<div>
<p
style="color: #8b92a5; font-size: 14px; margin: 0 0 6px 0; letter-spacing: 0.7px; text-transform: uppercase; font-weight: 500;">
新评论通知</p>
<p style="font-size: 22px; font-weight: 600; color: #5DAA80; margin: 0; letter-spacing: -0.3px;">
你有新的评论回复</p>
</div>
</div> <!-- 主体内容 -->
<div class="body"
style="background: linear-gradient(to bottom right, #fafbfc, #ffffff); padding: 35px; border-radius: 18px; border: 1px solid #eaecf0; box-shadow: 0 6px 16px -4px rgba(0, 0, 0, 0.05); margin-bottom: 30px;">
<!-- 评论通知卡片 -->
<div
style="background-color: #F2F9F2; border-radius: 14px; padding: 20px; margin-bottom: 30px; display: flex; align-items: flex-start; border-left: 4px solid #5DAA80;">
<div
style="width: 42px; height: 42px; border-radius: 10px; background: linear-gradient(135deg,#C4E1CF, #5DAA80); display: flex; align-items: center; justify-content: center; margin-right: 15px; flex-shrink: 0;">
<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none"
stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path
d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z">
</path>
</svg>
</div>
<div>
<p style="margin: 0 0 5px 0; font-weight: 600; color: #7FBC9A; font-size: 16px;">收到新的评论回复</p>
<p style="margin: 0; color: #79B996; font-size: 14px; line-height: 1.6;"> 你在 ${SITE_NAME} 的评论收到了
${NICK} 的回复 </p>
</div>
</div> <!-- 评论内容卡片 -->
<div
style="background-color: #ffffff; border-radius: 16px; border: 1px solid #e5e7eb; overflow: hidden; margin-bottom: 30px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);">
<div
style="background-color: #f8fafc; padding: 16px 20px; border-bottom: 1px solid #e5e7eb; display: flex; align-items: center;">
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none"
stroke="#64748b" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
style="margin-right: 10px;">
<path
d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z">
</path>
</svg>
<h3 style="margin: 0; color: #334155; font-size: 16px; font-weight: 600;">评论内容</h3>
</div>
<div style="padding: 20px;"> <!-- 你的原评论 -->
<div
style="background-color: #F2F9F2; border-radius: 12px; padding: 16px; border-left: 3px solid #5DAA80;">
<p
style="margin: 0 0 8px 0; font-size: 14px; color: #64748b; font-weight: 500; display: flex; align-items: center; gap: 8px;">
<img src="${PARENT_IMG}" alt="用户头像"
style="width: 20px; height: 20px; border-radius: 50%; object-fit: cover;">
<span style="color: #5DAA80;">${PARENT_NICK}</span> (你)
</p>
<p style="margin: 0; font-size: 15px; color: #334155; line-height: 1.6;">
${PARENT_COMMENT}
</p>
</div>
<!-- 分割线 -->
<div
style="width: 100%; height: 1px; background: linear-gradient(90deg, transparent, #e5e7eb, transparent); margin: 16px 0;">
</div> <!-- 新回复内容 -->
<div
style="background-color: #F2F9F2; border-radius: 12px; padding: 16px; border-left: 3px solid #5DAA80;">
<p
style="margin: 0 0 8px 0; font-size: 14px; color: #64748b; font-weight: 500; display: flex; align-items: center; gap: 8px;">
<img src="${IMG}" alt="回复用户头像"
style="width: 20px; height: 20px; border-radius: 50%; object-fit: cover;">
<span style="color: #5DAA80;">${NICK}</span>
</p>
<p style="margin: 0; font-size: 15px; color: #334155; line-height: 1.6;">
${COMMENT}
</p>
</div>
<p style="margin: 15px 0 0 0; font-size: 13px; color: #64748b; line-height: 1.5;"> 点击下方按钮查看完整评论并回复
</p>
</div>
</div> <!-- 操作按钮 -->
<div style="display: flex; flex-wrap: wrap; gap: 15px; margin: 30px 0 15px 0;"> <a href="${POST_URL}"
style="flex: 1; min-width: 200px; display: inline-flex; align-items: center; justify-content: center; background: linear-gradient(to right, #C4E1CF, #5DAA80); color: white; padding: 16px 20px; border-radius: 14px; font-weight: 600; text-decoration: none; transition: all 0.3s ease; ">
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
style="margin-right: 10px;">
<path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"></path>
<path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"></path>
</svg> 查看并回复评论 </a> </div>
</div> <!-- 安全建议卡片 -->
<div
style="background-color: #f8fafc; border-radius: 16px; padding: 25px; margin-bottom: 30px; border: 1px solid #e2e8f0;">
<h4
style="margin: 0 0 20px 0; color: #334155; font-size: 16px; font-weight: 600; display: flex; align-items: center;">
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none"
stroke="#64748b" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
style="margin-right: 8px;">
<circle cx="12" cy="12" r="10"></circle>
<line x1="12" y1="8" x2="12" y2="12"></line>
<line x1="12" y1="16" x2="12.01" y2="16"></line>
</svg> 温馨提示
</h4>
<ul style="padding-left: 0; margin: 0;">
<li style="list-style: none; margin-bottom: 15px; display: flex; align-items: flex-start;">
<div
style="width: 24px; height: 24px; border-radius: 50%; background-color: #F2F9F2; display: flex; align-items: center; justify-content: center; margin-right: 12px; flex-shrink: 0;border: 1px solid #A7D1BB;">
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none"
stroke="#5DAA80" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<polyline points="20 6 9 17 4 12"></polyline>
</svg>
</div>
<div>
<p style="margin: 0 0 3px 0; color: #334155; font-size: 15px; font-weight: 500;">及时回复</p>
<p style="margin: 0; color: #64748b; font-size: 14px; line-height: 1.5;"> 建议尽快查看并回复评论，与读者保持良好互动。
</p>
</div>
</li>
<li style="list-style: none; margin-bottom: 15px; display: flex; align-items: flex-start;">
<div
style="width: 24px; height: 24px; border-radius: 50%; background-color: #F2F9F2; display: flex; align-items: center; justify-content: center; margin-right: 12px; flex-shrink: 0;border: 1px solid #A7D1BB;">
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none"
stroke="#5DAA80" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<polyline points="20 6 9 17 4 12"></polyline>
</svg>
</div>
<div>
<p style="margin: 0 0 3px 0; color: #334155; font-size: 15px; font-weight: 500;">垃圾评论</p>
<p style="margin: 0; color: #64748b; font-size: 14px; line-height: 1.5;">
如发现垃圾评论，请及时删除并拉黑，维护良好的评论环境。 </p>
</div>
</li>
<li style="list-style: none; margin-bottom: 0; display: flex; align-items: flex-start;">
<div
style="width: 24px; height: 24px; border-radius: 50%; background-color: #F2F9F2; display: flex; align-items: center; justify-content: center; margin-right: 12px; flex-shrink: 0;border: 1px solid #A7D1BB;">
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none"
stroke="#5DAA80" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<polyline points="20 6 9 17 4 12"></polyline>
</svg>
</div>
<div>
<p style="margin: 0 0 3px 0; color: #334155; font-size: 15px; font-weight: 500;">邮件通知</p>
<p style="margin: 0; color: #64748b; font-size: 14px; line-height: 1.5;"> 此邮件由 Twikoo
自动发送，直接回复本邮件将无法收到回应。 </p>
</div>
</li>
</ul>
</div> <!-- 底部区域 -->
<div style="text-align: center; margin-top: 30px; padding-top: 20px; border-top: 1px solid #e2e8f0;">
<p style="color: #94a3b8; font-size: 13px; margin: 5px 0;"> 💌 此邮件由 ${SITE_NAME} 评论系统自动发出，直接回复无效。 </p>
<p style="color: #94a3b8; font-size: 13px; margin: 5px 0;"> © 2021-2026 ${SITE_NAME}.
保留所有权利
</p> <a href="${SITE_URL}"
style="color: #5DAA80; font-size: 13px; text-decoration: none; margin-top: 8px; display: inline-block;">
访问 ${SITE_NAME} 博客 </a>
</div>
</div>
</div>
自定义博主通知邮件模板
依次打开 Twikoo 的 管理面板 > 配置管理 > 邮件通知，找到 MAIL_TEMPLATE_ADMIN 部分，将下面的代码直接复制粘贴进去，拉到最底部保存即可。
<div
style="width: 100%; max-width: 700px; background-color: #ffffff; box-shadow: 0 15px 35px -10px rgba(0, 0, 0, 0.12), 0 10px 20px -8px rgba(0, 0, 0, 0.07); padding: 40px; margin: 0 auto; border-radius: 24px; font-family: 'Segoe UI', Arial, sans-serif; position: relative; overflow: hidden; border: 1px solid #f0f2f5;">
<!-- 顶部装饰元素 -->
<div style="position: absolute; top: 0; left: 0; right: 0; height: 6px; background: #5DAA80; z-index: 2;"></div>
<!-- 背景装饰元素 -->
<div
style="position: absolute; top: -60px; right: -60px; width: 220px; height: 220px; border-radius: 50%; background: linear-gradient(135deg, #F2F9F2, #5DAA80); opacity: 0.4; z-index: 0;">
</div>
<div
style="position: absolute; bottom: -70px; left: -70px; width: 250px; height: 250px; border-radius: 50%; background: linear-gradient(135deg, #F2F9F2, #5DAA80); opacity: 0.35; z-index: 0;">
</div>
<!-- 通知内容 -->
<div class="notification-content" style="position: relative; z-index: 1;">
<!-- 头部区域 -->
<div class="head" style="display: flex; align-items: center; margin-bottom: 32px;">
<!-- 评论图标 -->
<div
style="background: #5DAA80; width: 56px; height: 56px; border-radius: 16px; display: flex; align-items: center; justify-content: center; margin-right: 20px; box-shadow: 0 6px 12px -3px rgba(93, 170, 128, 0.3);">
<svg xmlns="http://www.w3.org/2000/svg" width="28" height="28" viewBox="0 0 24 24" fill="none"
stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path
d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z">
</path>
</svg>
</div>
<div>
<p
style="color: #8b92a5; font-size: 14px; margin: 0 0 6px 0; letter-spacing: 0.7px; text-transform: uppercase; font-weight: 500;">
新评论通知</p>
<p style="font-size: 22px; font-weight: 600; color: #5DAA80; margin: 0; letter-spacing: -0.3px;">
你有新的评论回复</p>
</div>
</div>
<!-- 主体内容 -->
<div class="body"
style="background: linear-gradient(to bottom right, #fafbfc, #ffffff); padding: 35px; border-radius: 18px; border: 1px solid #eaecf0; box-shadow: 0 6px 16px -4px rgba(0, 0, 0, 0.05); margin-bottom: 30px;">
<!-- 评论通知卡片 -->
<div
style="background-color: #F2F9F2; border-radius: 14px; padding: 20px; margin-bottom: 30px; display: flex; align-items: flex-start; border-left: 4px solid #5DAA80;">
<div
style="width: 42px; height: 42px; border-radius: 10px; background: linear-gradient(135deg,#C4E1CF, #5DAA80); display: flex; align-items: center; justify-content: center; margin-right: 15px; flex-shrink: 0;">
<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 24 24" fill="none"
stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<path
d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z">
</path>
</svg>
</div>
<div>
<p style="margin: 0 0 5px 0; font-weight: 600; color: #7FBC9A; font-size: 16px;">收到新的评论回复</p>
<p style="margin: 0; color: #79B996; font-size: 14px; line-height: 1.6;">
你在 ${SITE_NAME} 的评论收到了 ${NICK} 的回复
</p>
</div>
</div>
<!-- 评论内容卡片 -->
<div
style="background-color: #ffffff; border-radius: 16px; border: 1px solid #e5e7eb; overflow: hidden; margin-bottom: 30px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.03);">
<div
style="background-color: #f8fafc; padding: 16px 20px; border-bottom: 1px solid #e5e7eb; display: flex; align-items: center;">
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none"
stroke="#64748b" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
style="margin-right: 10px;">
<path
d="M21 11.5a8.38 8.38 0 0 1-.9 3.8 8.5 8.5 0 0 1-7.6 4.7 8.38 8.38 0 0 1-3.8-.9L3 21l1.9-5.7a8.38 8.38 0 0 1-.9-3.8 8.5 8.5 0 0 1 4.7-7.6 8.38 8.38 0 0 1 3.8-.9h.5a8.48 8.48 0 0 1 8 8v.5z">
</path>
</svg>
<h3 style="margin: 0; color: #334155; font-size: 16px; font-weight: 600;">评论内容</h3>
</div>
<div style="padding: 20px;">
<!-- 分割线 -->
<div
style="width: 100%; height: 1px; background: linear-gradient(90deg, transparent, #e5e7eb, transparent); margin: 16px 0;">
</div>
<!-- 新回复内容 -->
<div
style="background-color: #F2F9F2; border-radius: 12px; padding: 16px; border-left: 3px solid #5DAA80;">
<p
style="margin: 0 0 8px 0; font-size: 14px; color: #64748b; font-weight: 500; display: flex; align-items: center; gap: 8px;">
<img src="${IMG}" alt="用户头像"
style="width: 20px; height: 20px; border-radius: 50%; object-fit: cover;">
<span style="color: #5DAA80;">${NICK}</span> （${MAIL}）
</p>
<p style="margin: 0 0 8px 0; font-size: 13px; color: #94a3b8;">
IP: ${IP}
</p>
<p style="margin: 0; font-size: 15px; color: #334155; line-height: 1.6;">
${COMMENT}
</p>
</div>
<p style="margin: 15px 0 0 0; font-size: 13px; color: #64748b; line-height: 1.5;">
点击下方按钮查看完整评论并回复
</p>
</div>
</div>
<!-- 操作按钮 -->
<div style="display: flex; flex-wrap: wrap; gap: 15px; margin: 30px 0 15px 0;">
<a href="${POST_URL}"
style="flex: 1; min-width: 200px; display: inline-flex; align-items: center; justify-content: center; background: linear-gradient(to right, #C4E1CF, #5DAA80); color: white; padding: 16px 20px; border-radius: 14px; font-weight: 600; text-decoration: none; transition: all 0.3s ease; ">
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none"
stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
style="margin-right: 10px;">
<path d="M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7"></path>
<path d="M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z"></path>
</svg>
查看并回复评论
</a>
</div>
</div>
<!-- 安全建议卡片 -->
<div
style="background-color: #f8fafc; border-radius: 16px; padding: 25px; margin-bottom: 30px; border: 1px solid #e2e8f0;">
<h4
style="margin: 0 0 20px 0; color: #334155; font-size: 16px; font-weight: 600; display: flex; align-items: center;">
<svg xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 24 24" fill="none"
stroke="#64748b" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
style="margin-right: 8px;">
<circle cx="12" cy="12" r="10"></circle>
<line x1="12" y1="8" x2="12" y2="12"></line>
<line x1="12" y1="16" x2="12.01" y2="16"></line>
</svg>
温馨提示
</h4>
<ul style="padding-left: 0; margin: 0;">
<li style="list-style: none; margin-bottom: 15px; display: flex; align-items: flex-start;">
<div
style="width: 24px; height: 24px; border-radius: 50%; background-color: #F2F9F2; display: flex; align-items: center; justify-content: center; margin-right: 12px; flex-shrink: 0;border: 1px solid #A7D1BB;">
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none"
stroke="#5DAA80" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<polyline points="20 6 9 17 4 12"></polyline>
</svg>
</div>
<div>
<p style="margin: 0 0 3px 0; color: #334155; font-size: 15px; font-weight: 500;">及时回复</p>
<p style="margin: 0; color: #64748b; font-size: 14px; line-height: 1.5;">
建议尽快查看并回复评论，与读者保持良好互动。
</p>
</div>
</li>
<li style="list-style: none; margin-bottom: 15px; display: flex; align-items: flex-start;">
<div
style="width: 24px; height: 24px; border-radius: 50%; background-color: #F2F9F2; display: flex; align-items: center; justify-content: center; margin-right: 12px; flex-shrink: 0;border: 1px solid #A7D1BB;">
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none"
stroke="#5DAA80" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<polyline points="20 6 9 17 4 12"></polyline>
</svg>
</div>
<div>
<p style="margin: 0 0 3px 0; color: #334155; font-size: 15px; font-weight: 500;">垃圾评论</p>
<p style="margin: 0; color: #64748b; font-size: 14px; line-height: 1.5;">
如发现垃圾评论，请及时删除并拉黑，维护良好的评论环境。
</p>
</div>
</li>
<li style="list-style: none; margin-bottom: 0; display: flex; align-items: flex-start;">
<div
style="width: 24px; height: 24px; border-radius: 50%; background-color: #F2F9F2; display: flex; align-items: center; justify-content: center; margin-right: 12px; flex-shrink: 0;border: 1px solid #A7D1BB;">
<svg xmlns="http://www.w3.org/2000/svg" width="12" height="12" viewBox="0 0 24 24" fill="none"
stroke="#5DAA80" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<polyline points="20 6 9 17 4 12"></polyline>
</svg>
</div>
<div>
<p style="margin: 0 0 3px 0; color: #334155; font-size: 15px; font-weight: 500;">邮件通知</p>
<p style="margin: 0; color: #64748b; font-size: 14px; line-height: 1.5;">
此邮件由 Twikoo 自动发送，直接回复本邮件将无法收到回应。
</p>
</div>
</li>
</ul>
</div>
<!-- 底部区域 -->
<div style="text-align: center; margin-top: 30px; padding-top: 20px; border-top: 1px solid #e2e8f0;">
<p style="color: #94a3b8; font-size: 13px; margin: 5px 0;">
💌 此邮件由 ${SITE_NAME} 评论系统自动发出，直接回复无效。
</p>
<p style="color: #94a3b8; font-size: 13px; margin: 5px 0;">
© 2021-2026 ${SITE_NAME}. 保留所有权利
</p>
<a href="${SITE_URL}"
style="color: #5DAA80; font-size: 13px; text-decoration: none; margin-top: 8px; display: inline-block;">
访问 ${SITE_NAME} 博客
</a>
</div>
</div>
</div>
阅读建议
评论
匿名评论
隐私政策
你无需删除空行，直接评论以获取最佳展示效果
