Tim's Blog

Tim's Blog

修改《友链自助提交插件》邮件模板

枢纽星站
43
2025-07-16
修改《友链自助提交插件》邮件模板

本文在小帕鲁大佬的邮件模板基础上进行补充，用于统一友链自助提交插件的邮件模板风格

底部版权年份可以自行修改。

友链自助提交审核通知

<div style="
  position: relative;
  width: 100%; max-width: 700px;
  background-color: #fefefe;
  box-shadow: 0 15px 35px -10px rgba(0, 0, 0, 0.12), 0 10px 20px -8px rgba(0, 0, 0, 0.07);
  padding: 40px;
  margin: 0 auto;
  border-radius: 24px;
  font-family: 'Segoe UI', Arial, sans-serif;
  border: 1px solid #c7d9db;
  overflow: hidden;
">
  <!-- 顶部彩色条 -->
  <div style="
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 6px;
    background: linear-gradient(90deg, #2c7a7b, #4fd1c5, #81e6d9);
    border-radius: 24px 24px 0 0;
    z-index: 2;
  "></div>
  
  <!-- 背景装饰元素 -->
  <div style="
    position: absolute;
    top: -50px; right: -50px;
    width: 180px; height: 180px;
    border-radius: 50%;
    background: linear-gradient(135deg, #e0f7f7, #a5d8d8);
    opacity: 0.3;
    z-index: 0;
  "></div>
  <div style="
    position: absolute;
    bottom: -60px; left: -60px;
    width: 210px; height: 210px;
    border-radius: 50%;
    background: linear-gradient(135deg, #e0f7f7, #79cbd4);
    opacity: 0.25;
    z-index: 0;
  "></div>

  <!-- 内容区域 -->
  <div style="position: relative; z-index: 1;">
    <div class="head" style="margin-bottom: 32px;">
      <p class="honorific" style="font-size: 22px; font-weight: 600; color: #134e4a; margin: 0;">[[${subscriber.displayName}]] 你好：</p>
    </div>
    
    <div class="body" style="
      background: linear-gradient(to bottom right, #f0fdfa, #ffffff);
      padding: 30px;
      border-radius: 18px;
      border: 1px solid #a7d8d7;
      box-shadow: 0 6px 16px -4px rgba(32, 128, 128, 0.1);
      font-size: 16px;
      color: #0f4b47;
    ">
      <div class="summary" style="line-height: 1.6;">
        <p><span>您的链接 <strong style="color: #159e8a;">[[${through ? '已通过审核' : '已拒绝'}]]</strong> 。</span></p>
        <p>审核描述：<span>[[${reviewDescription}]]</span></p>
      </div>
    </div>
  </div>
    <!-- 底部信息 -->
        <div style="text-align: center; margin-top: 30px; font-size: 13px; color: #94a3b8;">
            <p style="margin: 5px 0;">此邮件由系统自动发送，请勿直接回复</p>
          &copy; 2024-<span th:text="${#dates.format(#dates.createNow(), 'yyyy')}">2024</span> [(${site.title})]. All Rights Reserved.
        </div>
</div>

doc_haloemail1.webp

友链自助提交成功通知

<div style="
  position: relative;
  width: 100%; max-width: 700px;
  background-color: #fefefe;
  box-shadow: 0 15px 35px -10px rgba(0, 0, 0, 0.12), 0 10px 20px -8px rgba(0, 0, 0, 0.07);
  padding: 40px;
  margin: 0 auto;
  border-radius: 24px;
  font-family: 'Segoe UI', Arial, sans-serif;
  border: 1px solid #c7d9db;
  overflow: hidden;
">
  <!-- 顶部彩色条 -->
  <div style="
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 6px;
    background: linear-gradient(90deg, #d97706, #facc15, #fde68a);
    border-radius: 24px 24px 0 0;
    z-index: 2;
  "></div>

  <!-- 背景装饰 -->
  <div style="
    position: absolute;
    top: -50px; right: -50px;
    width: 180px; height: 180px;
    border-radius: 50%;
    background: linear-gradient(135deg, #fff7ed, #fde68a);
    opacity: 0.3;
    z-index: 0;
  "></div>
  <div style="
    position: absolute;
    bottom: -60px; left: -60px;
    width: 210px; height: 210px;
    border-radius: 50%;
    background: linear-gradient(135deg, #fff7ed, #fbbf24);
    opacity: 0.25;
    z-index: 0;
  "></div>

  <div style="position: relative; z-index: 1;">
    <div class="head" style="margin-bottom: 32px;">
      <p class="honorific" th:text="|${subscriber.displayName} 你好：|" style="font-size: 22px; font-weight: 600; color: #b45309; margin: 0;"></p>
    </div>

    <div class="body" style="
      background: linear-gradient(to bottom right, #fffbeb, #ffffff);
      padding: 30px;
      border-radius: 18px;
      border: 1px solid #fcd34d;
      box-shadow: 0 6px 16px -4px rgba(202, 138, 4, 0.15);
      font-size: 16px;
      color: #92400e;
    ">
      <div class="summary" style="line-height: 1.6;">
        <p><span>请等待审核！</span></p>
      </div>
    </div>
      <!-- 底部信息 -->
        <div style="text-align: center; margin-top: 30px; font-size: 13px; color: #94a3b8;">
            <p style="margin: 5px 0;">此邮件由系统自动发送，请勿直接回复</p> 
          &copy; 2024-<span th:text="${#dates.format(#dates.createNow(), 'yyyy')}">2024</span> [(${site.title})]. All Rights Reserved.
        </div>
  </div>
</div>

doc_haloemail2.webp

友链自助提交通知管理员

<div style="
  position: relative;
  width: 100%; max-width: 700px;
  background-color: #fefefe;
  box-shadow: 0 15px 35px -10px rgba(0, 0, 0, 0.12), 0 10px 20px -8px rgba(0, 0, 0, 0.07);
  padding: 40px;
  margin: 0 auto;
  border-radius: 24px;
  font-family: 'Segoe UI', Arial, sans-serif;
  border: 1px solid #c7d9db;
  overflow: hidden;
">
  <!-- 顶部彩色条 -->
  <div style="
    position: absolute;
    top: 0; left: 0; right: 0;
    height: 6px;
    background: linear-gradient(90deg, #2563eb, #3b82f6, #93c5fd);
    border-radius: 24px 24px 0 0;
    z-index: 2;
  "></div>

  <!-- 背景装饰 -->
  <div style="
    position: absolute;
    top: -50px; right: -50px;
    width: 180px; height: 180px;
    border-radius: 50%;
    background: linear-gradient(135deg, #eff6ff, #bfdbfe);
    opacity: 0.3;
    z-index: 0;
  "></div>
  <div style="
    position: absolute;
    bottom: -60px; left: -60px;
    width: 210px; height: 210px;
    border-radius: 50%;
    background: linear-gradient(135deg, #eff6ff, #60a5fa);
    opacity: 0.25;
    z-index: 0;
  "></div>

  <div style="position: relative; z-index: 1;">
    <div class="head" style="margin-bottom: 32px;">
      <p class="honorific" th:text="|${subscriber.displayName} 你好：|" style="font-size: 22px; font-weight: 600; color: #1e40af; margin: 0;"></p>
    </div>

    <div class="body" style="
      background: linear-gradient(to bottom right, #f0f9ff, #ffffff);
      padding: 30px;
      border-radius: 18px;
      border: 1px solid #93c5fd;
      box-shadow: 0 6px 16px -4px rgba(59, 130, 246, 0.15);
      font-size: 16px;
      color: #1e40af;
      line-height: 1.6;
    ">
      <p style="font-weight: 600; margin-bottom: 20px;">博客信息</p>
      <div class="summary" style="padding-left: 15px;">
        <p>博客名称：<span th:text="${displayName}" style="font-weight: 500;"></span></p>
        <p>博客链接：<span th:text="${url}" style="font-weight: 500; color: #2563eb;"></span></p>
        <p>博客描述：<span th:text="${description}" style="font-weight: 500;"></span></p>
        <p>Email：<span th:text="${email}" style="font-weight: 500;"></span></p>
        <p>Logo：<span th:text="${logo}" style="font-weight: 500;"></span></p>
      </div>
      <p style="margin-top: 25px;">
        <a th:href="${reviewUrl}" target="_blank" rel="noopener noreferrer" style="
          display: inline-block;
          background: linear-gradient(to right, #2563eb, #3b82f6);
          color: white;
          padding: 12px 20px;
          border-radius: 14px;
          font-weight: 600;
          text-decoration: none;
          box-shadow: 0 6px 12px -2px rgba(59, 130, 246, 0.4);
          transition: all 0.3s ease;
        "
        onmouseover="this.style.transform='translateY(-3px)'; this.style.boxShadow='0 8px 16px -2px rgba(59, 130, 246, 0.6)';"
        onmouseout="this.style.transform='translateY(0)'; this.style.boxShadow='0 6px 12px -2px rgba(59, 130, 246, 0.4)';"
        >
          前往审核
        </a>
      </p>
    </div>
      <!-- 底部信息 -->
        <div style="text-align: center; margin-top: 30px; font-size: 13px; color: #94a3b8;">
            <p style="margin: 5px 0;">此邮件由系统自动发送，请勿直接回复</p>
            <p style="margin: 5px 0;">如需调整通知设置，请前往个人中心进行修改</p>
          &copy; 2024-<span th:text="${#dates.format(#dates.createNow(), 'yyyy')}">2024</span> [(${site.title})]. All Rights Reserved.
        </div>
  </div>
</div>

doc_haloemail0.webp

#折腾 18 #博客 9 #Halo 8
【WPF 采坑】为什么我自定义的 Window 样式不生效？
VS2022 + EF Core 操作数据库教程