搞了个CommentToMail邮件模版

CommentToMail真是typecho一个难得的好插件,邮件提醒对于原生评论来说也十分重要。前段时间启用CommentToMail这个插件,一直没时间去搞邮件回复模板,今天刚好看到@一夜涕@十三姨爱我也讲到回复模版,自己根据他们代码,做了一些更改,重写了html和css代码,现在的效果比默认的好很多啦,整体的配色符合网站主题,同时适应手机app,由于代码可能会改进,截图只作参考,具体效果以代码为准。

guest.html模版代码和截图如下:

<div style="border-radius:5px;font-size:13px;width:680px;font-family:微软雅黑,'Helvetica Neue',Arial,sans-serif;margin:10px auto 0px;border:1px solid #eee;max-width:100%;">
    <div style="width:100%;background:#49BDAD;color:#FFFFFF;border-radius:5px 5px 0 0;">
        <p style="font-size:15px;word-break:break-all;padding:20px 32px;margin:0;">您在《<a style="color:#FFFFFF;font-weight:bold;text-decoration:none;" href="{permalink}" target="_blank">{title}</a>》一文上的留言有回复啦!</p>
    </div>
    <div style="margin:0px auto;width:90%">
        <p>{author_p},您好!</p>
        <p>您于 {time} 在文章《{title}》上发表评论:</p>
        <p style="background:#EFEFEF;margin:15px 0px;padding:20px;border-radius:5px;font-size:14px;color:#333;">{text_p}</p>
        <p>{author}给您的回复如下:</p>
        <p style="background:#EFEFEF;margin:15px 0px;padding:20px;border-radius:5px;font-size:14px;color:#333;">{text}</p>
        <p>您可以点击 <a style="color:#42b983;text-decoration:none;" href="{permalink}" target="_blank">查看回复的完整內容</a>。</p>
        <p>感谢您对 <a style="color:#42b983;text-decoration:none;" href="http://xsinger.me/" target="_blank">{siteTitle}</a> 的关注,如您有任何疑问,欢迎来我网站留言。</p>
        <p>(注:此邮件由系统自动发出,请勿回复。)</p>
    </div>
</div>

owner.html模版代码和截图如下:

<div style="border-radius:5px;font-size:13px;width:680px;font-family:微软雅黑,'Helvetica Neue',Arial,sans-serif;margin:10px auto 0px;border:1px solid #eee;max-width:100%;">
    <div style="width:100%;background:#49BDAD;color:#FFFFFF;border-radius:5px 5px 0 0;">
        <p style="font-size:15px;word-break:break-all;padding:20px 32px;margin:0;">{siteTitle}:《<a style="color:#FFFFFF;font-weight:bold;text-decoration:none;" target="_blank" href="{permalink}">{title}</a>》一文有新的评论啦!</p>
    </div>
    <div style="margin:0px auto;width:90%">
        <p>{author} 于 {time} 在《{title}》评论说:</p>
        <p style="background:#EFEFEF;margin:15px 0px;padding:20px;border-radius:5px;font-size:14px;color:#333;">{text}</p>
        <p>IP地址:{ip},评论邮箱:{mail}。</p>
        <p>本评论已{status},可登录<a href='{manage}' target='_blank'>网站后台</a>管理评论。</p>
    </div>
</div>

手机上的显示效果:

27 条评论
  1. 钛客志

    有点意思,谢谢分享

    钛客志 2017-04-15 22:46:39   Windows 10 x64 Edition  Google Chrome 57.0.2987.133 回复
  2. 十三姨爱我

    炮哥整得不错哦~

    十三姨爱我 2017-04-16 10:54:13   Windows 10 x64 Edition  Google Chrome 56.0.2924.87 回复
    1. 山小炮
      @十三姨爱我

      带娃,是没时间搞了。

      山小炮 2017-04-16 12:39:28   iOS 10.3.1  UC 浏览器 11.4.8.938 回复
  3. 小F

    我以为……没人会用那个默认模板呢……可丑了=口=

    小F 2017-04-16 12:49:07   Windows 10 x64 Edition  Firefox 52.0 回复
    1. 山小炮
      @小F

      我用了好久那个默认的了,哈哈哈

      山小炮 2017-04-16 13:15:48   iOS 10.3.1  UC 浏览器 11.4.8.938 回复
  4. 自媒体网站

    代码不错,等我开发的时候就来扒走

    自媒体网站 2017-04-16 15:25:56   Windows 10  Google Chrome 50.0.2661.102 回复
  5. 牧羊人

    看看我得模板哈哈哈

    牧羊人 2017-04-19 22:34:18   Windows 10 x64 Edition  Google Chrome 57.0.2987.133 回复
    1. 山小炮
      @牧羊人

      你的模板好简洁,一贯的好看~~

      山小炮 2017-04-19 22:58:11   Windows 7 x64 Edition  Google Chrome 49.0.2623.105 回复
  6. 饭特稀

    都不知道自动发出去的邮件长什么样

    饭特稀 2017-04-20 00:42:17   iOS 10.3.2  QQ 浏览器 7.4 回复
    1. 山小炮
      @饭特稀

      回复你一个,看邮件就知道啦~~

      山小炮 2017-04-20 09:00:29   Windows 7 x64 Edition  Google Chrome 49.0.2623.105 回复
  7. longyujin9

    至今没弄上邮件评论通知,测试能发送邮件,评论回复就是不发。

    longyujin9 2017-04-25 09:05:35   GNU/Linux x64  Google Chrome 58.0.3029.81 回复
    1. 山小炮
      @longyujin9

      用的是什么邮箱呢?参数有没有设置对?

      山小炮 2017-04-25 09:11:22   Windows 7 x64 Edition  Google Chrome 49.0.2623.105 回复
      1. longyujin9
        @山小炮

        cpanal自带的邮箱,参数都对了,测试发送邮件SMTP能发送,sandmail就发不出去,mail发送成功其实并没有收到

        longyujin9 2017-04-25 14:14:59   GNU/Linux x64  Google Chrome 58.0.3029.81 回复
发表评论
* 号为必填项