Artalk 邮件通知模板

_readme.md

一个邮件通知模板！

email.html

<div class="email-page" style="background:#fff;">
  <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(9,69,138,0.2),rgba(68,155,255,0.7),rgba(117,113,251,0.7),rgba(68,155,255,0.7),rgba(9,69,138,0.2));background:linear-gradient(-45deg,rgba(9,69,138,0.2),rgba(68,155,255,0.7),rgba(117,113,251,0.7),rgba(68,155,255,0.7),rgba(9,69,138,0.2));background-size:400% 400%;background-position:50% 100%;word-break: break-all;">
        您在《{{page_title}}》上的留言有了新的回复！<img class="icon"
          style="position:absolute !important;right:20px;top:12px;opacity:0.9;width:28px;"
          src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAMAAACdt4HsAAAABGdBTUEAALGPC/xhBQAAAFdQTFRF////////////////////////////////////////////////////////////////////////////////////////////////////////////AAAA////LEkQMAAAABx0Uk5TX3CQb49P3+C/P3+vUMDQILDPgJ9A72DwMKAQAI9AbbYAAAHgSURBVFjD7ZfZmoIwDIWZRZFNSoECoe//nDOQlIK2pe3MhRf2Rv30/ERyspDMfzzJG/CvAEiK21W6TwtWQFdInzNZANBKv3M3A8beUy+ZESC89ffaBFDXH6ayqyOyAKgfOESmccLgxlgfdKiHaCOxNf7Q60OWEQDWAHiYvGwWUdEtALEGEPYHNtd9/wKY0aDO6BvtCz4n1fJaRuqlrJPVBJ2/fiT9QMWVrC+ga/LmhinXfpB/rghQX9fLB+HQd6RffjOu744ALt0EQeHjPTMAhHQSlJ5cZwDM1ZZfe/o315oAcKfeZ9frqjEBVG0+E+D2qLcALARln2lnegvASFD2OXjeBjAQlH2ORWsFPBH29vECKEKDLfaL0vdoDwdAEWSR5+31If1egI2wHUPTcwKoLPREMfQsN2Auh/1MNfW8E8AMXCEqc484Ayz54/yTC9u48wC4z0sBogZjjYAhsK3v7vCiTMMHizbKmuGI0XZwO8Ph2kfcBFxsRNx418UCCXbyPnjBwSbFthWnCfwT1GRHvWQ1QTFQk51wzcOi63PvICCnzRBo0aSq7dtLdrpo1tml7XdNClfdQUYcbLK0bEcQqEmqdX8K1asmpx84WIicjaZHHsGq9FybVkzA+7nxtQA/7FmsPgKZOxIAAAAASUVORK5CYII="><img>
      </h1>
      <div class="email-text" style="padding:20px 28px 10px;background:#fff;">
        <p style="margin:5px 0 5px;padding:0;line-height:24px;font-size:13px;color:#6e6e6e;"><span
            style="font-weight:bold;color:#9f98ff">{{nick}}，</span>您好！</p>
        <div
          style="border-radius:8px;margin:12px 0;padding:18px 20px;word-break:break-all;color:#6e6e6e;font-size:13px;background:repeating-linear-gradient(145deg, #f2f6fc, #f2f6fc 15px, #fff 0, #fff 25px);">
          <div style="overflow-x: auto">{{parent_comment.content}}</div>
        </div>
        <p style="padding:0;line-height:24px;font-size:13px;color:#6e6e6e;">
          <span style="color:#9f98ff;">{{reply_nick}}</span> 给您的回复：
        </p>
        <div
          style="border-radius:8px;margin:12px 0;padding:18px 20px;word-break:break-all;color:#6e6e6e;font-size:13px;background:repeating-linear-gradient(145deg, #f2f6fc, #f2f6fc 15px, #fff 0, #fff 25px);">
          <div style="overflow-x: auto">{{comment.content}}</div>
        </div>
        <p style="margin:0 0 16px;padding:0;line-height:24px;font-size:13px;color:#6e6e6e;"><a href="{{link_to_reply}}"
            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 href="https://inkss.cn"
            target="_blank" style="color:#9f98ff;text-decoration:none;">Inkss</a> 自动发出，请勿回复，如有打扰，请见谅。</p>
      </div>
    </div>
  </div>
</div>