CommentToMail插件邮件回复自定义模板样式

插件文件

CommentToMail 插件的压缩包解压出来以后会得到几个文件,其余的我们基本上都可以不用看的,只需要看如下的2个文件

  • guest.html
    这个文件是回复别人在博客中留言通知的一个模板,今天我们着重的就是来修改这个文件
  • owner.html
    这个文件是当博客有留言的时候给博主看的,至于美不美观我觉得无所谓,当然如果你有强迫症的话,不妨可以自己去改改。

代码实例

目标文件:guest.html

<div style="background: #fafafa; position: fixed; width: 100%; height: 100%;">
    <div style="background-color:white;box-shadow:0 1px 3px #f3eaea;line-height:180%;padding:3px 15px 12px;width:500px;margin:100px auto 0;color:#555555;font-family:'Century Gothic','Trebuchet MS','Hiragino Sans GB',微软雅黑,'Microsoft Yahei',Tahoma,Helvetica,Arial,'SimSun',sans-serif;font-size:13px;">
        <div style="text-align: center;">
            <img src="https://q2.qlogo.cn/headimg_dl?bs=1372960184&dst_uin=1372960184&dst_uin=1372960184&;dst_uin=1372960184&spec=100&url_enc=0&referer=bu_interface&term_type=PC" alt="{siteTitle}" style="border-radius:50%; width: 130px; height: 130px; margin-top: -70px; border: 5px solid #f5f5f5;">
            <!-- img中的路径是博主的头像,也可以自行换成自己个人的,如果不需要删除即可 -->
        </div>
        <h2 style="border-bottom:1px solid #DDD;font-size:14px;padding:13px 0 10px 8px; text-align: center;">
            您在
            <a style="text-decoration:none;color: #f59200;" href="https://handsl.cn/">{siteTitle}</a> 博客上的留言有回复啦!</h2>
        <div style="padding:0 12px;margin-top:18px">
            <p>{author_p} 同学,您曾在《{title}》上发表评论:</p>
            <p style="background-color: #f5f5f5;border: 0px solid #DDD;padding: 10px 15px;margin:18px 0">{text_p}</p>
            <p>{author} 给您的回复如下:</p>
            <p style="background-color: #f5f5f5;border: 0px solid #DDD;padding: 10px 15px;margin:18px 0">{text}</p>
            <p>您可以点击
                <a style="text-decoration:none; color:#f59200" href="{permalink}">查看回复的完整內容 </a>,欢迎再次光临
                <a style="text-decoration:none; color:#f59200" href="https://handsl.cn/">{siteTitle}</a>。</p>
        </div>
    </div>
    <p style="font-size: 12px; text-align: center; color: #d0cccc">本邮件为{siteTitle}自动发送,请勿直接回复,如有疑问,
        <a style="text-decoration:none;color: #d0cccc" href="mailto:{contactme}" title="点我发送邮件">给我发送邮件联系我</a>
    </p>
    <p style="font-size: 12px; text-align: center; color: #d0cccc">{time}</p>
</div>

样式展示

展示

实例字段详解

  • {siteTitle} 自己博客名称
  • {author} 博主名称
  • {text} 博主回复内容
  • {author_p} 访问者名称
  • {text_p} 访问者留言内容
  • {title} 留言页面标题
  • {permalink} 该条留言的页面链接
  • {time} 时间调用
  • {contactme} 邮箱调用

下载

CommentToMail插件

Last modification:June 12th, 2019 at 05:39 pm
If you think my article is useful to you, please feel free to appreciate

Leave a Comment