九日

typecho插件CommentToMail邮件通知模板
对于及时收到博客博文的评论,邮件通知是相当不错的选择了,当然使用微信接收更加方便快捷使用邮件的方式:插件名称:Co...
扫描右侧二维码阅读全文
22
2018/08

typecho插件CommentToMail邮件通知模板

对于及时收到博客博文的评论,邮件通知是相当不错的选择了,当然使用微信接收更加方便快捷
使用邮件的方式:插件名称:CommentToMail 插件版本:2.0.1
插件链接/安装使用方法:很广泛的使用,随便百度一下就有了

模板一:
新评论接收邮件模板样式 owner.html

<html>
<head>
<style>
    a{ text-decoration: none;}
    .m {
        width: 700px;
        height: 350px;
        border-radius: 5px;
        background: #ffffff;
        color: #2196f3;
        border:1px solid #2196f3;
    }
    .t {
        background: #2196f3;
        padding: 5px;
        font-size: 1.0em;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        color: #fff;
        border-bottom: 1px dashed #ffffff;
        text-align: center;
    }
    .o {
        border: 1px dashed;
        margin: 15px;
        height: 120px;
        padding: 5px 5px;
        border-radius: 5px;
        color:#2196f3;
        font-weight:bold;
        font-size:0.9em;
    }
    .h {
        text-indent:25px;
        color: #f52a57;
        font-weight: 400;
    }
    .x {
        margin-left: 15px;
        margin-top: 25px;
        height: 150px;
        padding: 5px 5px;
        color:#2196f3;
        font-weight:bold;
        font-size:0.9em;
    }
    .c {
        color: #ffffff;
        background: #2196f3;
        border-radius: 5px;
        padding: 2px 5px 2px 5px;
    }
</style>
</head>

<body>
<div class="m">
<div class="t">
{siteTitle}:文章 [{title}] 有新的评论
</div>
<div class="o">
[{author}] 的评论内容为:
<p class="h">{text}</p>
</div>
<hr  style="border:1px dashed;width:670px;color:#d0d0d0;"/>
<div class="x">
评论用户:{author}<br>
评论时间:{time}<br>
评论&ensp;&ensp;IP:{ip}<br>
评论邮箱:{mail}<br>
评论状态:{status} <p style="color:#2196f3;float: right;">操作:<a class="c" href='{manage}' target='_blank' >管理评论</a></p>
</div>
</div>
</body>
</html>

评论回复接收邮件模板样式 guest.html

<html>
<head>
<style>
    a{ text-decoration: none;}
    .m {
        width: 700px;
        height: 430px;
        border-radius: 5px;
        background: #ffffff;
        color: #2196f3;
        border:1px solid #2196f3;
    }
    .t {
        background: #2196f3;
        padding: 5px;
        font-size: 1.0em;
        border-top-left-radius: 5px;
        border-top-right-radius: 5px;
        color: #fff;
        border-bottom: 1px dashed #ffffff;
        text-align: center;
    }
    .o {
        border: 1px dashed;
        margin: 15px;
        height: 120px;
        padding: 5px 5px;
        border-radius: 5px;
        color:#2196f3;
        font-weight:bold;
        font-size:0.9em;
    }
    .h {
        text-indent:25px;
        color: #f52a57;
        font-weight: 400;
    }
    .i {
        margin: 15px;
        height: 120px;
        padding: 5px 5px;
        color:#2196f3;
        font-weight:bold;
        font-size:0.9em;
    }
</style>
</head>

<body>
<div class="m">
<div class="t">
用户 [{author_p}] 在九日博客 [{title}] 博文中对你的评论进行了回复
</div>
<div class="o">
你的评论内容为:
<p class="h">{text_p}</p>
</div>
<hr  style="border:1px dashed;width:670px;color:d0d0d0;"/>
<div class="o">
用户[{author}]对你的评论回复:
<p class="h">{text}</p>
</div>
<div class="i">
评论回复时间:{time}<br>
<p style="color: #7d7d7d;">本邮件为{siteTitle}自动发送,请勿直接回复;点击跳转:<a target="blank" href="https://nineday.cc/">九日博客</a></p>
</div>
</div>
</body>
</html>


评论邮件模板样式

评论回复邮件模板样式

模板二:
新评论接收邮件模板样式 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>

评论回复接收邮件模板样式 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>

评论邮件模板样式

评论回复邮件模板样式

邮件通知模板有很多,自己也可以写或者稍作修改,觉得好看就好了。

Last modification:April 14th, 2019 at 04:24 pm
If you think my article is useful to you, please feel free to appreciate

Leave a Comment

12 comments

  1. 雨落凋殇

    前面那个不太好,后面这个倒是挺好的,

    1. 九日
      @雨落凋殇

      我现在用的也是后面这个,改了自己喜欢的配色,简洁好看。

  2. 三尺雪

    好看!

  3. 阿喵

    这高亮看着好刺眼啊...

    1. 九日
      @阿喵

      我觉得还行……也懒得改了,不常用的上

  4. Pnnk

    我那个用了好多年了,也想换换新的...

    1. 九日
      @Pnnk

      自己写我觉得挺好看的,或者随便改下配色。

  5. 你可爱的小乐

    这个模板不好看

    1. 九日
      @你可爱的小乐

      没有我之前用的好看...弄了下插件弄没了233

  6. 路过的网友

    挺不错的哈!!

  7. 九日

    迷失的人迷失了

    1. 九日
      @九日

      相逢的人会再相逢