T
Loading T-Blog
返回列表
#经验分享

twikoo邮件通知模板

本文主要分享twikoo中邮件通知模板

2025年09月13日
1 分钟阅读

写在前面#

样式主要参考了kzhik的通知样式，很好看!

kzhik的通知样式
kzhik的通知样式

MAIL_TEMPLATE#

<div
    style="font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; line-height: 1.6; color: #333; max-width: 600px; margin: 0 auto; padding: 20px;">
    <div
        style="border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); overflow: hidden; background-color: #ffffff;">
        <!-- 头部区域 -->
        <div
            style="background-color: #f8db8f; padding: 20px; color: white; display: flex; align-items: center; justify-content: center; gap: 20px;">
            <div style="text-align: center;">
                <div
                    style="font-size: 28px; font-weight: bold; display: flex; align-items: center; justify-content: center; gap: 10px;">
                    <span style="font-size: 26px;">👋</span> Hi ${PARENT_NICK} </div>
                <div style="margin-top: 10px; font-size:16px;"> 您在 <a href="${SITE_URL}"
                        style="color: white; text-decoration: underline; font-weight: 500;">${SITE_NAME}</a> 中收到一条新回复！
                </div>
            </div> <!-- 右侧图片 --> <img src="https://cdn.atao.cyou/Web/web_250913_194213.png"
                style="display:block; max-width:100px;">
        </div> <!-- 内容区域 -->
        <div style="padding: 25px 20px;"> <!-- 原评论部分 -->
            <div style="margin-bottom: 20px;">
                <div style="font-weight: bold; margin-bottom: 10px; color: #333; font-size: 16px;">您发表的评论：</div>
                <div style="background-color: #f5f7fa; border-radius: 6px; padding: 15px; border: 1px solid #ebf0f5;">
                    <div style="color: #f8db8f; font-weight: 500; margin-bottom: 8px;">@${PARENT_NICK}:</div>
                    <div style="color: #333; line-height: 1.6;">
                        <div style="margin-bottom: 5px;">${PARENT_COMMENT}</div>
                    </div>
                </div>
            </div> <!-- 收到的回复部分 -->
            <div style="margin-bottom: 30px;">
                <div style="font-weight: bold; margin-bottom: 10px; color: #333; font-size: 16px;">您收到的回复</div>
                <div style="background-color: #f5f7fa; border-radius: 6px; padding: 15px; border: 1px solid #ebf0f5;">
                    <div style="color: #f8db8f; font-weight: 500; margin-bottom: 8px;">@${NICK}:</div>
                    <div style="color: #333; line-height: 1.6;">${COMMENT}</div>
                </div>
            </div> <!-- 回复按钮 -->
            <div style="margin-bottom: 30px;"> <a href="${POST_URL}"
                    style="display: inline-block; background-color: #f8db8f; color: white; padding: 10px 20px; text-decoration: none; border-radius: 4px; font-weight: 500;">回复</a>
            </div> <!-- 系统提示 -->
            <div
                style="color: #86909c; font-size: 12px; text-align: center; padding-top: 15px; border-top: 1px solid #ebf0f5;">
                此邮件由系统发送，请不要回复此邮件 </div>
        </div>
    </div>
</div>

样式参考:

MAIL_TEMPLATE样式
MAIL_TEMPLATE样式

MAIL_TEMPLATE_ADMIN#

<div
    style="font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; line-height: 1.6; color: #333; max-width: 600px; margin: 0 auto; padding: 20px;">
    <div
        style="border-radius: 8px; box-shadow: 0 2px 10px rgba(0,0,0,0.1); overflow: hidden; background-color: #ffffff;">
        <!-- 头部区域 -->
        <div
            style="background-color: #f8db8f; padding: 20px; color: white; display: flex; align-items: center; justify-content: center; gap: 20px;">
            <div style="text-align: center;">
                <div
                    style="font-size: 28px; font-weight: bold; display: flex; align-items: center; justify-content: center; gap: 10px;">
                    <span style="font-size: 26px;">👋</span> Hi ATao </div>
                <div style="margin-top: 10px; font-size:16px;"> 您在 <a href="${SITE_URL}"
                        style="color: white; text-decoration: underline; font-weight: 500;">${SITE_NAME}</a> 中收到一条新的评论！
                </div>
            </div> <!-- 右侧图片 --> <img src="https://cdn.atao.cyou/Web/web_250913_213324.png"
                style="display:block; max-width:100px;">
        </div> <!-- 内容区域 -->
        <div style="padding: 25px 20px;"> <!-- 原评论部分 -->
            <div style="margin-bottom: 20px;">
                <div style="font-weight: bold; margin-bottom: 10px; color: #333; font-size: 16px;">评论内容：</div>
                <div style="background-color: #f5f7fa; border-radius: 6px; padding: 15px; border: 1px solid #ebf0f5;">
                    <div style="color: #f8db8f; font-weight: 500; margin-bottom: 8px;">@${NICK}:</div>
                    <div style="color: #333; line-height: 1.6;">
                        <div style="margin-bottom: 5px;">${COMMENT}</div>
                    </div>
                </div>
            </div> <!-- 回复按钮 -->
            <div style="margin-bottom: 30px;"> <a href="${POST_URL}"
                    style="display: inline-block; background-color: #f8db8f; color: white; padding: 10px 20px; text-decoration: none; border-radius: 4px; font-weight: 500;">回复</a>
            </div> <!-- 系统提示 -->
            <div
                style="color: #86909c; font-size: 12px; text-align: center; padding-top: 15px; border-top: 1px solid #ebf0f5;">
                此邮件由系统发送，请不要回复此邮件 </div>
        </div>
    </div>
</div>

样式参考:

MAIL_TEMPLATE样式
MAIL_TEMPLATE样式

其他#

一开始配置了MAIL_TEMPLATE_ADMIN，但无论如何测试都无法收到邮件。由于我的Twikoo是通过Docker部署的，通过查看日志发现了原因：

9/12/2025, 2:05:18 PM Twikoo: 存在即时消息推送配置，默认不发送邮件给博主，您可以在管理面板修改此行为

原来是因为我配置了即时通知功能，导致Twikoo默认不发送邮件通知。取消该配置后，邮件通知功能就恢复正常了。
C
ATao

ATao

原创

twikoo邮件通知模板

分享

本博客所有文章除特别声明外，均采用 CC BY-NC-SA 4.0 许可协议, 转载请注明出处。
上一篇
markdown渲染测试
下一篇
企业微信每日提醒机器人

评论