作者:hanxi-cat <master@next-cat.com
许可:MIT
因为Halo的主题没有办法改很多底层的东西,所有放在这里
依赖的插件:
友链自助提交(/links):https://www.halo.run/store/apps/app-glejqzwk
瞬间(/moments):https://halo.run/store/apps/app-SnwWD
自定义邮件模板: https://www.halo.run/store/apps/app-rnPdE
预览
我发布的瞬间收到新评论 - 模板
<table width="600" cellpadding="0" cellspacing="0" border="0" align="center" style="font-family: 'Segoe UI', Tahoma, Arial, sans-serif; background-color: #ffffff; margin: 20px auto; border-radius: 12px; box-shadow: 0 4px 20px rgba(0,0,0,0.1);">
<!-- 装饰性顶部条 -->
<tr>
<td style="height: 4px; background: linear-gradient(90deg, #3b82f6 0%, #1d4ed8 50%, #3b82f6 100%); border-radius: 12px 12px 0 0;"></td>
</tr>
<!-- 头部 -->
<tr>
<td style="background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%); padding: 40px 30px; text-align: center;">
<h1 style="color: #ffffff; margin: 0; font-size: 26px; font-weight: 600; text-shadow: 0 2px 4px rgba(0,0,0,0.2);">新评论通知</h1>
<p style="color: rgba(255,255,255,0.9); margin: 8px 0 0 0; font-size: 16px;">有人评论了您的瞬间</p>
</td>
</tr>
<!-- 内容 -->
<tr>
<td style="padding: 40px 30px;">
<p style="font-size: 20px; color: #2d3748; margin: 0 0 24px 0; font-weight: 500;" th:text="|${subscriber.displayName} 你好!|">亲爱的用户 你好!</p>
<!-- 评论通知卡片 -->
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="margin: 24px 0; border-radius: 12px; overflow: hidden; border: 1px solid #e2e8f0;">
<tr>
<td style="background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%); padding: 20px; border-bottom: 1px solid #e2e8f0;">
<h3 style="margin: 0; color: #1a202c; font-size: 18px; font-weight: 600; display: flex; align-items: center;">
<span style="margin-right: 8px;">👤</span>
<span th:text="|${commenter} 评论了您的瞬间|">用户名 评论了您的瞬间</span>
</h3>
</td>
</tr>
<tr>
<td style="padding: 0; background-color: #ffffff;">
<!-- 瞬间内容预览 -->
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td style="padding: 20px; border-bottom: 1px solid #f7fafc;">
<p style="margin: 0 0 12px 0; color: #64748b; font-size: 14px; font-weight: 500;">📝 您的瞬间内容:</p>
<div style="background-color: #f8fafc; padding: 16px; border-radius: 8px; border-left: 4px solid #3b82f6;">
<a th:href="${momentUrl}" target="_blank" style="display: block; font-style: italic; color: #4a5568; text-decoration: none; font-size: 15px; line-height: 1.5;" th:utext="${momentHtmlContent}">
这是您的瞬间内容预览...
</a>
</div>
</td>
</tr>
<!-- 评论内容 -->
<tr>
<td style="padding: 20px;">
<p style="margin: 0 0 12px 0; color: #64748b; font-size: 14px; font-weight: 500;">💭 评论内容:</p>
<div style="background-color: #fefce8; padding: 20px; border-radius: 8px; border-left: 4px solid #eab308; position: relative;">
<!-- 评论气泡装饰 -->
<div style="position: absolute; top: -8px; left: 20px; width: 0; height: 0; border-left: 8px solid transparent; border-right: 8px solid transparent; border-bottom: 8px solid #eab308;"></div>
<pre style="margin: 0; font-family: 'Segoe UI', Tahoma, Arial, sans-serif; color: #78350f; font-size: 15px; line-height: 1.6; white-space: pre-wrap; word-wrap: break-word;" th:text="${content}">这是评论的具体内容,可能包含多行文字和各种表情符号。</pre>
</div>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- 查看按钮 -->
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td align="center" style="padding: 32px 0;">
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td style="background: linear-gradient(135deg, #3b82f6 0%, #1d4ed8 100%); border-radius: 8px; box-shadow: 0 6px 20px rgba(59, 130, 246, 0.3);">
<a th:href="${momentUrl}" href="#" target="_blank" style="display: inline-block; padding: 16px 32px; color: #ffffff; text-decoration: none; font-size: 16px; font-weight: 600; text-shadow: 0 1px 2px rgba(0,0,0,0.2);">
👀 查看完整瞬间
</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- 互动提示 -->
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="margin: 24px 0; border-radius: 8px; overflow: hidden;">
<tr>
<td style="background-color: #f0f9ff; padding: 16px 20px; border-left: 4px solid #3b82f6;">
<p style="margin: 0; color: #1e40af; font-size: 14px; font-weight: 500;">
💡 您可以点击上方按钮查看完整内容并回复评论,与您的朋友们互动!
</p>
</td>
</tr>
</table>
<!-- 社交提醒 -->
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="margin: 24px 0 0 0;">
<tr>
<td style="text-align: center; padding: 20px; background-color: #fefce8; border-radius: 8px; border: 1px solid #facc15;">
<p style="margin: 0 0 8px 0; font-size: 14px; color: #a16207; font-weight: 600;">🌟 保持活跃</p>
<p style="margin: 0; font-size: 13px; color: #ca8a04; line-height: 1.5;">
与朋友们的互动让瞬间更有意义<br>
快去回复评论,分享您的想法吧!
</p>
</td>
</tr>
</table>
</td>
</tr>
<!-- 底部 -->
<tr>
<td style="background: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%); padding: 24px 30px; text-align: center; border-radius: 0 0 12px 12px;">
<p style="margin: 0 0 8px 0; font-size: 12px; color: #64748b; font-weight: 500;">此邮件由系统自动发送,请勿回复</p>
<p style="margin: 0; font-size: 11px; color: #94a3b8;">© 2025 Your Platform. All rights reserved. |
<a href="https://beian.miit.gov.cn/" style="color: #64748b; text-decoration: none;">蜀ICP备2024111382号-2</a>
</p>
<!-- 装饰性底部图标 -->
<div style="margin-top: 12px;">
<span style="display: inline-block; width: 6px; height: 6px; background-color: #cbd5e1; border-radius: 50%; margin: 0 3px;"></span>
<span style="display: inline-block; width: 6px; height: 6px; background-color: #cbd5e1; border-radius: 50%; margin: 0 3px;"></span>
<span style="display: inline-block; width: 6px; height: 6px; background-color: #cbd5e1; border-radius: 50%; margin: 0 3px;"></span>
</div>
</td>
</tr>
</table>
友链自助提交审核通知 - 模板
<table width="600" cellpadding="0" cellspacing="0" border="0" align="center" style="font-family: 'Segoe UI', Tahoma, Arial, sans-serif; background-color: #ffffff; margin: 20px auto; border-radius: 12px; box-shadow: 0 4px 20px rgba(0,0,0,0.1);">
<!-- 装饰性顶部条 (动态颜色) -->
<tr>
<td th:style="|height: 4px; background: linear-gradient(90deg, ${through ? '#10b981' : '#ef4444'} 0%, ${through ? '#059669' : '#dc2626'} 50%, ${through ? '#10b981' : '#ef4444'} 100%); border-radius: 12px 12px 0 0;|" style="height: 4px; background: linear-gradient(90deg, #10b981 0%, #059669 50%, #10b981 100%); border-radius: 12px 12px 0 0;"></td>
</tr>
<!-- 头部 (动态背景) -->
<tr>
<td th:style="|background: linear-gradient(135deg, ${through ? '#10b981' : '#ef4444'} 0%, ${through ? '#059669' : '#dc2626'} 100%); padding: 40px 30px; text-align: center;|" style="background: linear-gradient(135deg, #10b981 0%, #059669 100%); padding: 40px 30px; text-align: center;">
<h1 style="color: #ffffff; margin: 0; font-size: 26px; font-weight: 600; text-shadow: 0 2px 4px rgba(0,0,0,0.2);" th:text="${through ? '审核通过' : '审核未通过'}">审核通过</h1>
<p style="color: rgba(255,255,255,0.9); margin: 8px 0 0 0; font-size: 16px;" th:text="${through ? '恭喜您的申请已通过审核' : '很抱歉您的申请未能通过审核'}">恭喜您的申请已通过审核</p>
</td>
</tr>
<!-- 内容 -->
<tr>
<td style="padding: 40px 30px;">
<p style="font-size: 20px; color: #2d3748; margin: 0 0 24px 0; font-weight: 500;" th:text="|${subscriber.displayName} 你好!|">亲爱的用户 你好!</p>
<p style="font-size: 16px; color: #4a5568; margin: 0 0 32px 0; line-height: 1.6;" th:text="${through ? '您的申请已经通过我们的审核,感谢您的提交!' : '经过仔细审核,您的申请暂时未能通过,请查看详细说明:'}">您的申请已经通过我们的审核,感谢您的提交!</p>
<!-- 审核结果卡片 -->
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="margin: 24px 0; border-radius: 12px; overflow: hidden; border: 1px solid #e2e8f0;">
<tr>
<td th:style="|background: linear-gradient(135deg, ${through ? '#ecfdf5' : '#fef2f2'} 0%, ${through ? '#d1fae5' : '#fecaca'} 100%); padding: 30px; text-align: center;|" style="background: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%); padding: 30px; text-align: center;">
<!-- 结果图标 -->
<div th:style="|width: 80px; height: 80px; background-color: ${through ? '#10b981' : '#ef4444'}; border-radius: 50%; margin: 0 auto 20px; display: inline-block; line-height: 80px; text-align: center; box-shadow: 0 4px 15px ${through ? 'rgba(16, 185, 129, 0.3)' : 'rgba(239, 68, 68, 0.3)'};|" style="width: 80px; height: 80px; background-color: #10b981; border-radius: 50%; margin: 0 auto 20px; display: inline-block; line-height: 80px; text-align: center; box-shadow: 0 4px 15px rgba(16, 185, 129, 0.3);">
<span th:text="${through ? '🎉' : '😔'}" style="font-size: 40px; color: white;">🎉</span>
</div>
<h2 style="margin: 0 0 16px 0; font-size: 24px; font-weight: 600;" th:style="|color: ${through ? '#065f46' : '#991b1b'};|" th:text="${through ? '审核通过!' : '审核未通过'}">审核通过!</h2>
<p style="margin: 0; font-size: 18px; line-height: 1.5; font-weight: 500;" th:style="|color: ${through ? '#047857' : '#b91c1c'};|" th:text="|您的链接${through ? '已通过审核' : '已拒绝'}。|">您的链接已通过审核。</p>
</td>
</tr>
</table>
<!-- 审核描述 -->
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="margin: 24px 0; border-radius: 8px; overflow: hidden;">
<tr>
<td style="background-color: #f8fafc; padding: 20px; border-left: 4px solid #64748b;">
<h3 style="margin: 0 0 12px 0; color: #1e293b; font-size: 16px; font-weight: 600;">
📝 审核说明
</h3>
<p style="margin: 0; color: #475569; font-size: 15px; line-height: 1.6;" th:text="${reviewDescription}">您的申请内容符合我们的要求,质量很好,欢迎加入我们的平台!</p>
</td>
</tr>
</table>
<!-- 通过时的后续步骤 -->
<div th:if="${through}">
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="margin: 24px 0; border-radius: 8px; overflow: hidden;">
<tr>
<td style="background-color: #ecfdf5; padding: 16px 20px; border-left: 4px solid #10b981;">
<p style="margin: 0; color: #065f46; font-size: 14px; font-weight: 500;">
🎊 Wlcome to Blog World
</p>
</td>
</tr>
</table>
</div>
<!-- 拒绝时的改进建议 -->
<div th:unless="${through}">
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="margin: 24px 0; border-radius: 8px; overflow: hidden;">
<tr>
<td style="background-color: #fef2f2; padding: 16px 20px; border-left: 4px solid #ef4444;">
<p style="margin: 0; color: #991b1b; font-size: 14px; font-weight: 500;">
💡 您可以根据审核说明进行调整后重新申请。我们期待您的再次提交!
</p>
</td>
</tr>
</table>
</div>
--
</td>
</tr>
<!-- 底部 -->
<tr>
<td style="background: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%); padding: 24px 30px; text-align: center; border-radius: 0 0 12px 12px;">
<p style="margin: 0 0 8px 0; font-size: 12px; color: #64748b; font-weight: 500;">感谢您选择我们的平台</p>
<p style="margin: 0; font-size: 11px; color: #94a3b8;">© 2025 Your Platform. All rights reserved. |
<a href="https://beian.miit.gov.cn/" style="color: #64748b; text-decoration: none;">蜀ICP备2024111382号-2</a>
</p>
<!-- 装饰性底部图标 -->
<div style="margin-top: 12px;">
<span style="display: inline-block; width: 6px; height: 6px; background-color: #cbd5e1; border-radius: 50%; margin: 0 3px;"></span>
<span style="display: inline-block; width: 6px; height: 6px; background-color: #cbd5e1; border-radius: 50%; margin: 0 3px;"></span>
<span style="display: inline-block; width: 6px; height: 6px; background-color: #cbd5e1; border-radius: 50%; margin: 0 3px;"></span>
</div>
</td>
</tr>
</table>
友链自助提交成功通知 - 模板
<table width="600" cellpadding="0" cellspacing="0" border="0" align="center" style="font-family: 'Segoe UI', Tahoma, Arial, sans-serif; background-color: #ffffff; margin: 20px auto; border-radius: 12px; box-shadow: 0 4px 20px rgba(0,0,0,0.1);">
<!-- 装饰性顶部条 -->
<tr>
<td style="height: 4px; background: linear-gradient(90deg, #f59e0b 0%, #d97706 50%, #f59e0b 100%); border-radius: 12px 12px 0 0;"></td>
</tr>
<!-- 头部 -->
<tr>
<td style="background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%); padding: 40px 30px; text-align: center;">
<h1 style="color: #ffffff; margin: 0; font-size: 26px; font-weight: 600; text-shadow: 0 2px 4px rgba(0,0,0,0.2);">申请已收到</h1>
<p style="color: rgba(255,255,255,0.9); margin: 8px 0 0 0; font-size: 16px;">您的申请正在审核中</p>
</td>
</tr>
<!-- 内容 -->
<tr>
<td style="padding: 40px 30px;">
<p style="font-size: 20px; color: #2d3748; margin: 0 0 24px 0; font-weight: 500;" th:text="|${subscriber.displayName} 你好!|">亲爱的用户 你好!</p>
<p style="font-size: 16px; color: #4a5568; margin: 0 0 32px 0; line-height: 1.6;">
感谢您提交的申请!我们已经收到您的申请信息,目前正在进行审核。
</p>
<!-- 状态卡片 -->
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="margin: 24px 0; border-radius: 12px; overflow: hidden; border: 1px solid #fde68a;">
<tr>
<td style="background: linear-gradient(135deg, #fef3c7 0%, #fed7aa 100%); padding: 30px; text-align: center;">
<!-- 状态图标 -->
<div style="width: 80px; height: 80px; background-color: #f59e0b; border-radius: 50%; margin: 0 auto 20px; display: inline-block; line-height: 80px; text-align: center; box-shadow: 0 4px 15px rgba(245, 158, 11, 0.3);">
<span style="font-size: 40px; color: white;">📋</span>
</div>
<h2 style="margin: 0 0 16px 0; color: #92400e; font-size: 24px; font-weight: 600;">等待审核中</h2>
<p style="margin: 0; color: #b45309; font-size: 16px; line-height: 1.5;">
我们的团队正在仔细审核您的申请<br>
请耐心等待审核结果
</p>
</td>
</tr>
</table>
<!-- 审核流程 -->
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="margin: 32px 0;">
<tr>
<td style="background-color: #f8fafc; padding: 24px; border-radius: 8px; border: 1px solid #e2e8f0;">
<h3 style="margin: 0 0 20px 0; color: #1a202c; font-size: 16px; font-weight: 600; text-align: center;">
📊 审核流程
</h3>
<!-- 流程步骤 -->
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td style="text-align: center; padding: 10px; width: 25%;">
<div style="width: 40px; height: 40px; background-color: #10b981; border-radius: 50%; margin: 0 auto 8px; line-height: 40px; color: white; font-weight: bold;">✓</div>
<p style="margin: 0; font-size: 12px; color: #10b981; font-weight: 500;">提交申请</p>
</td>
<td style="text-align: center; padding: 10px; width: 25%;">
<div style="width: 40px; height: 40px; background-color: #f59e0b; border-radius: 50%; margin: 0 auto 8px; line-height: 40px; color: white; font-weight: bold;">2</div>
<p style="margin: 0; font-size: 12px; color: #f59e0b; font-weight: 500;">正在审核</p>
</td>
<td style="text-align: center; padding: 10px; width: 25%;">
<div style="width: 40px; height: 40px; background-color: #e5e7eb; border-radius: 50%; margin: 0 auto 8px; line-height: 40px; color: #9ca3af; font-weight: bold;">3</div>
<p style="margin: 0; font-size: 12px; color: #9ca3af; font-weight: 500;">审核结果</p>
</td>
<td style="text-align: center; padding: 10px; width: 25%;">
<div style="width: 40px; height: 40px; background-color: #e5e7eb; border-radius: 50%; margin: 0 auto 8px; line-height: 40px; color: #9ca3af; font-weight: bold;">4</div>
<p style="margin: 0; font-size: 12px; color: #9ca3af; font-weight: 500;">完成</p>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- 预计时间提示 -->
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="margin: 24px 0; border-radius: 8px; overflow: hidden;">
<tr>
<td style="background-color: #eff6ff; padding: 16px 20px; border-left: 4px solid #3b82f6;">
<p style="margin: 0; color: #1e40af; font-size: 14px; font-weight: 500;">
⏰ 预计审核时间:1-3 个工作日,我们会在审核完成后第一时间通知您。
</p>
</td>
</tr>
</table>
<!-- 注意事项 -->
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="margin: 24px 0 0 0;">
<tr>
<td style="text-align: center; padding: 20px; background-color: #f0fdf4; border-radius: 8px; border: 1px solid #bbf7d0;">
<p style="margin: 0 0 8px 0; font-size: 14px; color: #166534; font-weight: 600;">💡 温馨提示</p>
<p style="margin: 0; font-size: 13px; color: #15803d; line-height: 1.5;">
• 审核期间请保持联系方式畅通<br>
• 如有疑问可随时联系我们的客服<br>
• 审核结果将通过邮件通知您
</p>
</td>
</tr>
</table>
</td>
</tr>
<!-- 底部 -->
<tr>
<td style="background: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%); padding: 24px 30px; text-align: center; border-radius: 0 0 12px 12px;">
<p style="margin: 0 0 8px 0; font-size: 12px; color: #64748b; font-weight: 500;">感谢您的耐心等待</p>
<p style="margin: 0; font-size: 11px; color: #94a3b8;">© 2025 Your Platform. All rights reserved. |
<a href="https://beian.miit.gov.cn/" style="color: #64748b; text-decoration: none;">蜀ICP备2024111382号-2</a>
</p>
<!-- 装饰性底部图标 -->
<div style="margin-top: 12px;">
<span style="display: inline-block; width: 6px; height: 6px; background-color: #cbd5e1; border-radius: 50%; margin: 0 3px;"></span>
<span style="display: inline-block; width: 6px; height: 6px; background-color: #cbd5e1; border-radius: 50%; margin: 0 3px;"></span>
<span style="display: inline-block; width: 6px; height: 6px; background-color: #cbd5e1; border-radius: 50%; margin: 0 3px;"></span>
</div>
</td>
</tr>
</table>
友链自助提交通知管理员 - 模板
<table width="600" cellpadding="0" cellspacing="0" border="0" align="center" style="font-family: 'Segoe UI', Tahoma, Arial, sans-serif; background-color: #ffffff; margin: 20px auto; border-radius: 12px; box-shadow: 0 4px 20px rgba(0,0,0,0.1);">
<!-- 装饰性顶部条 -->
<tr>
<td style="height: 4px; background: linear-gradient(90deg, #8b5cf6 0%, #a855f7 50%, #8b5cf6 100%); border-radius: 12px 12px 0 0;"></td>
</tr>
<!-- 头部 -->
<tr>
<td style="background: linear-gradient(135deg, #8b5cf6 0%, #a855f7 100%); padding: 40px 30px; text-align: center;">
<h1 style="color: #ffffff; margin: 0; font-size: 26px; font-weight: 600; text-shadow: 0 2px 4px rgba(0,0,0,0.2);">友链申请审核</h1>
<p style="color: rgba(255,255,255,0.9); margin: 8px 0 0 0; font-size: 16px;">新的友链申请等待您的审核</p>
</td>
</tr>
<!-- 内容 -->
<tr>
<td style="padding: 40px 30px;">
<p style="font-size: 20px; color: #2d3748; margin: 0 0 24px 0; font-weight: 500;" th:text="|${subscriber.displayName} 你好!|">管理员 你好!</p>
<p style="font-size: 16px; color: #4a5568; margin: 0 0 32px 0; line-height: 1.6;">
收到了一个新的友链申请,请查看以下详细信息并进行审核:
</p>
<!-- 博客信息卡片 -->
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="margin: 24px 0; border-radius: 12px; overflow: hidden; border: 1px solid #e2e8f0;">
<tr>
<td style="background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%); padding: 20px; border-bottom: 1px solid #e2e8f0;">
<h3 style="margin: 0 0 16px 0; color: #1a202c; font-size: 18px; font-weight: 600; display: flex; align-items: center;">
<span style="margin-right: 8px;">🌐</span> 博客详细信息
</h3>
</td>
</tr>
<tr>
<td style="padding: 24px 20px; background-color: #ffffff;">
<!-- 博客信息列表 -->
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<!-- 博客名称 -->
<tr>
<td style="padding: 12px 0; border-bottom: 1px solid #f7fafc;">
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td style="width: 120px; color: #64748b; font-size: 14px; font-weight: 500; vertical-align: top;">📖 友链名称:</td>
<td style="color: #1e293b; font-size: 15px; font-weight: 600;" th:text="${displayName}">示例页面</td>
</tr>
</table>
</td>
</tr>
<!-- 博客链接 -->
<tr>
<td style="padding: 12px 0; border-bottom: 1px solid #f7fafc;">
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td style="width: 120px; color: #64748b; font-size: 14px; font-weight: 500; vertical-align: top;">🔗 链接:</td>
<td style="color: #3b82f6; font-size: 14px; word-break: break-all;">
<a th:href="${url}" style="color: #3b82f6; text-decoration: none;" th:text="${url}">https://example.com</a>
</td>
</tr>
</table>
</td>
</tr>
<!-- 博客描述 -->
<tr>
<td style="padding: 12px 0; border-bottom: 1px solid #f7fafc;">
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td style="width: 120px; color: #64748b; font-size: 14px; font-weight: 500; vertical-align: top;">📝 友链描述:</td>
<td style="color: #1e293b; font-size: 14px; line-height: 1.5;" th:text="${description}">这是一个关于技术分享的博客...</td>
</tr>
</table>
</td>
</tr>
<!-- 联系邮箱 -->
<tr>
<td style="padding: 12px 0; border-bottom: 1px solid #f7fafc;">
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td style="width: 120px; color: #64748b; font-size: 14px; font-weight: 500; vertical-align: top;">📧 联系邮箱:</td>
<td style="color: #3b82f6; font-size: 14px; font-family: 'Courier New', Monaco, monospace;">
<a th:href="|mailto:${email}|" style="color: #3b82f6; text-decoration: none;" th:text="${email}">example@email.com</a>
</td>
</tr>
</table>
</td>
</tr>
<!-- Logo -->
<tr>
<td style="padding: 12px 0;">
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td style="width: 120px; color: #64748b; font-size: 14px; font-weight: 500; vertical-align: top;">🎨 Logo链接:</td>
<td style="color: #3b82f6; font-size: 14px; word-break: break-all;">
<a th:href="${logo}" style="color: #3b82f6; text-decoration: none;" th:text="${logo}" target="_blank">https://example.com/logo.png</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- 审核按钮 -->
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td align="center" style="padding: 32px 0;">
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td style="background: linear-gradient(135deg, #8b5cf6 0%, #a855f7 100%); border-radius: 8px; box-shadow: 0 6px 20px rgba(139, 92, 246, 0.3);">
<a th:href="${reviewUrl}" href="#" target="_blank" rel="noopener noreferrer" style="display: inline-block; padding: 16px 32px; color: #ffffff; text-decoration: none; font-size: 16px; font-weight: 600; text-shadow: 0 1px 2px rgba(0,0,0,0.2);">
🔍 前往审核
</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- 审核提示 -->
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="margin: 24px 0; border-radius: 8px; overflow: hidden;">
<tr>
<td style="background-color: #f0f9ff; padding: 16px 20px; border-left: 4px solid #3b82f6;">
<p style="margin: 0; color: #1e40af; font-size: 14px; font-weight: 500;">
💡 审核提醒:请仔细检查友链内容质量、链接有效性以及是否符合平台规范。
</p>
</td>
</tr>
</table>
<!-- 操作指南 -->
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="margin: 24px 0 0 0;">
<tr>
<td style="text-align: center; padding: 20px; background-color: #fefce8; border-radius: 8px; border: 1px solid #fde047;">
<p style="margin: 0 0 8px 0; font-size: 14px; color: #ca8a04; font-weight: 600;">⚡ 审核指南</p>
<p style="margin: 0; font-size: 13px; color: #a16207; line-height: 1.5;">
• 检查链接是否可正常访问<br>
• 验证内容是否原创且有价值<br>
• 确认联系方式真实有效
</p>
</td>
</tr>
</table>
</td>
</tr>
<!-- 底部 -->
<tr>
<td style="background: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%); padding: 24px 30px; text-align: center; border-radius: 0 0 12px 12px;">
<p style="margin: 0 0 8px 0; font-size: 12px; color: #64748b; font-weight: 500;">此邮件由系统自动发送,请勿回复</p>
<p style="margin: 0; font-size: 11px; color: #94a3b8;">© 2025 Blog Platform. All rights reserved. |
<a href="https://beian.miit.gov.cn/" style="color: #64748b; text-decoration: none;">蜀ICP备2024111382号-2</a>
</p>
<!-- 装饰性底部图标 -->
<div style="margin-top: 12px;">
<span style="display: inline-block; width: 6px; height: 6px; background-color: #cbd5e1; border-radius: 50%; margin: 0 3px;"></span>
<span style="display: inline-block; width: 6px; height: 6px; background-color: #cbd5e1; border-radius: 50%; margin: 0 3px;"></span>
<span style="display: inline-block; width: 6px; height: 6px; background-color: #cbd5e1; border-radius: 50%; margin: 0 3px;"></span>
</div>
</td>
</tr>
</table>
新设备登录 - 模板
<table width="600" cellpadding="0" cellspacing="0" border="0" align="center" style="font-family: 'Segoe UI', Tahoma, Arial, sans-serif; background-color: #ffffff; margin: 20px auto; border-radius: 12px; box-shadow: 0 4px 20px rgba(0,0,0,0.1);">
<!-- 装饰性顶部条 -->
<tr>
<td style="height: 4px; background: linear-gradient(90deg, #10b981 0%, #059669 50%, #10b981 100%); border-radius: 12px 12px 0 0;"></td>
</tr>
<!-- 头部 -->
<tr>
<td style="background: linear-gradient(135deg, #10b981 0%, #059669 100%); padding: 40px 30px; text-align: center;">
<h1 style="color: #ffffff; margin: 0; font-size: 26px; font-weight: 600; text-shadow: 0 2px 4px rgba(0,0,0,0.2);">登录通知</h1>
<p style="color: rgba(255,255,255,0.9); margin: 8px 0 0 0; font-size: 16px;">账户安全提醒</p>
</td>
</tr>
<!-- 内容 -->
<tr>
<td style="padding: 40px 30px;">
<p style="font-size: 20px; color: #2d3748; margin: 0 0 24px 0; font-weight: 500;" th:text="|${subscriber.displayName} 你好!|">亲爱的用户 你好!</p>
<p style="font-size: 16px; color: #4a5568; margin: 0 0 32px 0; line-height: 1.6;" th:text="|我们检测到您的 ${site.title} 账户在新设备上登录。为了您的账户安全,特此通知:|">我们检测到您的账户在新设备上登录。为了您的账户安全,特此通知:</p>
<!-- 登录信息卡片 -->
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="margin: 24px 0; border-radius: 12px; overflow: hidden; border: 1px solid #e2e8f0;">
<tr>
<td style="background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 100%); padding: 20px; border-bottom: 1px solid #e2e8f0;">
<h3 style="margin: 0 0 16px 0; color: #1a202c; font-size: 18px; font-weight: 600; display: flex; align-items: center;">
<span style="margin-right: 8px;">📱</span> 登录详情
</h3>
</td>
</tr>
<tr>
<td style="padding: 24px 20px; background-color: #ffffff;">
<!-- 设备信息 -->
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="margin-bottom: 20px;">
<tr>
<td style="padding: 12px 0; border-bottom: 1px solid #f7fafc;">
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td style="width: 100px; color: #64748b; font-size: 14px; font-weight: 500; vertical-align: top;">🖥️ 设备:</td>
<td style="color: #1e293b; font-size: 14px; font-weight: 600;" th:text="|${os} - ${browser}|">Windows 10 - Chrome</td>
</tr>
</table>
</td>
</tr>
<tr>
<td style="padding: 12px 0; border-bottom: 1px solid #f7fafc;">
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td style="width: 100px; color: #64748b; font-size: 14px; font-weight: 500; vertical-align: top;">⏰ 时间:</td>
<td style="color: #1e293b; font-size: 14px; font-weight: 600;" th:text="${loginTime}">2025-01-20 15:30:45</td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- 安全确认 -->
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="margin: 24px 0; border-radius: 8px; overflow: hidden;">
<tr>
<td style="background-color: #ecfdf5; padding: 16px 20px; border-left: 4px solid #10b981;">
<p style="margin: 0; color: #065f46; font-size: 14px; font-weight: 500;">
✅ 如果这是您本人的登录操作,可以安全地忽略此邮件。
</p>
</td>
</tr>
</table>
<!-- 安全警告 -->
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="border-radius: 8px; overflow: hidden;">
<tr>
<td style="background-color: #fef2f2; padding: 16px 20px; border-left: 4px solid #ef4444;">
<p style="margin: 0 0 12px 0; color: #991b1b; font-size: 14px; font-weight: 600;">⚠️ 如果您并未进行此次登录:</p>
<p style="margin: 0; color: #991b1b; font-size: 14px; line-height: 1.5;" th:text="|请立即更改您的 ${site.title} 账户密码,并检查账户是否有异常活动。建议启用两步验证以增强安全性。|">请立即更改您的账户密码,并检查账户是否有异常活动。建议启用两步验证以增强安全性。</p>
</td>
</tr>
</table>
<!-- 安全建议 -->
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="margin: 24px 0 0 0;">
<tr>
<td style="text-align: center; padding: 20px; background-color: #f0f9ff; border-radius: 8px; border: 1px solid #e0f2fe;">
<p style="margin: 0 0 8px 0; font-size: 14px; color: #0369a1; font-weight: 600;">🛡️ 安全提示</p>
<p style="margin: 0; font-size: 13px; color: #0284c7; line-height: 1.5;">
• 定期更换密码,使用强密码组合<br>
• 不要在公共网络上登录敏感账户<br>
• 启用两步验证保护您的账户安全
</p>
</td>
</tr>
</table>
</td>
</tr>
<!-- 底部 -->
<tr>
<td style="background: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%); padding: 24px 30px; text-align: center; border-radius: 0 0 12px 12px;">
<p style="margin: 0 0 8px 0; font-size: 12px; color: #64748b; font-weight: 500;">此邮件由系统自动发送,请勿回复</p>
<p style="margin: 0; font-size: 11px; color: #94a3b8;" th:text="|© 2025 ${site.title}. All rights reserved.|">© 2025 Your Company. All rights reserved.</p>
<!-- 装饰性底部图标 -->
<div style="margin-top: 12px;">
<span style="display: inline-block; width: 6px; height: 6px; background-color: #cbd5e1; border-radius: 50%; margin: 0 3px;"></span>
<span style="display: inline-block; width: 6px; height: 6px; background-color: #cbd5e1; border-radius: 50%; margin: 0 3px;"></span>
<span style="display: inline-block; width: 6px; height: 6px; background-color: #cbd5e1; border-radius: 50%; margin: 0 3px;"></span>
</div>
</td>
</tr>
</table>
根据邮件地址重置密码 - 模板
<table width="600" cellpadding="0" cellspacing="0" border="0" align="center" style="font-family: 'Segoe UI', Tahoma, Arial, sans-serif; background-color: #ffffff; margin: 20px auto; border-radius: 12px; box-shadow: 0 4px 20px rgba(0,0,0,0.1);">
<!-- 装饰性顶部条 -->
<tr>
<td style="height: 4px; background: linear-gradient(90deg, #ff6b6b 0%, #ee5a24 50%, #ff6b6b 100%); border-radius: 12px 12px 0 0;"></td>
</tr>
<!-- 头部 -->
<tr>
<td style="background: linear-gradient(135deg, #ff6b6b 0%, #ee5a24 100%); padding: 40px 30px; text-align: center;">
<h1 style="color: #ffffff; margin: 0; font-size: 26px; font-weight: 600; text-shadow: 0 2px 4px rgba(0,0,0,0.2);">密码重置</h1>
<p style="color: rgba(255,255,255,0.9); margin: 8px 0 0 0; font-size: 16px;">重置您的账户密码</p>
</td>
</tr>
<!-- 内容 -->
<tr>
<td style="padding: 40px 30px;">
<p style="font-size: 20px; color: #2d3748; margin: 0 0 24px 0; font-weight: 500;" th:text="|${username} 你好!|">亲爱的用户 你好!</p>
<p style="font-size: 16px; color: #4a5568; margin: 0 0 32px 0; line-height: 1.6;">
我们收到了您的密码重置请求。如果这是您本人的操作,请点击下面的按钮来重置您的密码:
</p>
<!-- 重置按钮容器 -->
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td align="center" style="padding: 32px 0;">
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td style="background: linear-gradient(135deg, #ff6b6b 0%, #ee5a24 100%); border-radius: 8px; box-shadow: 0 6px 20px rgba(255, 107, 107, 0.3);">
<a th:href="${link}" href="#" style="display: inline-block; padding: 16px 32px; color: #ffffff; text-decoration: none; font-size: 16px; font-weight: 600; text-shadow: 0 1px 2px rgba(0,0,0,0.2);">
🔒 重置密码
</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- 链接备份 -->
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="margin: 24px 0; border-radius: 8px; overflow: hidden;">
<tr>
<td style="background-color: #f8fafc; padding: 20px; border: 1px dashed #cbd5e1;">
<p style="margin: 0 0 12px 0; font-size: 14px; color: #4a5568; font-weight: 500;">如果按钮无法点击,请复制以下链接到浏览器地址栏:</p>
<p style="margin: 0; word-break: break-all; font-size: 13px; color: #667eea; font-family: 'Courier New', Monaco, monospace; padding: 8px; background-color: #ffffff; border-radius: 4px; border: 1px solid #e2e8f0;" th:text="${link}">https://example.com/reset-password?token=xxxxx</p>
</td>
</tr>
</table>
<!-- 有效期提示 -->
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="margin: 24px 0; border-radius: 8px; overflow: hidden;">
<tr>
<td style="background-color: #fef3c7; padding: 16px 20px; border-left: 4px solid #f59e0b;">
<p style="margin: 0; color: #92400e; font-size: 14px; font-weight: 500;" th:text="|⏰ 重置链接有效期为 ${expirationAtMinutes} 分钟,请及时完成操作|"></p>
</td>
</tr>
</table>
<!-- 安全提示 -->
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="border-radius: 8px; overflow: hidden;">
<tr>
<td style="background-color: #fef2f2; padding: 16px 20px; border-left: 4px solid #ef4444;">
<p style="margin: 0; color: #991b1b; font-size: 14px; font-weight: 500;">
🛡️ 安全提醒:如果您没有请求重置密码,请忽略此邮件。为保护账户安全,请勿将此链接分享给他人。
</p>
</td>
</tr>
</table>
<!-- 额外安全建议 -->
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="margin: 24px 0 0 0;">
<tr>
<td style="text-align: center; padding: 20px; background-color: #f0f9ff; border-radius: 8px; border: 1px solid #e0f2fe;">
<p style="margin: 0 0 8px 0; font-size: 14px; color: #0369a1; font-weight: 600;">💡 安全建议</p>
<p style="margin: 0; font-size: 13px; color: #0284c7; line-height: 1.5;">
设置强密码:包含大小写字母、数字和特殊符号<br>
定期更换密码,避免在多个网站使用相同密码
</p>
</td>
</tr>
</table>
</td>
</tr>
<!-- 底部 -->
<tr>
<td style="background: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%); padding: 24px 30px; text-align: center; border-radius: 0 0 12px 12px;">
<p style="margin: 0 0 8px 0; font-size: 12px; color: #64748b; font-weight: 500;">此邮件由系统自动发送,请勿回复</p>
<p style="margin: 0; font-size: 11px; color: #94a3b8;">
© 2025 Your Company. All rights reserved. |
<a href="https://beian.miit.gov.cn/" style="color: #64748b; text-decoration: none;">蜀ICP备2024111382号-2</a>
</p>
<!-- 装饰性底部图标 -->
<div style="margin-top: 12px;">
<span style="display: inline-block; width: 6px; height: 6px; background-color: #cbd5e1; border-radius: 50%; margin: 0 3px;"></span>
<span style="display: inline-block; width: 6px; height: 6px; background-color: #cbd5e1; border-radius: 50%; margin: 0 3px;"></span>
<span style="display: inline-block; width: 6px; height: 6px; background-color: #cbd5e1; border-radius: 50%; margin: 0 3px;"></span>
</div>
</td>
</tr>
</table>
邮箱验证 - 模板
<table width="600" cellpadding="0" cellspacing="0" border="0" align="center" style="font-family: 'Segoe UI', Tahoma, Arial, sans-serif; background-color: #ffffff; margin: 20px auto; border-radius: 12px; box-shadow: 0 4px 20px rgba(0,0,0,0.08);">
<!-- 顶部装饰条 -->
<tr>
<td style="height: 4px; background: linear-gradient(90deg, #6366f1 0%, #3b82f6 100%); border-radius: 12px 12px 0 0;"></td>
</tr>
<!-- 头部 -->
<tr>
<td style="background: linear-gradient(135deg, #6366f1 0%, #3b82f6 100%); padding: 40px 30px; text-align: center;">
<h1 style="color: #fff; margin: 0; font-size: 26px; font-weight: 600;">评论回复通知</h1>
<p style="color: rgba(255,255,255,0.9); margin: 8px 0 0 0; font-size: 16px;">有人回复了您的评论</p>
</td>
</tr>
<!-- 内容 -->
<tr>
<td style="padding: 40px 30px;">
<p style="font-size: 20px; color: #2d3748; margin: 0 0 24px 0; font-weight: 500;" th:text="|${subscriber.displayName} 你好!|">亲爱的用户 你好!</p>
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="margin: 24px 0; border-radius: 12px; border: 1px solid #e2e8f0; overflow: hidden;">
<tr>
<td style="background: #f8fafc; padding: 20px;">
<span style="color: #6366f1; font-weight: 600;" th:text="${replier}">回复者</span>
<span style="color: #4b5563;">在评论</span>
<a th:href="${commentSubjectUrl}" target="_blank" style="color: #3b82f6; text-decoration: none; font-weight: 600;" th:text="|”${isQuoteReply ? quoteContent : commentContent}”|">“评论内容”</a>
<span style="color: #4b5563;">中回复了你,以下是回复的具体内容:</span>
</td>
</tr>
<tr>
<td style="background: #f3f4f6; padding: 24px;">
<div style="background: #eef2ff; border-left: 4px solid #6366f1; border-radius: 8px; padding: 16px; font-size: 15px; color: #374151;">
<pre style="margin: 0; font-family: inherit; background: none; border: none; color: inherit; white-space: pre-wrap; word-break: break-all;" th:text="${content}">回复内容示例</pre>
</div>
</td>
</tr>
</table>
<!-- 查看按钮 -->
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td align="center" style="padding: 32px 0;">
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td style="background: linear-gradient(135deg, #6366f1 0%, #3b82f6 100%); border-radius: 8px; box-shadow: 0 6px 20px rgba(59, 130, 246, 0.15);">
<a th:href="${commentSubjectUrl}" href="#" target="_blank" style="display: inline-block; padding: 16px 32px; color: #fff; text-decoration: none; font-size: 16px; font-weight: 600;">
👀 查看详情
</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- 温馨提示 -->
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="margin: 24px 0 0 0;">
<tr>
<td style="text-align: center; padding: 20px; background-color: #f0fdf4; border-radius: 8px; border: 1px solid #bbf7d0;">
<p style="margin: 0 0 8px 0; font-size: 14px; color: #166534; font-weight: 600;">💡 温馨提示</p>
<p style="margin: 0; font-size: 13px; color: #15803d; line-height: 1.5;">
快去回复评论,与朋友们互动吧!<br>
如有疑问可随时联系我们的客服
</p>
</td>
</tr>
</table>
</td>
</tr>
<!-- 底部 -->
<tr>
<td style="background: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%); padding: 24px 30px; text-align: center; border-radius: 0 0 12px 12px;">
<p style="margin: 0 0 8px 0; font-size: 12px; color: #64748b; font-weight: 500;">此邮件由系统自动发送,请勿回复</p>
<p style="margin: 0; font-size: 11px; color: #94a3b8;">© 2025 Your Platform. All rights reserved. |
<a href="https://beian.miit.gov.cn/" style="color: #64748b; text-decoration: none;">蜀ICP备2024111382号-2</a>
</p>
<div style="margin-top: 12px;">
<span style="display: inline-block; width: 6px; height: 6px; background-color: #cbd5e1; border-radius: 50%; margin: 0 3px;"></span>
<span style="display: inline-block; width: 6px; height: 6px; background-color: #cbd5e1; border-radius: 50%; margin: 0 3px;"></span>
<span style="display: inline-block; width: 6px; height: 6px; background-color: #cbd5e1; border-radius: 50%; margin: 0 3px;"></span>
</div>
</td>
</tr>
</table>
有人回复了我 - 模板
<table width="600" cellpadding="0" cellspacing="0" border="0" align="center" style="font-family: 'Segoe UI', Tahoma, Arial, sans-serif; background-color: #ffffff; margin: 20px auto; border-radius: 12px; box-shadow: 0 4px 20px rgba(0,0,0,0.08);">
<!-- 顶部装饰条 -->
<tr>
<td style="height: 4px; background: linear-gradient(90deg, #6366f1 0%, #3b82f6 100%); border-radius: 12px 12px 0 0;"></td>
</tr>
<!-- 头部 -->
<tr>
<td style="background: linear-gradient(135deg, #6366f1 0%, #3b82f6 100%); padding: 40px 30px; text-align: center;">
<h1 style="color: #fff; margin: 0; font-size: 26px; font-weight: 600;">评论回复通知</h1>
<p style="color: rgba(255,255,255,0.9); margin: 8px 0 0 0; font-size: 16px;">有人回复了您的评论</p>
</td>
</tr>
<!-- 内容 -->
<tr>
<td style="padding: 40px 30px;">
<p style="font-size: 20px; color: #2d3748; margin: 0 0 24px 0; font-weight: 500;" th:text="|${subscriber.displayName} 你好!|">亲爱的用户 你好!</p>
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="margin: 24px 0; border-radius: 12px; border: 1px solid #e2e8f0; overflow: hidden;">
<tr>
<td style="background: #f8fafc; padding: 20px;">
<span style="color: #6366f1; font-weight: 600;" th:text="${replier}">回复者</span>
<span style="color: #4b5563;">在评论</span>
<a th:href="${commentSubjectUrl}" target="_blank" style="color: #3b82f6; text-decoration: none; font-weight: 600;" th:text="|”${isQuoteReply ? quoteContent : commentContent}”|">“评论内容”</a>
<span style="color: #4b5563;">中回复了你,以下是回复的具体内容:</span>
</td>
</tr>
<tr>
<td style="background: #f3f4f6; padding: 24px;">
<div style="background: #eef2ff; border-left: 4px solid #6366f1; border-radius: 8px; padding: 16px; font-size: 15px; color: #374151;">
<pre style="margin: 0; font-family: inherit; background: none; border: none; color: inherit; white-space: pre-wrap; word-break: break-all;" th:text="${content}">回复内容示例</pre>
</div>
</td>
</tr>
</table>
<!-- 查看按钮 -->
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td align="center" style="padding: 32px 0;">
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td style="background: linear-gradient(135deg, #6366f1 0%, #3b82f6 100%); border-radius: 8px; box-shadow: 0 6px 20px rgba(59, 130, 246, 0.15);">
<a th:href="${commentSubjectUrl}" href="#" target="_blank" style="display: inline-block; padding: 16px 32px; color: #fff; text-decoration: none; font-size: 16px; font-weight: 600;">
👀 查看详情
</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- 温馨提示 -->
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="margin: 24px 0 0 0;">
<tr>
<td style="text-align: center; padding: 20px; background-color: #f0fdf4; border-radius: 8px; border: 1px solid #bbf7d0;">
<p style="margin: 0 0 8px 0; font-size: 14px; color: #166534; font-weight: 600;">💡 温馨提示</p>
<p style="margin: 0; font-size: 13px; color: #15803d; line-height: 1.5;">
快去回复评论,与朋友们互动吧!<br>
如有疑问可随时联系我们的客服
</p>
</td>
</tr>
</table>
</td>
</tr>
<!-- 底部 -->
<tr>
<td style="background: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%); padding: 24px 30px; text-align: center; border-radius: 0 0 12px 12px;">
<p style="margin: 0 0 8px 0; font-size: 12px; color: #64748b; font-weight: 500;">此邮件由系统自动发送,请勿回复</p>
<p style="margin: 0; font-size: 11px; color: #94a3b8;">© 2025 Your Platform. All rights reserved. |
<a href="https://beian.miit.gov.cn/" style="color: #64748b; text-decoration: none;">蜀ICP备2024111382号-2</a>
</p>
<div style="margin-top: 12px;">
<span style="display: inline-block; width: 6px; height: 6px; background-color: #cbd5e1; border-radius: 50%; margin: 0 3px;"></span>
<span style="display: inline-block; width: 6px; height: 6px; background-color: #cbd5e1; border-radius: 50%; margin: 0 3px;"></span>
<span style="display: inline-block; width: 6px; height: 6px; background-color: #cbd5e1; border-radius: 50%; margin: 0 3px;"></span>
</div>
</td>
</tr>
</table>
我的自定义页面收到新评论 - 模板
<table width="600" cellpadding="0" cellspacing="0" border="0" align="center" style="font-family: 'Segoe UI', Tahoma, Arial, sans-serif; background-color: #fff; margin: 20px auto; border-radius: 12px; box-shadow: 0 4px 20px rgba(0,0,0,0.08);">
<!-- 顶部装饰条 -->
<tr>
<td style="height: 4px; background: linear-gradient(90deg, #f43f5e 0%, #6366f1 100%); border-radius: 12px 12px 0 0;"></td>
</tr>
<!-- 头部 -->
<tr>
<td style="background: linear-gradient(135deg, #f43f5e 0%, #6366f1 100%); padding: 40px 30px; text-align: center;">
<h1 style="color: #fff; margin: 0; font-size: 26px; font-weight: 600;">文章评论通知</h1>
<p style="color: rgba(255,255,255,0.9); margin: 8px 0 0 0; font-size: 16px;">您的文章收到了新评论</p>
</td>
</tr>
<!-- 内容 -->
<tr>
<td style="padding: 40px 30px;">
<p style="font-size: 20px; color: #2d3748; margin: 0 0 24px 0; font-weight: 500;" th:text="|${subscriber.displayName} 你好!|">亲爱的用户 你好!</p>
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="margin: 24px 0; border-radius: 12px; border: 1px solid #e2e8f0; overflow: hidden;">
<tr>
<td style="background: #f8fafc; padding: 20px;">
<span style="color: #f43f5e; font-weight: 600;" th:text="${commenter}">评论者</span>
<span style="color: #4b5563;">评论了你的文章</span>
<a th:href="${postUrl}" target="_blank" style="color: #6366f1; text-decoration: none; font-weight: 600;" th:text="|《${postTitle}》|">《文章标题》</a>
<span style="color: #4b5563;">,以下是评论的具体内容:</span>
</td>
</tr>
<tr>
<td style="background: #f3f4f6; padding: 24px;">
<div style="background: #fee2e2; border-left: 4px solid #f43f5e; border-radius: 8px; padding: 16px; font-size: 15px; color: #374151;">
<pre style="margin: 0; font-family: inherit; background: none; border: none; color: inherit; white-space: pre-wrap; word-break: break-all;" th:text="${content}">评论内容示例</pre>
</div>
</td>
</tr>
</table>
<!-- 查看按钮 -->
<table width="100%" cellpadding="0" cellspacing="0" border="0">
<tr>
<td align="center" style="padding: 32px 0;">
<table cellpadding="0" cellspacing="0" border="0">
<tr>
<td style="background: linear-gradient(135deg, #f43f5e 0%, #6366f1 100%); border-radius: 8px; box-shadow: 0 6px 20px rgba(99, 102, 241, 0.15);">
<a th:href="${postUrl}" href="#" target="_blank" style="display: inline-block; padding: 16px 32px; color: #fff; text-decoration: none; font-size: 16px; font-weight: 600;">
👀 查看文章
</a>
</td>
</tr>
</table>
</td>
</tr>
</table>
<!-- 温馨提示 -->
<table width="100%" cellpadding="0" cellspacing="0" border="0" style="margin: 24px 0 0 0;">
<tr>
<td style="text-align: center; padding: 20px; background-color: #f0fdf4; border-radius: 8px; border: 1px solid #bbf7d0;">
<p style="margin: 0 0 8px 0; font-size: 14px; color: #166534; font-weight: 600;">💡 温馨提示</p>
<p style="margin: 0; font-size: 13px; color: #15803d; line-height: 1.5;">
快去回复评论,与读者互动吧!<br>
如有疑问可随时联系我们的客服
</p>
</td>
</tr>
</table>
</td>
</tr>
<!-- 底部 -->
<tr>
<td style="background: linear-gradient(135deg, #f1f5f9 0%, #e2e8f0 100%); padding: 24px 30px; text-align: center; border-radius: 0 0 12px 12px;">
<p style="margin: 0 0 8px 0; font-size: 12px; color: #64748b; font-weight: 500;">此邮件由系统自动发送,请勿回复</p>
<p style="margin: 0; font-size: 11px; color: #94a3b8;">© 2025 Your Platform. All rights reserved. |
<a href="https://beian.miit.gov.cn/" style="color: #64748b; text-decoration: none;">蜀ICP备2024111382号-2</a>
</p>
<div style="margin-top: 12px;">
<span style="display: inline-block; width: 6px; height: 6px; background-color: #cbd5e1; border-radius: 50%; margin: 0 3px;"></span>
<span style="display: inline-block; width: 6px; height: 6px; background-color: #cbd5e1; border-radius: 50%; margin: 0 3px;"></span>
<span style="display: inline-block; width: 6px; height: 6px; background-color: #cbd5e1; border-radius: 50%; margin: 0 3px;"></span>
</div>
</td>
</tr>
</table>