Typecho邮件提醒模板

简介

大半夜闲来无事，重写了下 Typecho 邮件回复提醒模板
需配合 CommentToMail 插件使用，插件这里就不提供了，需要的可以自己找

效果

使用方法

插件启用后在 Typecho 后台左上角控制台处选择评论邮件提醒

选择编辑邮件模板

选择 guest.html 文件

将下面代码块的全部内容替换进去即可

guest.html

<div
  style="width: 550px;height: auto;border-radius: 5px;margin:0 auto;border:1px solid #ffb0b0;box-shadow: 0px 0px 20px #888888;position: relative;padding-bottom: 5px;"
>
  <div
    style="background-image: url(https://ae01.alicdn.com/kf/Hba92420d98504dd0b5696e2a211215392.jpg);width:550px;height: 300px;background-size: cover;background-repeat: no-repeat;border-radius: 5px 5px 0px 0px;"
  ></div>
  <div
    style="width: 200px;height: 40px;background-color: rgb(255, 114, 114);margin-top: -20px;margin-left: 20px;box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);color: rgb(255, 255, 255);text-align: center;line-height: 40px;"
  >
    Dear: {author_p}
  </div>
  <div
    style="background-color:white;line-height:180%;padding:0 15px 12px;width:520px;margin:30px auto;color:#555555;font-family:'Century Gothic','Trebuchet MS','Hiragino Sans GB',微软雅黑,'Microsoft Yahei',Tahoma,Helvetica,Arial,'SimSun',sans-serif;font-size:12px;margin-bottom: 0px;"
  >
    <h2
      style="border-bottom:1px solid #DDD;font-size:14px;font-weight:normal;padding:13px 0 10px 8px;"
    >
      <span style="color: #12ADDB;font-weight: bold;">&gt; </span>您在<a
        style="text-decoration:none;color: #12ADDB;"
        href="{permalink}"
        target="_blank"
        >《{title}》</a
      >的评论有了新的回复呐~
    </h2>
    <div style="padding:0 12px 0 12px;margin-top:18px">
      <p>
        时间：<span style="border-bottom:1px dashed #ccc;" t="5" times=" 20:42"
          >{time}</span
        >
      </p>
      <p>您的评论：</p>
      <p
        style="background-color: #f5f5f5;border: 0px solid #DDD;padding: 10px 15px;margin:18px 0"
      >
        {text_p}
      </p>
      <p><strong>{author}</strong>&nbsp;给您的回复：</p>
      <p
        style="background-color: #f5f5f5;border: 0px solid #DDD;padding: 10px 15px;margin:18px 0"
      >
        {text}
      </p>
    </div>
  </div>
  <div
    style="color:#8c8c8c;;font-family: 'Century Gothic','Trebuchet MS','Hiragino Sans GB',微软雅黑,'Microsoft Yahei',Tahoma,Helvetica,Arial,'SimSun',sans-serif;font-size: 10px;width: 100%;text-align: center;word-wrap:break-word;margin-top: -30px;"
  >
    <p style="padding:20px;">
      萤火虫消失之后，那光的轨迹仍久久地印在我的脑际。那微弱浅淡的光点，仿佛迷失方向的魂灵，在漆黑厚重的夜幕中彷徨。——《挪威的森林》村上春树
    </p>
  </div>
  <a
    style="text-decoration:none; color:#FFF;width: 40%;text-align: center;background-color:#ff7272;height: 40px;line-height: 35px;box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.30);margin: -10px auto;display: block;"
    href="{permalink}"
    target="_blank"
    >查看回复的完整內容</a
  >
  <div
    style="color:#8c8c8c;;font-family: 'Century Gothic','Trebuchet MS','Hiragino Sans GB',微软雅黑,'Microsoft Yahei',Tahoma,Helvetica,Arial,'SimSun',sans-serif;font-size: 10px;width: 100%;text-align: center;margin-top: 30px;"
  >
    <p>本邮件为系统自动发送，请勿直接回复~</p>
  </div>
  <div
    style="color:#8c8c8c;;font-family: 'Century Gothic','Trebuchet MS','Hiragino Sans GB',微软雅黑,'Microsoft Yahei',Tahoma,Helvetica,Arial,'SimSun',sans-serif;font-size: 10px;width: 100%;text-align: center;"
  >
    <p>©2017-2019 Copyright {author}</p>
  </div>
</div>

owner.html

<div
  style="width: 550px;height: auto;border-radius: 5px;margin:0 auto;border:1px solid #ffb0b0;box-shadow: 0px 0px 20px #888888;position: relative;"
>
  <div
    style="background-image: url(https://ws1.sinaimg.cn/large/006Bk6Fzly1fxidutu8uoj30w20kegqh.jpg);width:550px;height: 250px;background-size: cover;background-repeat: no-repeat;border-radius: 5px 5px 0px 0px;"
  ></div>
  <div
    style="background-color:white;line-height:180%;padding:0 15px 12px;width:520px;margin:10px auto;color:#555555;font-family:'Century Gothic','Trebuchet MS','Hiragino Sans GB',微软雅黑,'Microsoft Yahei',Tahoma,Helvetica,Arial,'SimSun',sans-serif;font-size:12px;margin-bottom: 0px;"
  >
    <h2
      style="border-bottom:1px solid #DDD;font-size:14px;font-weight:normal;padding:13px 0 10px 8px;"
    >
      <span style="color: #12ADDB;font-weight: bold;">&gt; </span>您的文章<a
        style="text-decoration:none;color: #12ADDB;"
        href="{permalink}"
        target="_blank"
        >《{title}》</a
      >有了新的回复耶~
    </h2>
    <div style="padding:0 12px 0 12px;margin-top:18px">
      <p>
        时间：<span style="border-bottom:1px dashed #ccc;" t="5" times=" 20:42"
          >{time}</span
        >
      </p>
      <p><strong>{author}</strong>&nbsp;给您的评论：</p>
      <p
        style="background-color: #f5f5f5;border: 0px solid #DDD;padding: 10px 15px;margin:18px 0"
      >
        {text}
      </p>
      <p>其他信息：</p>
      <p
        style="background-color: #f5f5f5;border: 0px solid #DDD;padding: 10px 15px;margin:18px 0"
      >
        IP：{ip}<br />邮箱：<a href="mailto:{mail}">{mail}</a
        ><br />状态：{status} [<a href="{manage}" target="_blank">管理评论</a>]
      </p>
    </div>
  </div>
  <a
    style="text-decoration: none;color: rgb(255, 255, 255);width: 40%;text-align: center;background-color: rgb(255, 114, 114);height: 40px;line-height: 40px;box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.3);display: block;margin: auto;"
    href="{permalink}"
    target="_blank"
    >查看回复的完整內容</a
  >
  <div
    style="color:#8c8c8c;;font-family: 'Century Gothic','Trebuchet MS','Hiragino Sans GB',微软雅黑,'Microsoft Yahei',Tahoma,Helvetica,Arial,'SimSun',sans-serif;font-size: 10px;width: 100%;text-align: center;"
  >
    <p>&copy;2017-2019 Copyright {author}</p>
  </div>
</div>