halo-theme-dream2.0 主题设置

邮件模板配置

必须安装邮件模板管理插件

统一风格如下图

订阅文章推送

<div class="email-page" style="background:#fff;">
    <style>@media screen and (max-width: 400px) {
            .email-content {
                width: 96% !important;
            }

            .email-title {
                padding: 12px 14px !important;
                font-size: 15px !important;
            }

            .email-title .icon {
                display: none;
            }

            .email-text {
                padding: 20px 20px 0 !important;
            }

            .email-text pre {
                margin: 10px 0 !important;
            }

            .email-footer {
                padding: 10px !important;
            }
        }</style>
    <div class="email-content"
         style="width:90%;max-width:660px;margin:20px auto 30px;line-height:1.5;text-align:left;overflow:hidden;border-radius:8px;box-shadow:0 2px 12px 0 rgba(0,0,0,0.1);">
        <div style="overflow:hidden;">
            <h1 class="email-title"
                style="position:relative;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box;padding:14px 52px 14px 20px;line-height:1.6;font-size:16px;font-weight:normal;color:#fff;background:webkit-linear-gradient(-45deg,rgba(255,68,229,0.7),rgba(80,191,255,0.86),rgba(80,182,255,0.86));background:linear-gradient(-45deg,rgba(255,68,229,0.7),rgba(80,191,255,0.86),rgba(80,182,255,0.86));background-size:400% 400%;background-position:50% 100%;">
                你订阅的 [[${site.title}]] 发布新文章啦！
                <img class="icon" style="position:absolute;right:16px;top:10px;width:32px;" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAABGdBTUEAALGPC/xhBQAAAFdQTFRF////////////////////////////////////////////////////////////////////////////////////////////////////////////AAAA////LEkQMAAAABx0Uk5TX69vz4+wT3Cf0N+g7+C/UH+QIDAQ8GA/wECAAMYhZPgAAAHzSURBVFjD7ZfZuoIgEIDNcilckC1B3/85T6xSoiLdna+5qmB+ZoUpm76U7Af41wBUQnjplFwgLNE5QFk/5g951GUsgMCVtmFAEgPIm3lTmvwQgK9mbwsEdyJAa36+4n0A08e3YhU0JDSjYXuAm1Zn4YAzjbhtA2q1QZCtlBGhNtRbgEGuUr5XNpyqI8IAJtfuZL/w0F3uYiEAbiL0X25IQoMDgE7aj46LH0kvujVAOcBj2oe/OeEA0oEhrgFlsB+fAGkAJXEAQj0TLED2TxV7BwjPBAPAJwwwJuA3gHQLxF9DYAmYAVxjU7Ak4uoDiPTgzE0oM0k8gCSOdrGq69yGo4cdtFWH4OVmYz46izOXRFsEqtgb4sI9z/1SP3bX4BKZuY2mxSp98wjrmctYob/gD4UVQB+qHeLmHlMLVH/mmwB+BsC2AWztQhvnAveDSA+CuAeYqgFUNo1cFMKlURRDv5FGca4QdSGhLwC9i0wiACy9lwTg82c7nwR0XuukACr//k0AyAjOxZQM6Ju3B+Q0IPeKMwHAuzn4NkYCSv3++/prAHoG5TX0dWZ4ov20A2DzkYxoCgP6KP17HxyyhOn0A30K+MaYp2oDPtWMRceQFEIwvDOptsspOGnYxjRR3z3vWNvQntX3ZiQGRsB+f3l+gDT5A4U2phC6e4RTAAAAAElFTkSuQmCC"></img>
            </h1>
            <div class="email-text" style="padding:20px 28px;background:#fff;">
                <p style="margin:0 0 5px;padding:0;line-height:24px;font-size:14px;color:#6e6e6e;"><span
                            style="font-weight:bold;color:#50bfff;" th:text="${subscriber.displayName}"></span> ，你好!</p>
                <p style="margin:0;padding:0;line-height:24px;font-size:14px;color:#6e6e6e;">
                <div style="margin:0 0 5px;padding:0;line-height:24px;font-size:14px;color:#6e6e6e;">
                  <span style="font-weight:bold;color:#50bfff;" th:text="${postOwner}"></span> 于 
                  <span style="font-weight:bold;color:#50bfff;" th:text="${postPublishTime}"></span> 发布了文章<span style="font-weight:bold;color:#50bfff;" th:text="|《${postTitle}》|"></span>
                </div>
                <div style="margin:0;padding:0;line-height:24px;font-size:14px;color:#6e6e6e;">以下是摘要内容：</div>
                <div style="margin:12px 0;padding:14px 20px 18px 20px;word-break:break-all;color:#6e6e6e;font-size:14px;background: repeating-linear-gradient(135deg, #f3f9ff, #f3f9ff 18px, #fff 0, #fff 30px);border-radius: 8px;border: 1px solid #f3f9ff; box-shadow: 0 2px 15px rgba(73,146,161,0.15);">
                  [[${#strings.isEmpty(postExcerpt) ? '无' : postExcerpt}]]
                </div>
              <p style="margin:0 0 4px;padding:0;line-height:24px;font-size:13px;color:#6e6e6e;">
                查看详细内容请点击 <a th:href="${postUrl}" target="_blank" style="color:#50bfff;text-decoration:none;">阅读全文</a>
              </p>
              <p style="margin:0 0;padding:0;line-height:24px;font-size:13px;color:#6e6e6e;">
                如果你不想继续接收我们的邮件，可以点击 <a th:href="${cancelUrl}" target="_blank" style="color:#50bfff;text-decoration:none;">取消订阅</a>
              </p>
            </div>
            <div class="email-footer" style="padding:10px 20px;border-top:1px solid #eee;">
                <p style="margin:0;padding:0;line-height:24px;font-size:13px;color:#999;">* 注意：此邮件由 <a
                            th:href="${site.url}" target="_blank" style="color:#50bfff;text-decoration:none;">[[${site.title}]]</a>
                    自动发出，请勿回复。</p>
            </div>
        </div>
    </div>
</div>

提交订阅

<div class="email-page" style="background:#fff;">
    <style>@media screen and (max-width: 400px) {
            .email-content {
                width: 96% !important;
            }

            .email-title {
                padding: 12px 14px !important;
                font-size: 15px !important;
            }

            .email-title .icon {
                display: none;
            }

            .email-text {
                padding: 20px 20px 0 !important;
            }

            .email-text pre {
                margin: 10px 0 !important;
            }

            .email-footer {
                padding: 10px !important;
            }
        }</style>
    <div class="email-content"
         style="width:90%;max-width:660px;margin:20px auto 30px;line-height:1.5;text-align:left;overflow:hidden;border-radius:8px;box-shadow:0 2px 12px 0 rgba(0,0,0,0.1);">
        <div style="overflow:hidden;">
            <h1 class="email-title"
                style="position:relative;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box;padding:14px 52px 14px 20px;line-height:1.6;font-size:16px;font-weight:normal;color:#fff;background:webkit-linear-gradient(-45deg,rgba(255,68,229,0.7),rgba(80,191,255,0.86),rgba(80,182,255,0.86));background:linear-gradient(-45deg,rgba(255,68,229,0.7),rgba(80,191,255,0.86),rgba(80,182,255,0.86));background-size:400% 400%;background-position:50% 100%;">
                确认订阅
                <img class="icon" style="position:absolute;right:16px;top:10px;width:32px;" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAABGdBTUEAALGPC/xhBQAAAFdQTFRF////////////////////////////////////////////////////////////////////////////////////////////////////////////AAAA////LEkQMAAAABx0Uk5TX69vz4+wT3Cf0N+g7+C/UH+QIDAQ8GA/wECAAMYhZPgAAAHzSURBVFjD7ZfZuoIgEIDNcilckC1B3/85T6xSoiLdna+5qmB+ZoUpm76U7Af41wBUQnjplFwgLNE5QFk/5g951GUsgMCVtmFAEgPIm3lTmvwQgK9mbwsEdyJAa36+4n0A08e3YhU0JDSjYXuAm1Zn4YAzjbhtA2q1QZCtlBGhNtRbgEGuUr5XNpyqI8IAJtfuZL/w0F3uYiEAbiL0X25IQoMDgE7aj46LH0kvujVAOcBj2oe/OeEA0oEhrgFlsB+fAGkAJXEAQj0TLED2TxV7BwjPBAPAJwwwJuA3gHQLxF9DYAmYAVxjU7Ak4uoDiPTgzE0oM0k8gCSOdrGq69yGo4cdtFWH4OVmYz46izOXRFsEqtgb4sI9z/1SP3bX4BKZuY2mxSp98wjrmctYob/gD4UVQB+qHeLmHlMLVH/mmwB+BsC2AWztQhvnAveDSA+CuAeYqgFUNo1cFMKlURRDv5FGca4QdSGhLwC9i0wiACy9lwTg82c7nwR0XuukACr//k0AyAjOxZQM6Ju3B+Q0IPeKMwHAuzn4NkYCSv3++/prAHoG5TX0dWZ4ov20A2DzkYxoCgP6KP17HxyyhOn0A30K+MaYp2oDPtWMRceQFEIwvDOptsspOGnYxjRR3z3vWNvQntX3ZiQGRsB+f3l+gDT5A4U2phC6e4RTAAAAAElFTkSuQmCC"></img>
            </h1>
            <div class="email-text" style="padding:20px 28px;background:#fff;">
                <p style="margin:0 0 5px;padding:0;line-height:24px;font-size:14px;color:#6e6e6e;"><span
                            style="font-weight:bold;color:#50bfff;" th:text="${subscriber.displayName}"></span> ，你好!</p>
                <p style="margin:0;padding:0;line-height:24px;font-size:14px;color:#6e6e6e;">
                  <div style="margin:0 0 5px;padding:0;line-height:24px;font-size:14px;color:#6e6e6e;">
                    感谢你订阅我的博客！为了确保你能及时收到最新的文章更新，请点击下面的链接确认你的订阅：
                  </div>
                <div style="margin:12px 0;padding:14px 20px 18px 20px;word-break:break-all;color:#6e6e6e;font-size:14px;background: repeating-linear-gradient(135deg, #f3f9ff, #f3f9ff 18px, #fff 0, #fff 30px);border-radius: 8px;border: 1px solid #f3f9ff; box-shadow: 0 2px 15px rgba(73,146,161,0.15);">
                  <a th:href="${confirmUrl}" target="_blank" style="color:#50bfff;text-decoration:none;font-size: 16px;">[[${confirmUrl}]]</a>
                </div>
                <p style="margin:0 0;padding:0;line-height:24px;font-size:13px;color:#6e6e6e;">
                  如果你不想确认订阅，请忽略此电子邮件。
                </p>
            </div>
            <div class="email-footer" style="padding:10px 20px;border-top:1px solid #eee;">
                <p style="margin:0;padding:0;line-height:24px;font-size:13px;color:#999;">* 注意：此邮件由 <a
                            th:href="${site.url}" target="_blank" style="color:#50bfff;text-decoration:none;">[[${site.title}]]</a>
                    自动发出，请勿回复。</p>
            </div>
        </div>
    </div>
</div>

订阅已取消

<div class="email-page" style="background:#fff;">
    <style>@media screen and (max-width: 400px) {
            .email-content {
                width: 96% !important;
            }

            .email-title {
                padding: 12px 14px !important;
                font-size: 15px !important;
            }

            .email-title .icon {
                display: none;
            }

            .email-text {
                padding: 20px 20px 0 !important;
            }

            .email-text pre {
                margin: 10px 0 !important;
            }

            .email-footer {
                padding: 10px !important;
            }
        }</style>
    <div class="email-content"
         style="width:90%;max-width:660px;margin:20px auto 30px;line-height:1.5;text-align:left;overflow:hidden;border-radius:8px;box-shadow:0 2px 12px 0 rgba(0,0,0,0.1);">
        <div style="overflow:hidden;">
            <h1 class="email-title"
                style="position:relative;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box;padding:14px 52px 14px 20px;line-height:1.6;font-size:16px;font-weight:normal;color:#fff;background:webkit-linear-gradient(-45deg,rgba(255,68,229,0.7),rgba(80,191,255,0.86),rgba(80,182,255,0.86));background:linear-gradient(-45deg,rgba(255,68,229,0.7),rgba(80,191,255,0.86),rgba(80,182,255,0.86));background-size:400% 400%;background-position:50% 100%;">
                订阅已取消
                <img class="icon" style="position:absolute;right:16px;top:10px;width:32px;" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAABGdBTUEAALGPC/xhBQAAAFdQTFRF////////////////////////////////////////////////////////////////////////////////////////////////////////////AAAA////LEkQMAAAABx0Uk5TX69vz4+wT3Cf0N+g7+C/UH+QIDAQ8GA/wECAAMYhZPgAAAHzSURBVFjD7ZfZuoIgEIDNcilckC1B3/85T6xSoiLdna+5qmB+ZoUpm76U7Af41wBUQnjplFwgLNE5QFk/5g951GUsgMCVtmFAEgPIm3lTmvwQgK9mbwsEdyJAa36+4n0A08e3YhU0JDSjYXuAm1Zn4YAzjbhtA2q1QZCtlBGhNtRbgEGuUr5XNpyqI8IAJtfuZL/w0F3uYiEAbiL0X25IQoMDgE7aj46LH0kvujVAOcBj2oe/OeEA0oEhrgFlsB+fAGkAJXEAQj0TLED2TxV7BwjPBAPAJwwwJuA3gHQLxF9DYAmYAVxjU7Ak4uoDiPTgzE0oM0k8gCSOdrGq69yGo4cdtFWH4OVmYz46izOXRFsEqtgb4sI9z/1SP3bX4BKZuY2mxSp98wjrmctYob/gD4UVQB+qHeLmHlMLVH/mmwB+BsC2AWztQhvnAveDSA+CuAeYqgFUNo1cFMKlURRDv5FGca4QdSGhLwC9i0wiACy9lwTg82c7nwR0XuukACr//k0AyAjOxZQM6Ju3B+Q0IPeKMwHAuzn4NkYCSv3++/prAHoG5TX0dWZ4ov20A2DzkYxoCgP6KP17HxyyhOn0A30K+MaYp2oDPtWMRceQFEIwvDOptsspOGnYxjRR3z3vWNvQntX3ZiQGRsB+f3l+gDT5A4U2phC6e4RTAAAAAElFTkSuQmCC"></img>
            </h1>
            <div class="email-text" style="padding:20px 28px;background:#fff;">
                <p style="margin:0 0 5px;padding:0;line-height:24px;font-size:14px;color:#6e6e6e;"><span
                            style="font-weight:bold;color:#50bfff;" th:text="${subscriber.displayName}"></span> ，你好!</p>
                <p style="margin:0;padding:0;line-height:24px;font-size:14px;color:#6e6e6e;">
                  <div style="margin:0 0 5px;padding:0;line-height:24px;font-size:14px;color:#6e6e6e;">
                    你已成功取消订阅博客更新。感谢你一直以来的关注，我们会继续努力提供优质内容。
                  </div>
                  <div style="margin:0;padding:0;line-height:24px;font-size:14px;color:#6e6e6e;">如果你改变主意，随时欢迎点击下面的链接重新订阅。</div>
                <div style="margin:12px 0 0;padding:14px 20px 18px 20px;word-break:break-all;color:#6e6e6e;font-size:14px;background: repeating-linear-gradient(135deg, #f3f9ff, #f3f9ff 18px, #fff 0, #fff 30px);border-radius: 8px;border: 1px solid #f3f9ff; box-shadow: 0 2px 15px rgba(73,146,161,0.15);">
                  <a th:href="${confirmUrl}" target="_blank" style="color:#50bfff;text-decoration:none;font-size: 16px;">[[${confirmUrl}]]</a>
                </div>
            </div>
            <div class="email-footer" style="padding:10px 20px;border-top:1px solid #eee;">
                <p style="margin:0;padding:0;line-height:24px;font-size:13px;color:#999;">* 注意：此邮件由 <a
                            th:href="${site.url}" target="_blank" style="color:#50bfff;text-decoration:none;">[[${site.title}]]</a>
                    自动发出，请勿回复。</p>
            </div>
        </div>
    </div>
</div>

我发布的瞬间收到新评论

<div class="email-page" style="background:#fff;">
    <style>@media screen and (max-width: 400px) {
            .email-content {
                width: 96% !important;
            }

            .email-title {
                padding: 12px 14px !important;
                font-size: 15px !important;
            }

            .email-title .icon {
                display: none;
            }

            .email-text {
                padding: 20px 20px 0 !important;
            }

            .email-text pre {
                margin: 10px 0 !important;
            }

            .email-footer {
                padding: 10px !important;
            }
        }</style>
    <div class="email-content"
         style="width:90%;max-width:660px;margin:20px auto 30px;line-height:1.5;text-align:left;overflow:hidden;border-radius:8px;box-shadow:0 2px 12px 0 rgba(0,0,0,0.1);">
        <div style="overflow:hidden;">
            <h1 class="email-title"
                style="position:relative;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box;padding:14px 52px 14px 20px;line-height:1.6;font-size:16px;font-weight:normal;color:#fff;background:webkit-linear-gradient(-45deg,rgba(255,68,229,0.7),rgba(80,191,255,0.86),rgba(80,182,255,0.86));background:linear-gradient(-45deg,rgba(255,68,229,0.7),rgba(80,191,255,0.86),rgba(80,182,255,0.86));background-size:400% 400%;background-position:50% 100%;">
                你的瞬间有新的评论啦！
                <img class="icon" style="position:absolute;right:16px;top:10px;width:32px;" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAABGdBTUEAALGPC/xhBQAAAFdQTFRF////////////////////////////////////////////////////////////////////////////////////////////////////////////AAAA////LEkQMAAAABx0Uk5TX69vz4+wT3Cf0N+g7+C/UH+QIDAQ8GA/wECAAMYhZPgAAAHzSURBVFjD7ZfZuoIgEIDNcilckC1B3/85T6xSoiLdna+5qmB+ZoUpm76U7Af41wBUQnjplFwgLNE5QFk/5g951GUsgMCVtmFAEgPIm3lTmvwQgK9mbwsEdyJAa36+4n0A08e3YhU0JDSjYXuAm1Zn4YAzjbhtA2q1QZCtlBGhNtRbgEGuUr5XNpyqI8IAJtfuZL/w0F3uYiEAbiL0X25IQoMDgE7aj46LH0kvujVAOcBj2oe/OeEA0oEhrgFlsB+fAGkAJXEAQj0TLED2TxV7BwjPBAPAJwwwJuA3gHQLxF9DYAmYAVxjU7Ak4uoDiPTgzE0oM0k8gCSOdrGq69yGo4cdtFWH4OVmYz46izOXRFsEqtgb4sI9z/1SP3bX4BKZuY2mxSp98wjrmctYob/gD4UVQB+qHeLmHlMLVH/mmwB+BsC2AWztQhvnAveDSA+CuAeYqgFUNo1cFMKlURRDv5FGca4QdSGhLwC9i0wiACy9lwTg82c7nwR0XuukACr//k0AyAjOxZQM6Ju3B+Q0IPeKMwHAuzn4NkYCSv3++/prAHoG5TX0dWZ4ov20A2DzkYxoCgP6KP17HxyyhOn0A30K+MaYp2oDPtWMRceQFEIwvDOptsspOGnYxjRR3z3vWNvQntX3ZiQGRsB+f3l+gDT5A4U2phC6e4RTAAAAAElFTkSuQmCC"></img>
            </h1>
            <div class="email-text" style="padding:20px 28px;background:#fff;">
              <p style="margin:0 0 5px;padding:0;line-height:24px;font-size:14px;color:#6e6e6e;"><span
                            style="font-weight:bold;color:#50bfff;">[[${subscriber.displayName}]]</span> ，你好!</p>
                <p style="margin:0 0 5px;padding:0;line-height:24px;font-size:14px;color:#6e6e6e;">
                  <a
                   th:href="${momentUrl}"
                   target="_blank"
                   style="display: block;font-style: italic;"
                   th:utext="${momentHtmlContent}"
                  >
                  </a>
                </p>
                <p style="margin:0;padding:0;line-height:24px;font-size:14px;color:#6e6e6e;"><span
                            style="color:#50bfff;"> [[${commenter}]] </span>发表评论：
                <div style="margin:12px 0;padding:14px 20px 18px 20px;white-space:pre-line;word-break:break-all;color:#6e6e6e;font-size:14px;background: repeating-linear-gradient(135deg, #f3f9ff, #f3f9ff 18px, #fff 0, #fff 30px);border-radius: 8px;border: 1px solid #f3f9ff; box-shadow: 0 2px 15px rgba(73,146,161,0.15);">[[${content}]]</div>
                <p style="margin:0;padding:0;line-height:24px;font-size:13px;color:#6e6e6e;">
                    <a th:href="${momentUrl}" target="_blank" style="color:#5caaef;text-decoration:none;">点击查看完整评论</a>
                </p>
            </div>
            <div class="email-footer" style="padding:10px 20px;border-top:1px solid #eee;">
                <p style="margin:0;padding:0;line-height:24px;font-size:13px;color:#999;">* 注意：此邮件由 <a
                            th:href="${site.url}" target="_blank" style="color:#50bfff;text-decoration:none;">[[${site.title}]]</a>
                    自动发出，请勿回复。</p>
            </div>
        </div>
    </div>
</div>

根据邮件地址重置密码

<div class="email-page" style="background:#fff;">
    <style>@media screen and (max-width: 400px) {
            .email-content {
                width: 96% !important;
            }

            .email-title {
                padding: 12px 14px !important;
                font-size: 15px !important;
            }

            .email-title .icon {
                display: none;
            }

            .email-text {
                padding: 20px 20px 0 !important;
            }

            .email-text pre {
                margin: 10px 0 !important;
            }

            .email-footer {
                padding: 10px !important;
            }
        }</style>
    <div class="email-content"
         style="width:90%;max-width:660px;margin:20px auto 30px;line-height:1.5;text-align:left;overflow:hidden;border-radius:8px;box-shadow:0 2px 12px 0 rgba(0,0,0,0.1);">
        <div style="overflow:hidden;">
            <h1 class="email-title"
                style="position:relative;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box;padding:14px 52px 14px 20px;line-height:1.6;font-size:16px;font-weight:normal;color:#fff;background:webkit-linear-gradient(-45deg,rgba(255,68,229,0.7),rgba(80,191,255,0.86),rgba(80,182,255,0.86));background:linear-gradient(-45deg,rgba(255,68,229,0.7),rgba(80,191,255,0.86),rgba(80,182,255,0.86));background-size:400% 400%;background-position:50% 100%;">
                重置密码
                <img class="icon" style="position:absolute;right:16px;top:10px;width:32px;" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAABGdBTUEAALGPC/xhBQAAAFdQTFRF////////////////////////////////////////////////////////////////////////////////////////////////////////////AAAA////LEkQMAAAABx0Uk5TX69vz4+wT3Cf0N+g7+C/UH+QIDAQ8GA/wECAAMYhZPgAAAHzSURBVFjD7ZfZuoIgEIDNcilckC1B3/85T6xSoiLdna+5qmB+ZoUpm76U7Af41wBUQnjplFwgLNE5QFk/5g951GUsgMCVtmFAEgPIm3lTmvwQgK9mbwsEdyJAa36+4n0A08e3YhU0JDSjYXuAm1Zn4YAzjbhtA2q1QZCtlBGhNtRbgEGuUr5XNpyqI8IAJtfuZL/w0F3uYiEAbiL0X25IQoMDgE7aj46LH0kvujVAOcBj2oe/OeEA0oEhrgFlsB+fAGkAJXEAQj0TLED2TxV7BwjPBAPAJwwwJuA3gHQLxF9DYAmYAVxjU7Ak4uoDiPTgzE0oM0k8gCSOdrGq69yGo4cdtFWH4OVmYz46izOXRFsEqtgb4sI9z/1SP3bX4BKZuY2mxSp98wjrmctYob/gD4UVQB+qHeLmHlMLVH/mmwB+BsC2AWztQhvnAveDSA+CuAeYqgFUNo1cFMKlURRDv5FGca4QdSGhLwC9i0wiACy9lwTg82c7nwR0XuukACr//k0AyAjOxZQM6Ju3B+Q0IPeKMwHAuzn4NkYCSv3++/prAHoG5TX0dWZ4ov20A2DzkYxoCgP6KP17HxyyhOn0A30K+MaYp2oDPtWMRceQFEIwvDOptsspOGnYxjRR3z3vWNvQntX3ZiQGRsB+f3l+gDT5A4U2phC6e4RTAAAAAElFTkSuQmCC"></img>
            </h1>
            <div class="email-text" style="padding:20px 28px;background:#fff;">
                <p style="margin:0 0 5px;padding:0;line-height:24px;font-size:14px;color:#6e6e6e;"><span
                            style="font-weight:bold;color:#50bfff;" th:text="${username}"></span> ，你好!</p>
                <p style="margin:0;padding:0;line-height:24px;font-size:14px;color:#6e6e6e;">
                  你已经请求了重置密码，可以点击下面的链接来重置密码：
                <div style="margin:12px 0;padding:14px 20px 18px 20px;word-break:break-all;color:#6e6e6e;font-size:14px;background: repeating-linear-gradient(135deg, #f3f9ff, #f3f9ff 18px, #fff 0, #fff 30px);border-radius: 8px;border: 1px solid #f3f9ff; box-shadow: 0 2px 15px rgba(73,146,161,0.15);">
                  <a th:href="${link}" target="_blank" style="color:#50bfff;text-decoration:none;font-size: 16px;">[[${link}]]</a></div>
               <p style="margin:0 0 4px;padding:0;line-height:24px;font-size:13px;color:#6e6e6e;">
                 链接有效期为 <span style="font-weight:bold;color:#50bfff;" th:text="${expirationAtMinutes}"></span> 分钟，请尽快完成重置。
               </p>
               <p style="margin:0;padding:0;line-height:24px;font-size:13px;color:#6e6e6e;">
                 如果你没有请求重置密码，请忽略此电子邮件。
                </p>
            </div>
            <div class="email-footer" style="padding:10px 20px;border-top:1px solid #eee;">
                <p style="margin:0;padding:0;line-height:24px;font-size:13px;color:#999;">* 注意：此邮件由 <a
                            th:href="${site.url}" target="_blank" style="color:#50bfff;text-decoration:none;">[[${site.title}]]</a>
                    自动发出，请勿回复。</p>
            </div>
        </div>
    </div>
</div>

邮箱验证

<div class="email-page" style="background:#fff;">
    <style>@media screen and (max-width: 400px) {
            .email-content {
                width: 96% !important;
            }

            .email-title {
                padding: 12px 14px !important;
                font-size: 15px !important;
            }

            .email-title .icon {
                display: none;
            }

            .email-text {
                padding: 20px 20px 0 !important;
            }

            .email-text pre {
                margin: 10px 0 !important;
            }

            .email-footer {
                padding: 10px !important;
            }
        }</style>
    <div class="email-content"
         style="width:90%;max-width:660px;margin:20px auto 30px;line-height:1.5;text-align:left;overflow:hidden;border-radius:8px;box-shadow:0 2px 12px 0 rgba(0,0,0,0.1);">
        <div style="overflow:hidden;">
            <h1 class="email-title"
                style="position:relative;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box;padding:14px 52px 14px 20px;line-height:1.6;font-size:16px;font-weight:normal;color:#fff;background:webkit-linear-gradient(-45deg,rgba(255,68,229,0.7),rgba(80,191,255,0.86),rgba(80,182,255,0.86));background:linear-gradient(-45deg,rgba(255,68,229,0.7),rgba(80,191,255,0.86),rgba(80,182,255,0.86));background-size:400% 400%;background-position:50% 100%;">
                验证你的电子邮件地址
                <img class="icon" style="position:absolute;right:16px;top:10px;width:32px;" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAABGdBTUEAALGPC/xhBQAAAFdQTFRF////////////////////////////////////////////////////////////////////////////////////////////////////////////AAAA////LEkQMAAAABx0Uk5TX69vz4+wT3Cf0N+g7+C/UH+QIDAQ8GA/wECAAMYhZPgAAAHzSURBVFjD7ZfZuoIgEIDNcilckC1B3/85T6xSoiLdna+5qmB+ZoUpm76U7Af41wBUQnjplFwgLNE5QFk/5g951GUsgMCVtmFAEgPIm3lTmvwQgK9mbwsEdyJAa36+4n0A08e3YhU0JDSjYXuAm1Zn4YAzjbhtA2q1QZCtlBGhNtRbgEGuUr5XNpyqI8IAJtfuZL/w0F3uYiEAbiL0X25IQoMDgE7aj46LH0kvujVAOcBj2oe/OeEA0oEhrgFlsB+fAGkAJXEAQj0TLED2TxV7BwjPBAPAJwwwJuA3gHQLxF9DYAmYAVxjU7Ak4uoDiPTgzE0oM0k8gCSOdrGq69yGo4cdtFWH4OVmYz46izOXRFsEqtgb4sI9z/1SP3bX4BKZuY2mxSp98wjrmctYob/gD4UVQB+qHeLmHlMLVH/mmwB+BsC2AWztQhvnAveDSA+CuAeYqgFUNo1cFMKlURRDv5FGca4QdSGhLwC9i0wiACy9lwTg82c7nwR0XuukACr//k0AyAjOxZQM6Ju3B+Q0IPeKMwHAuzn4NkYCSv3++/prAHoG5TX0dWZ4ov20A2DzkYxoCgP6KP17HxyyhOn0A30K+MaYp2oDPtWMRceQFEIwvDOptsspOGnYxjRR3z3vWNvQntX3ZiQGRsB+f3l+gDT5A4U2phC6e4RTAAAAAElFTkSuQmCC"></img>
            </h1>
            <div class="email-text" style="padding:20px 28px;background:#fff;">
                <p style="margin:0 0 5px;padding:0;line-height:24px;font-size:14px;color:#6e6e6e;"><span
                            style="font-weight:bold;color:#50bfff;" th:text="${username}"></span> ，你好!</p>
                <p style="margin:0;padding:0;line-height:24px;font-size:14px;color:#6e6e6e;">
                  使用下面的动态验证码（OTP）验证你的电子邮件地址。
                <div style="margin:12px 0;padding:14px 20px 18px 20px;word-break:break-all;color:#6e6e6e;font-size:14px;background: repeating-linear-gradient(135deg, #f3f9ff, #f3f9ff 18px, #fff 0, #fff 30px);border-radius: 8px;border: 1px solid #f3f9ff; box-shadow: 0 2px 15px rgba(73,146,161,0.15);text-align: center;">
                  <span style="font-weight:bold;color:#50bfff;font-size: 24px;" th:text="${code}"></span></div>
               <p style="margin:0 0 4px;padding:0;line-height:24px;font-size:13px;color:#6e6e6e;">
                 动态验证码的有效期为 <span style="font-weight:bold;color:#50bfff;" th:text="${expirationAtMinutes}"></span> 分钟。
               </p>
               <p style="margin:0;padding:0;line-height:24px;font-size:13px;color:#6e6e6e;">
                 如果你没有尝试验证你的电子邮件地址，请忽略此电子邮件。
                </p>
            </div>
            <div class="email-footer" style="padding:10px 20px;border-top:1px solid #eee;">
                <p style="margin:0;padding:0;line-height:24px;font-size:13px;color:#999;">* 注意：此邮件由 <a
                            th:href="${site.url}" target="_blank" style="color:#50bfff;text-decoration:none;">[[${site.title}]]</a>
                    自动发出，请勿回复。</p>
            </div>
        </div>
    </div>
</div>

我的自定义页面收到新评论

<div class="email-page" style="background:#fff;">
    <style>@media screen and (max-width: 400px) {
            .email-content {
                width: 96% !important;
            }

            .email-title {
                padding: 12px 14px !important;
                font-size: 15px !important;
            }

            .email-title .icon {
                display: none;
            }

            .email-text {
                padding: 20px 20px 0 !important;
            }

            .email-text pre {
                margin: 10px 0 !important;
            }

            .email-footer {
                padding: 10px !important;
            }
        }</style>
    <div class="email-content"
         style="width:90%;max-width:660px;margin:20px auto 30px;line-height:1.5;text-align:left;overflow:hidden;border-radius:8px;box-shadow:0 2px 12px 0 rgba(0,0,0,0.1);">
        <div style="overflow:hidden;">
            <h1 class="email-title"
                style="position:relative;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box;padding:14px 52px 14px 20px;line-height:1.6;font-size:16px;font-weight:normal;color:#fff;background:webkit-linear-gradient(-45deg,rgba(255,68,229,0.7),rgba(80,191,255,0.86),rgba(80,182,255,0.86));background:linear-gradient(-45deg,rgba(255,68,229,0.7),rgba(80,191,255,0.86),rgba(80,182,255,0.86));background-size:400% 400%;background-position:50% 100%;">
                你的页面有新的评论啦！
                <img class="icon" style="position:absolute;right:16px;top:10px;width:32px;" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAABGdBTUEAALGPC/xhBQAAAFdQTFRF////////////////////////////////////////////////////////////////////////////////////////////////////////////AAAA////LEkQMAAAABx0Uk5TX69vz4+wT3Cf0N+g7+C/UH+QIDAQ8GA/wECAAMYhZPgAAAHzSURBVFjD7ZfZuoIgEIDNcilckC1B3/85T6xSoiLdna+5qmB+ZoUpm76U7Af41wBUQnjplFwgLNE5QFk/5g951GUsgMCVtmFAEgPIm3lTmvwQgK9mbwsEdyJAa36+4n0A08e3YhU0JDSjYXuAm1Zn4YAzjbhtA2q1QZCtlBGhNtRbgEGuUr5XNpyqI8IAJtfuZL/w0F3uYiEAbiL0X25IQoMDgE7aj46LH0kvujVAOcBj2oe/OeEA0oEhrgFlsB+fAGkAJXEAQj0TLED2TxV7BwjPBAPAJwwwJuA3gHQLxF9DYAmYAVxjU7Ak4uoDiPTgzE0oM0k8gCSOdrGq69yGo4cdtFWH4OVmYz46izOXRFsEqtgb4sI9z/1SP3bX4BKZuY2mxSp98wjrmctYob/gD4UVQB+qHeLmHlMLVH/mmwB+BsC2AWztQhvnAveDSA+CuAeYqgFUNo1cFMKlURRDv5FGca4QdSGhLwC9i0wiACy9lwTg82c7nwR0XuukACr//k0AyAjOxZQM6Ju3B+Q0IPeKMwHAuzn4NkYCSv3++/prAHoG5TX0dWZ4ov20A2DzkYxoCgP6KP17HxyyhOn0A30K+MaYp2oDPtWMRceQFEIwvDOptsspOGnYxjRR3z3vWNvQntX3ZiQGRsB+f3l+gDT5A4U2phC6e4RTAAAAAElFTkSuQmCC"></img>
            </h1>
            <div class="email-text" style="padding:20px 28px;background:#fff;">
                <p style="margin:0 0 5px;padding:0;line-height:24px;font-size:14px;color:#6e6e6e;"><span
                            style="font-weight:bold;color:#50bfff;">[[${pageOwner}]]</span> ，你好!</p>
                <p style="margin:0;padding:0;line-height:24px;font-size:14px;color:#6e6e6e;"><span
                            style="color:#50bfff;"> [[${commenter}]] </span>在<a th:href="${pageUrl}" target="_blank"
                                                                                style="color:#50bfff;text-decoration:none;">《[[${pageTitle}]]》</a>发表评论：
                <div style="margin:12px 0;padding:14px 20px 18px 20px;white-space:pre-line;word-break:break-all;color:#6e6e6e;font-size:14px;background: repeating-linear-gradient(135deg, #f3f9ff, #f3f9ff 18px, #fff 0, #fff 30px);border-radius: 8px;border: 1px solid #f3f9ff; box-shadow: 0 2px 15px rgba(73,146,161,0.15);">[[${content}]]</div>
                <p style="margin:0;padding:0;line-height:24px;font-size:13px;color:#6e6e6e;">
                    <a th:href="${pageUrl}" target="_blank" style="color:#5caaef;text-decoration:none;">点击查看完整评论</a>
                </p>
            </div>
            <div class="email-footer" style="padding:10px 20px;border-top:1px solid #eee;">
                <p style="margin:0;padding:0;line-height:24px;font-size:13px;color:#999;">* 注意：此邮件由 <a
                            th:href="${site.url}" target="_blank" style="color:#50bfff;text-decoration:none;">[[${site.title}]]</a>
                    自动发出，请勿回复。</p>
            </div>
        </div>
    </div>
</div>

我的文章收到新评论

<div class="email-page" style="background:#fff;">
    <style>@media screen and (max-width: 400px) {
            .email-content {
                width: 96% !important;
            }

            .email-title {
                padding: 12px 14px !important;
                font-size: 15px !important;
            }

            .email-title .icon {
                display: none;
            }

            .email-text {
                padding: 20px 20px 0 !important;
            }

            .email-text pre {
                margin: 10px 0 !important;
            }

            .email-footer {
                padding: 10px !important;
            }
        }</style>
    <div class="email-content"
         style="width:90%;max-width:660px;margin:20px auto 30px;line-height:1.5;text-align:left;overflow:hidden;border-radius:8px;box-shadow:0 2px 12px 0 rgba(0,0,0,0.1);">
        <div style="overflow:hidden;">
            <h1 class="email-title"
                style="position:relative;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box;padding:14px 52px 14px 20px;line-height:1.6;font-size:16px;font-weight:normal;color:#fff;background:webkit-linear-gradient(-45deg,rgba(255,68,229,0.7),rgba(80,191,255,0.86),rgba(80,182,255,0.86));background:linear-gradient(-45deg,rgba(255,68,229,0.7),rgba(80,191,255,0.86),rgba(80,182,255,0.86));background-size:400% 400%;background-position:50% 100%;">
                你的文章有新的评论啦！
                <img class="icon" style="position:absolute;right:16px;top:10px;width:32px;" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAABGdBTUEAALGPC/xhBQAAAFdQTFRF////////////////////////////////////////////////////////////////////////////////////////////////////////////AAAA////LEkQMAAAABx0Uk5TX69vz4+wT3Cf0N+g7+C/UH+QIDAQ8GA/wECAAMYhZPgAAAHzSURBVFjD7ZfZuoIgEIDNcilckC1B3/85T6xSoiLdna+5qmB+ZoUpm76U7Af41wBUQnjplFwgLNE5QFk/5g951GUsgMCVtmFAEgPIm3lTmvwQgK9mbwsEdyJAa36+4n0A08e3YhU0JDSjYXuAm1Zn4YAzjbhtA2q1QZCtlBGhNtRbgEGuUr5XNpyqI8IAJtfuZL/w0F3uYiEAbiL0X25IQoMDgE7aj46LH0kvujVAOcBj2oe/OeEA0oEhrgFlsB+fAGkAJXEAQj0TLED2TxV7BwjPBAPAJwwwJuA3gHQLxF9DYAmYAVxjU7Ak4uoDiPTgzE0oM0k8gCSOdrGq69yGo4cdtFWH4OVmYz46izOXRFsEqtgb4sI9z/1SP3bX4BKZuY2mxSp98wjrmctYob/gD4UVQB+qHeLmHlMLVH/mmwB+BsC2AWztQhvnAveDSA+CuAeYqgFUNo1cFMKlURRDv5FGca4QdSGhLwC9i0wiACy9lwTg82c7nwR0XuukACr//k0AyAjOxZQM6Ju3B+Q0IPeKMwHAuzn4NkYCSv3++/prAHoG5TX0dWZ4ov20A2DzkYxoCgP6KP17HxyyhOn0A30K+MaYp2oDPtWMRceQFEIwvDOptsspOGnYxjRR3z3vWNvQntX3ZiQGRsB+f3l+gDT5A4U2phC6e4RTAAAAAElFTkSuQmCC"></img>
            </h1>
            <div class="email-text" style="padding:20px 28px;background:#fff;">
                <p style="margin:0 0 5px;padding:0;line-height:24px;font-size:14px;color:#6e6e6e;"><span
                            style="font-weight:bold;color:#50bfff;">[[${postOwner}]]</span> ，你好!</p>
                <p style="margin:0;padding:0;line-height:24px;font-size:14px;color:#6e6e6e;"><span
                            style="color:#50bfff;"> [[${commenter}]] </span>在<a th:href="${postUrl}" target="_blank"
                                                                                style="color:#50bfff;text-decoration:none;">《[[${postTitle}]]》</a>发表评论：
                <div style="margin:12px 0;padding:14px 20px 18px 20px;white-space:pre-line;word-break:break-all;color:#6e6e6e;font-size:14px;background: repeating-linear-gradient(135deg, #f3f9ff, #f3f9ff 18px, #fff 0, #fff 30px);border-radius: 8px;border: 1px solid #f3f9ff; box-shadow: 0 2px 15px rgba(73,146,161,0.15);">[[${content}]]</div>
                <p style="margin:0;padding:0;line-height:24px;font-size:13px;color:#6e6e6e;">
                    <a th:href="${postUrl}" target="_blank" style="color:#5caaef;text-decoration:none;">点击查看完整评论</a>
                </p>
            </div>
            <div class="email-footer" style="padding:10px 20px;border-top:1px solid #eee;">
                <p style="margin:0;padding:0;line-height:24px;font-size:13px;color:#999;">* 注意：此邮件由 <a
                            th:href="${site.url}" target="_blank" style="color:#50bfff;text-decoration:none;">[[${site.title}]]</a>
                    自动发出，请勿回复。</p>
            </div>
        </div>
    </div>
</div>

有人回复了我

<div class="email-page" style="background:#fff;">
    <style>@media screen and (max-width: 400px) {
            .email-content {
                width: 96% !important;
            }

            .email-title {
                padding: 12px 14px !important;
                font-size: 15px !important;
            }

            .email-title .icon {
                display: none;
            }

            .email-text {
                padding: 20px 20px 0 !important;
            }

            .email-text pre {
                margin: 10px 0 !important;
            }

            .email-footer {
                padding: 10px !important;
            }
        }</style>
    <div class="email-content"
         style="width:90%;max-width:660px;margin:20px auto 30px;line-height:1.5;text-align:left;overflow:hidden;border-radius:8px;box-shadow:0 2px 12px 0 rgba(0,0,0,0.1);">
        <div style="overflow:hidden;">
            <h1 class="email-title"
                style="position:relative;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box;padding:14px 52px 14px 20px;line-height:1.6;font-size:16px;font-weight:normal;color:#fff;background:webkit-linear-gradient(-45deg,rgba(255,68,229,0.7),rgba(80,191,255,0.86),rgba(80,182,255,0.86));background:linear-gradient(-45deg,rgba(255,68,229,0.7),rgba(80,191,255,0.86),rgba(80,182,255,0.86));background-size:400% 400%;background-position:50% 100%;">
                Dear, 你的评论有新的回复啦！
                <img class="icon" style="position:absolute;right:16px;top:10px;width:32px;"
                     src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAABGdBTUEAALGPC/xhBQAAAFdQTFRF////////////////////////////////////////////////////////////////////////////////////////////////////////////AAAA////LEkQMAAAABx0Uk5TX69vz4+wT3Cf0N+g7+C/UH+QIDAQ8GA/wECAAMYhZPgAAAHzSURBVFjD7ZfZuoIgEIDNcilckC1B3/85T6xSoiLdna+5qmB+ZoUpm76U7Af41wBUQnjplFwgLNE5QFk/5g951GUsgMCVtmFAEgPIm3lTmvwQgK9mbwsEdyJAa36+4n0A08e3YhU0JDSjYXuAm1Zn4YAzjbhtA2q1QZCtlBGhNtRbgEGuUr5XNpyqI8IAJtfuZL/w0F3uYiEAbiL0X25IQoMDgE7aj46LH0kvujVAOcBj2oe/OeEA0oEhrgFlsB+fAGkAJXEAQj0TLED2TxV7BwjPBAPAJwwwJuA3gHQLxF9DYAmYAVxjU7Ak4uoDiPTgzE0oM0k8gCSOdrGq69yGo4cdtFWH4OVmYz46izOXRFsEqtgb4sI9z/1SP3bX4BKZuY2mxSp98wjrmctYob/gD4UVQB+qHeLmHlMLVH/mmwB+BsC2AWztQhvnAveDSA+CuAeYqgFUNo1cFMKlURRDv5FGca4QdSGhLwC9i0wiACy9lwTg82c7nwR0XuukACr//k0AyAjOxZQM6Ju3B+Q0IPeKMwHAuzn4NkYCSv3++/prAHoG5TX0dWZ4ov20A2DzkYxoCgP6KP17HxyyhOn0A30K+MaYp2oDPtWMRceQFEIwvDOptsspOGnYxjRR3z3vWNvQntX3ZiQGRsB+f3l+gDT5A4U2phC6e4RTAAAAAElFTkSuQmCC"></img>
            </h1>
            <div class="email-text" style="padding:20px 28px;background:#fff;">
                <p style="margin:5px 0 5px;padding:0;line-height:24px;font-size:14px;color:#6e6e6e;"><span
                            style="font-weight:bold;color:#50bfff">[[${subscriber.displayName}]]</span> ，你好!</p>
                <p style="padding:0;line-height:24px;font-size:14px;color:#6e6e6e;">
                  <span th:text="${replier}"></span> 在评论
                </p>  
                <div style="margin:12px 0 18px;padding:14px 20px 18px 20px;word-break:break-all;color:#6e6e6e;font-size:14px;background: repeating-linear-gradient(135deg, #f3f9ff, #f3f9ff 18px, #fff 0, #fff 30px);border-radius: 8px;border: 1px solid #f3f9ff; box-shadow: 0 2px 15px rgba(73,146,161,0.15);">
                  <span style="color:#50bfff;" th:text="|”${isQuoteReply ? quoteContent : commentContent}”|"></span></div>
                <p style="padding:0;line-height:24px;font-size:14px;color:#6e6e6e;">
                  中回复了你：</p>
                <div style="margin:12px 0;padding:14px 20px 18px 20px;white-space:pre-line;word-break:break-all;color:#6e6e6e;font-size:14px;background: repeating-linear-gradient(135deg, #f3f9ff, #f3f9ff 18px, #fff 0, #fff 30px);border-radius: 8px;border: 1px solid #f3f9ff; box-shadow: 0 2px 15px rgba(73,146,161,0.15);">[[${content}]]</div>
                <p style="margin:0;padding:0;line-height:24px;font-size:13px;color:#6e6e6e;">
                    <a th:href="${commentSubjectUrl}" target="_blank" style="color:#5c8fef;text-decoration:none;">点击查看完整回复</a>
                </p>
            </div>
            <div class="email-footer" style="padding:10px 20px;border-top:1px solid #eee;">
                <p style="margin:0;padding:0;line-height:24px;font-size:13px;color:#999;">* 注意：此邮件由 <a
                            th:href="${site.url}" target="_blank" style="color:#50bfff;text-decoration:none;">[[${site.title}]]</a>
                    自动发出，请勿回复。</p>
            </div>
        </div>
    </div>
</div>

新设备登录

<div class="email-page" style="background:#fff;">
    <style>@media screen and (max-width: 400px) {
            .email-content {
                width: 96% !important;
            }

            .email-title {
                padding: 12px 14px !important;
                font-size: 15px !important;
            }

            .email-title .icon {
                display: none;
            }

            .email-text {
                padding: 20px 20px 0 !important;
            }

            .email-text pre {
                margin: 10px 0 !important;
            }

            .email-footer {
                padding: 10px !important;
            }
        }</style>
    <div class="email-content"
         style="width:90%;max-width:660px;margin:20px auto 30px;line-height:1.5;text-align:left;overflow:hidden;border-radius:8px;box-shadow:0 2px 12px 0 rgba(0,0,0,0.1);">
        <div style="overflow:hidden;">
            <h1 class="email-title"
                style="position:relative;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box;padding:14px 52px 14px 20px;line-height:1.6;font-size:16px;font-weight:normal;color:#fff;background:webkit-linear-gradient(-45deg,rgba(255,68,229,0.7),rgba(80,191,255,0.86),rgba(80,182,255,0.86));background:linear-gradient(-45deg,rgba(255,68,229,0.7),rgba(80,191,255,0.86),rgba(80,182,255,0.86));background-size:400% 400%;background-position:50% 100%;">
                你的账号在新的设备上登录
                <img class="icon" style="position:absolute;right:16px;top:10px;width:32px;" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAABGdBTUEAALGPC/xhBQAAAFdQTFRF////////////////////////////////////////////////////////////////////////////////////////////////////////////AAAA////LEkQMAAAABx0Uk5TX69vz4+wT3Cf0N+g7+C/UH+QIDAQ8GA/wECAAMYhZPgAAAHzSURBVFjD7ZfZuoIgEIDNcilckC1B3/85T6xSoiLdna+5qmB+ZoUpm76U7Af41wBUQnjplFwgLNE5QFk/5g951GUsgMCVtmFAEgPIm3lTmvwQgK9mbwsEdyJAa36+4n0A08e3YhU0JDSjYXuAm1Zn4YAzjbhtA2q1QZCtlBGhNtRbgEGuUr5XNpyqI8IAJtfuZL/w0F3uYiEAbiL0X25IQoMDgE7aj46LH0kvujVAOcBj2oe/OeEA0oEhrgFlsB+fAGkAJXEAQj0TLED2TxV7BwjPBAPAJwwwJuA3gHQLxF9DYAmYAVxjU7Ak4uoDiPTgzE0oM0k8gCSOdrGq69yGo4cdtFWH4OVmYz46izOXRFsEqtgb4sI9z/1SP3bX4BKZuY2mxSp98wjrmctYob/gD4UVQB+qHeLmHlMLVH/mmwB+BsC2AWztQhvnAveDSA+CuAeYqgFUNo1cFMKlURRDv5FGca4QdSGhLwC9i0wiACy9lwTg82c7nwR0XuukACr//k0AyAjOxZQM6Ju3B+Q0IPeKMwHAuzn4NkYCSv3++/prAHoG5TX0dWZ4ov20A2DzkYxoCgP6KP17HxyyhOn0A30K+MaYp2oDPtWMRceQFEIwvDOptsspOGnYxjRR3z3vWNvQntX3ZiQGRsB+f3l+gDT5A4U2phC6e4RTAAAAAElFTkSuQmCC"></img>
            </h1>
            <div class="email-text" style="padding:20px 28px;background:#fff;">
                <p style="margin:0 0 5px;padding:0;line-height:24px;font-size:14px;color:#6e6e6e;"><span
                            style="font-weight:bold;color:#50bfff;" th:text="|${subscriber.displayName}|"></span> ，你好!</p>
                <p style="margin:0;padding:0;line-height:24px;font-size:14px;color:#6e6e6e;">
                  你的 <span style="font-weight:bold;color:#50bfff;" th:text="${site.title}"></span> 
                  账号被用于在 
                  <span style="font-weight:bold;color:#50bfff;" th:text="${os}"></span> 的 
                  <span style="font-weight:bold;color:#50bfff;" th:text="${browser}"></span> 上登录：
                </p>
                <div style="margin:12px 0;padding:14px 20px 18px 20px;word-break:break-all;color:#6e6e6e;font-size:14px;background: repeating-linear-gradient(135deg, #f3f9ff, #f3f9ff 18px, #fff 0, #fff 30px);border-radius: 8px;border: 1px solid #f3f9ff; box-shadow: 0 2px 15px rgba(73,146,161,0.15);">
                  <p style="line-height:24px;">时间：<span style="font-weight:bold;color:#50bfff;" th:text="${loginTime}"></span></p>
                  <p style="line-height:24px;margin-top: 4px;">IP 地址：<span style="font-weight:bold;color:#50bfff;" th:text="${ipAddress}"></span></p>
                </div>
               <p style="margin:0 0 4px;padding:0;line-height:24px;font-size:13px;color:#6e6e6e;">如果你知悉上述信息，请忽略此电子邮件。</p>
               <p style="margin:0;padding:0;line-height:24px;font-size:13px;color:#6e6e6e;">
                 如果你最近没有使用你的 <span style="font-weight:bold;color:#50bfff;" th:text="${site.title}"></span> 账号登录并相信有人可能访问了你的账户，请尽快重设你的密码。
               </p>
            </div>
            <div class="email-footer" style="padding:10px 20px;border-top:1px solid #eee;">
                <p style="margin:0;padding:0;line-height:24px;font-size:13px;color:#999;">* 注意：此邮件由 <a
                            th:href="${site.url}" target="_blank" style="color:#50bfff;text-decoration:none;">[[${site.title}]]</a>
                    自动发出，请勿回复。</p>
            </div>
        </div>
    </div>
</div>

用户初始化密码

<div class="email-page" style="background:#fff;">
    <style>@media screen and (max-width: 400px) {
            .email-content {
                width: 96% !important;
            }

            .email-title {
                padding: 12px 14px !important;
                font-size: 15px !important;
            }

            .email-title .icon {
                display: none;
            }

            .email-text {
                padding: 20px 20px 0 !important;
            }

            .email-text pre {
                margin: 10px 0 !important;
            }

            .email-footer {
                padding: 10px !important;
            }
        }</style>
    <div class="email-content"
         style="width:90%;max-width:660px;margin:20px auto 30px;line-height:1.5;text-align:left;overflow:hidden;border-radius:8px;box-shadow:0 2px 12px 0 rgba(0,0,0,0.1);">
        <div style="overflow:hidden;">
            <h1 class="email-title"
                style="position:relative;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box;padding:14px 52px 14px 20px;line-height:1.6;font-size:16px;font-weight:normal;color:#fff;background:webkit-linear-gradient(-45deg,rgba(255,68,229,0.7),rgba(80,191,255,0.86),rgba(80,182,255,0.86));background:linear-gradient(-45deg,rgba(255,68,229,0.7),rgba(80,191,255,0.86),rgba(80,182,255,0.86));background-size:400% 400%;background-position:50% 100%;">
                初始化密码
                <img class="icon" style="position:absolute;right:16px;top:10px;width:32px;" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAABGdBTUEAALGPC/xhBQAAAFdQTFRF////////////////////////////////////////////////////////////////////////////////////////////////////////////AAAA////LEkQMAAAABx0Uk5TX69vz4+wT3Cf0N+g7+C/UH+QIDAQ8GA/wECAAMYhZPgAAAHzSURBVFjD7ZfZuoIgEIDNcilckC1B3/85T6xSoiLdna+5qmB+ZoUpm76U7Af41wBUQnjplFwgLNE5QFk/5g951GUsgMCVtmFAEgPIm3lTmvwQgK9mbwsEdyJAa36+4n0A08e3YhU0JDSjYXuAm1Zn4YAzjbhtA2q1QZCtlBGhNtRbgEGuUr5XNpyqI8IAJtfuZL/w0F3uYiEAbiL0X25IQoMDgE7aj46LH0kvujVAOcBj2oe/OeEA0oEhrgFlsB+fAGkAJXEAQj0TLED2TxV7BwjPBAPAJwwwJuA3gHQLxF9DYAmYAVxjU7Ak4uoDiPTgzE0oM0k8gCSOdrGq69yGo4cdtFWH4OVmYz46izOXRFsEqtgb4sI9z/1SP3bX4BKZuY2mxSp98wjrmctYob/gD4UVQB+qHeLmHlMLVH/mmwB+BsC2AWztQhvnAveDSA+CuAeYqgFUNo1cFMKlURRDv5FGca4QdSGhLwC9i0wiACy9lwTg82c7nwR0XuukACr//k0AyAjOxZQM6Ju3B+Q0IPeKMwHAuzn4NkYCSv3++/prAHoG5TX0dWZ4ov20A2DzkYxoCgP6KP17HxyyhOn0A30K+MaYp2oDPtWMRceQFEIwvDOptsspOGnYxjRR3z3vWNvQntX3ZiQGRsB+f3l+gDT5A4U2phC6e4RTAAAAAElFTkSuQmCC"></img>
            </h1>
            <div class="email-text" style="padding:20px 28px;background:#fff;">
                <p style="margin:0 0 5px;padding:0;line-height:24px;font-size:14px;color:#6e6e6e;"><span
                            style="font-weight:bold;color:#50bfff;" th:text="${subscriber.displayName}"></span> ，你好!</p>
                <p style="margin:0;padding:0;line-height:24px;font-size:14px;color:#6e6e6e;">
                  你通过第三方社交登录进行了自动注册，默认生成了本地登录密码请查看。
                <div style="margin:12px 0;padding:14px 20px 18px 20px;word-break:break-all;color:#6e6e6e;font-size:14px;background: repeating-linear-gradient(135deg, #f3f9ff, #f3f9ff 18px, #fff 0, #fff 30px);border-radius: 8px;border: 1px solid #f3f9ff; box-shadow: 0 2px 15px rgba(73,146,161,0.15);text-align: center;">
                  <span style="font-weight:bold;color:#50bfff;font-size: 24px;" th:text="${password}"></span></div>
               <p style="margin:0;padding:0;line-height:24px;font-size:13px;color:#6e6e6e;">
                 为了你的账号安全，请尽快修改本地登录密码。
                </p>
            </div>
            <div class="email-footer" style="padding:10px 20px;border-top:1px solid #eee;">
                <p style="margin:0;padding:0;line-height:24px;font-size:13px;color:#999;">* 注意：此邮件由 <a
                            th:href="${site.url}" target="_blank" style="color:#50bfff;text-decoration:none;">[[${site.title}]]</a>
                    自动发出，请勿回复。</p>
            </div>
        </div>
    </div>
</div>

定时备份同步失败

<div class="email-page" style="background:#fff;">
    <style>@media screen and (max-width: 400px) {
            .email-content {
                width: 96% !important;
            }

            .email-title {
                padding: 12px 14px !important;
                font-size: 15px !important;
            }

            .email-title .icon {
                display: none;
            }

            .email-text {
                padding: 20px 20px 0 !important;
            }

            .email-text pre {
                margin: 10px 0 !important;
            }

            .email-footer {
                padding: 10px !important;
            }
        }</style>
    <div class="email-content"
         style="width:90%;max-width:660px;margin:20px auto 30px;line-height:1.5;text-align:left;overflow:hidden;border-radius:8px;box-shadow:0 2px 12px 0 rgba(0,0,0,0.1);">
        <div style="overflow:hidden;">
            <h1 class="email-title"
                style="position:relative;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box;padding:14px 52px 14px 20px;line-height:1.6;font-size:16px;font-weight:normal;color:#fff;background:webkit-linear-gradient(-45deg,rgba(255,68,229,0.7),rgba(80,191,255,0.86),rgba(80,182,255,0.86));background:linear-gradient(-45deg,rgba(255,68,229,0.7),rgba(80,191,255,0.86),rgba(80,182,255,0.86));background-size:400% 400%;background-position:50% 100%;">
                你的定时备份同步失败啦！
                <img class="icon" style="position:absolute;right:16px;top:10px;width:32px;" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAABGdBTUEAALGPC/xhBQAAAFdQTFRF////////////////////////////////////////////////////////////////////////////////////////////////////////////AAAA////LEkQMAAAABx0Uk5TX69vz4+wT3Cf0N+g7+C/UH+QIDAQ8GA/wECAAMYhZPgAAAHzSURBVFjD7ZfZuoIgEIDNcilckC1B3/85T6xSoiLdna+5qmB+ZoUpm76U7Af41wBUQnjplFwgLNE5QFk/5g951GUsgMCVtmFAEgPIm3lTmvwQgK9mbwsEdyJAa36+4n0A08e3YhU0JDSjYXuAm1Zn4YAzjbhtA2q1QZCtlBGhNtRbgEGuUr5XNpyqI8IAJtfuZL/w0F3uYiEAbiL0X25IQoMDgE7aj46LH0kvujVAOcBj2oe/OeEA0oEhrgFlsB+fAGkAJXEAQj0TLED2TxV7BwjPBAPAJwwwJuA3gHQLxF9DYAmYAVxjU7Ak4uoDiPTgzE0oM0k8gCSOdrGq69yGo4cdtFWH4OVmYz46izOXRFsEqtgb4sI9z/1SP3bX4BKZuY2mxSp98wjrmctYob/gD4UVQB+qHeLmHlMLVH/mmwB+BsC2AWztQhvnAveDSA+CuAeYqgFUNo1cFMKlURRDv5FGca4QdSGhLwC9i0wiACy9lwTg82c7nwR0XuukACr//k0AyAjOxZQM6Ju3B+Q0IPeKMwHAuzn4NkYCSv3++/prAHoG5TX0dWZ4ov20A2DzkYxoCgP6KP17HxyyhOn0A30K+MaYp2oDPtWMRceQFEIwvDOptsspOGnYxjRR3z3vWNvQntX3ZiQGRsB+f3l+gDT5A4U2phC6e4RTAAAAAElFTkSuQmCC"></img>
            </h1>
            <div class="email-text" style="padding:20px 28px;background:#fff;">
                <p style="margin:0 0 5px;padding:0;line-height:24px;font-size:14px;color:#6e6e6e;"><span
                            style="font-weight:bold;color:#50bfff;" th:text="${subscriber.displayName}"></span> ，你好!</p>
                <p style="margin:0;padding:0;line-height:24px;font-size:14px;color:#6e6e6e;">
                  很遗憾的通知你，站点的定时备份同步任务执行失败了。详细信息如下：
                <div style="margin:12px 0;padding:14px 20px 18px 20px;word-break:break-all;color:#6e6e6e;font-size:14px;background: repeating-linear-gradient(135deg, #f3f9ff, #f3f9ff 18px, #fff 0, #fff 30px);border-radius: 8px;border: 1px solid #f3f9ff; box-shadow: 0 2px 15px rgba(73,146,161,0.15);">
                   <ul>
                    <li>同步任务名: <span th:text="${syncName}"></span></li>
                    <li>同步开始时间: <span th:text="${startTimestamp}"></span></li>
                    <li>失败原因: <span th:text="${failureMessage}"></span></li>
                  </ul>
                </div>
              <p style="margin:0;padding:0;line-height:24px;font-size:14px;color:#6e6e6e;">请你尽快检查备份脚本以及备份目录,定位问题所在。建议检查以下几点:</p>
              <div style="margin:12px 0;padding:14px 20px 18px 20px;word-break:break-all;color:#6e6e6e;font-size:14px;background: repeating-linear-gradient(135deg, #f3f9ff, #f3f9ff 18px, #fff 0, #fff 30px);border-radius: 8px;border: 1px solid #f3f9ff; box-shadow: 0 2px 15px rgba(73,146,161,0.15);">
                <ul>
                  <li>1. 检查远程同步的存储策略和分组配置是否存在</li>
                  <li>2. 确认远程同步所用的存储策略容量是否足够</li>
                  <li>3. 判断网络连接是否正常,影响备份数据传输</li>
                </ul>
              </div>
              <p style="margin:0;padding:0;line-height:24px;font-size:14px;color:#6e6e6e;">请处理完毕后更新备份配置,并重新执行备份,以确保网站数据能定期正常备份。</p>
              <p style="margin:0;padding:0;line-height:24px;font-size:14px;color:#6e6e6e;">点击链接查看同步任务列表: <a th:href="${syncListUrl}" target="_blank" style="color:#50bfff;text-decoration:none;">同步任务列表</a>
            </div>
            <div class="email-footer" style="padding:10px 20px;border-top:1px solid #eee;">
                <p style="margin:0;padding:0;line-height:24px;font-size:13px;color:#999;">* 注意：此邮件由 <a
                            th:href="${site.url}" target="_blank" style="color:#50bfff;text-decoration:none;">[[${site.title}]]</a>
                    自动发出，请勿回复。</p>
            </div>
        </div>
    </div>
</div>

联系表单收集到新的条目

<div class="email-page" style="background:#fff;">
    <style>@media screen and (max-width: 400px) {
            .email-content {
                width: 96% !important;
            }

            .email-title {
                padding: 12px 14px !important;
                font-size: 15px !important;
            }

            .email-title .icon {
                display: none;
            }

            .email-text {
                padding: 20px 20px 0 !important;
            }

            .email-text pre {
                margin: 10px 0 !important;
            }

            .email-footer {
                padding: 10px !important;
            }
        }</style>
    <div class="email-content"
         style="width:90%;max-width:660px;margin:20px auto 30px;line-height:1.5;text-align:left;overflow:hidden;border-radius:8px;box-shadow:0 2px 12px 0 rgba(0,0,0,0.1);">
        <div style="overflow:hidden;">
            <h1 class="email-title"
                style="position:relative;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box;padding:14px 52px 14px 20px;line-height:1.6;font-size:16px;font-weight:normal;color:#fff;background:webkit-linear-gradient(-45deg,rgba(255,68,229,0.7),rgba(80,191,255,0.86),rgba(80,182,255,0.86));background:linear-gradient(-45deg,rgba(255,68,229,0.7),rgba(80,191,255,0.86),rgba(80,182,255,0.86));background-size:400% 400%;background-position:50% 100%;">
                你的联系表单收集到新的条目啦！
                <img class="icon" style="position:absolute;right:16px;top:10px;width:32px;" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAABGdBTUEAALGPC/xhBQAAAFdQTFRF////////////////////////////////////////////////////////////////////////////////////////////////////////////AAAA////LEkQMAAAABx0Uk5TX69vz4+wT3Cf0N+g7+C/UH+QIDAQ8GA/wECAAMYhZPgAAAHzSURBVFjD7ZfZuoIgEIDNcilckC1B3/85T6xSoiLdna+5qmB+ZoUpm76U7Af41wBUQnjplFwgLNE5QFk/5g951GUsgMCVtmFAEgPIm3lTmvwQgK9mbwsEdyJAa36+4n0A08e3YhU0JDSjYXuAm1Zn4YAzjbhtA2q1QZCtlBGhNtRbgEGuUr5XNpyqI8IAJtfuZL/w0F3uYiEAbiL0X25IQoMDgE7aj46LH0kvujVAOcBj2oe/OeEA0oEhrgFlsB+fAGkAJXEAQj0TLED2TxV7BwjPBAPAJwwwJuA3gHQLxF9DYAmYAVxjU7Ak4uoDiPTgzE0oM0k8gCSOdrGq69yGo4cdtFWH4OVmYz46izOXRFsEqtgb4sI9z/1SP3bX4BKZuY2mxSp98wjrmctYob/gD4UVQB+qHeLmHlMLVH/mmwB+BsC2AWztQhvnAveDSA+CuAeYqgFUNo1cFMKlURRDv5FGca4QdSGhLwC9i0wiACy9lwTg82c7nwR0XuukACr//k0AyAjOxZQM6Ju3B+Q0IPeKMwHAuzn4NkYCSv3++/prAHoG5TX0dWZ4ov20A2DzkYxoCgP6KP17HxyyhOn0A30K+MaYp2oDPtWMRceQFEIwvDOptsspOGnYxjRR3z3vWNvQntX3ZiQGRsB+f3l+gDT5A4U2phC6e4RTAAAAAElFTkSuQmCC"></img>
            </h1>
            <div class="email-text" style="padding:20px 28px;background:#fff;">
                <p style="margin:0 0 5px;padding:0;line-height:24px;font-size:14px;color:#6e6e6e;"><span
                            style="font-weight:bold;color:#50bfff;" th:text="${subscriber.displayName}"></span> ，你好!</p>
                <p style="margin:0;padding:0;line-height:24px;font-size:14px;color:#6e6e6e;">
                <div style="margin:0 0 5px;padding:0;line-height:24px;font-size:14px;color:#6e6e6e;">
                  <span style="font-weight:bold;color:#50bfff;" th:text="${submitter}"></span>填写了你发布的<span style="font-weight:bold;color:#50bfff;" th:text="|《${templateDisplayName}》|"></span>联系表单
                </div>
                <div style="margin:0;padding:0;line-height:24px;font-size:14px;color:#6e6e6e;">以下是提交的具体内容：</div>
                <div style="margin:12px 0;padding:14px 20px 18px 20px;word-break:break-all;color:#6e6e6e;font-size:14px;background: repeating-linear-gradient(135deg, #f3f9ff, #f3f9ff 18px, #fff 0, #fff 30px);border-radius: 8px;border: 1px solid #f3f9ff; box-shadow: 0 2px 15px rgba(73,146,161,0.15);">
                  <div style="overflow-x: auto; -webkit-overflow-scrolling: touch;"> 
                    <table border="1" style="width: 100%;">
                      <thead style="text-align: center;color: initial;">
                        <tr>
                          <th th:each="entry : ${entries}" th:text="|${entry.get('label')}|"></th>
                        </tr>
                      </thead>
                      <tbody style="text-align: center;color: initial;">
                        <tr>
                          <td th:each="entry : ${entries}" th:text="|${entry.get('value')}|"></td>
                        </tr>
                      </tbody>
                    </table>
                  </div>
                </div>
              <p style="margin:0;padding:0;line-height:24px;font-size:13px;color:#6e6e6e;">
                点击链接查看完整条目: <a th:href="${entryUrl}" target="_blank" style="color:#50bfff;text-decoration:none;">条目列表</a>
              </p>
            </div>
            <div class="email-footer" style="padding:10px 20px;border-top:1px solid #eee;">
                <p style="margin:0;padding:0;line-height:24px;font-size:13px;color:#999;">* 注意：此邮件由 <a
                            th:href="${site.url}" target="_blank" style="color:#50bfff;text-decoration:none;">[[${site.title}]]</a>
                    自动发出，请勿回复。</p>
            </div>
        </div>
    </div>
</div>