为 Typecho 评论添加邮件提醒

2019-07-01T22:20:00

之前介绍了 为 Typecho 评论启用微信推送。其局限是只能提醒自己,别人无法得知回复,因此最好还是使用邮件提醒,若使用 QQ 邮箱,同样可通过微信接收提醒,感谢 ShadowySpirits 大佬制作的插件。

项目地址

[btn url="https://github.com/ShadowySpirits/Comment2Mail"]Comment2Mail[/btn]

使用步骤

下载插件

进入 /Typecho 根目录/usr/plugins,下载插件代码并将文件夹重命名为 Comment2Mail

cd /Typecho 根目录/usr/plugins
git clone https://github.com/ShadowySpirits/Comment2Mail.git

填写配置

依次进入 控制台 -> 插件,启用 Comment2Mail,随后进入插件设置填写邮箱后保存。需要注意的是,如果使用 QQ 邮箱,密码栏应填写授权码,而非 QQ 密码。

模板修改

默认模板比较简陋,分享一个 reply.html 模板,效果如下,请自行 DIY。

<meta charset="utf-8">
<style>
    .container{position:relative;width:550px;height:auto;margin:0 auto;padding-bottom:5px;;box-shadow:3px 3px 3px rgba(0,0,0,0.3);border-radius:10px}
    .head{background-image:url(https://ae01.alicdn.com/kf/UTB8uTIaPSnEXKJk43Ubq6zLppXaW.jpg);width:550px;height:300px;background-size:cover;background-repeat:no-repeat;border-radius:10px 10px 0px 0px}
    .address{width:200px;height:40px;background-color:#9400D3;margin-top:-20px;margin-left:20px;box-shadow:3px 3px 3px rgba(0,0,0,0.3);color:#fff;text-align:center;line-height:40px;border-radius:30px}
    .content{background-color:#fff;line-height:180%;padding:0 15px 12px;width:520px;margin:30px auto;margin-bottom:0px;color:#555555;font-family:'Century Gothic','Trebuchet MS','Hiragino Sans GB',微软雅黑,'Microsoft Yahei',Tahoma,Helvetica,Arial,'SimSun',sans-serif;font-size:12px}
    .title{border-bottom:1px solid #bbb;font-size:14px;font-weight:normal;padding:13px 0 10px 8px}
    .array{color:#12ADDB;font-weight:bold}
    .title-wrap{text-decoration:none;color:#12ADDB;font-weight:bold}
    .detail{padding:0 12px 0 12px;margin-top:18px}
    .time{border-bottom:1px dashed #ccc}
    .comment{color:#FFF;border:0px solid #DDD;padding:10px 15px;margin:18px 0;border-radius:30px}
    .comment a{color:#fff}
    .comment.one{background-color:#f00}
    .comment.two{background-color:#00f}
    .quote{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}
    .goto{text-decoration:none;background-color:#9400D3;color:#FFF;width:40%;text-align:center;height:40px;line-height:40px;box-shadow:3px 3px 3px rgba(0,0,0,0.30);margin:-10px auto;display:block;border-radius:30px}
    .hint{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}
    .copyright{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}
</style>
<div class="container">
    <div class="head"></div>
    <div class="address">亲爱的:{author} !</div>
    <div class="content">
        <h2 class="title">
            <span class="array">&gt;&nbsp;</span>
            您在<a class="title-wrap" style="text-decoration:none" href="{permalink}"
                target="_blank">《{title}》</a>的评论有了新回复呢!
        </h2>
        <div class="detail">
            <p>您的评论:</p>
            <p class="comment one">{text}</p>
            <p><strong>{replyAuthor}</strong>&nbsp;给您的回复:</p>
            <p class="comment two">{replyText}</p>
        </div>
    </div>
    <div class="quote">
        <p style="padding:20px;">萤火虫消失之后,那光的轨迹仍久久地印在我的脑际。那微弱浅淡的光点,仿佛迷失方向的魂灵,在漆黑厚重的夜幕中彷徨。——《挪威的森林》村上春树</p>
    </div>
    <a class="goto" style="text-decoration:none" href="{commentUrl}" target="_blank">查看完整回复內容</a>
    <div class="hint">
        <p>本邮件为系统自动发送,请勿直接回复哦!</p>
    </div>
    <div class="copyright">
        <p>© 2019 Copyright {blogName}</p>
    </div>
</div>
当前页面是本站的「Baidu MIP」版。发表评论请点击:完整版 »