LOGI

为 Typecho 评论添加邮件提醒

之前介绍了 为 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">
<div style="position:relative;width:450px;height:auto;margin:0 auto;padding-bottom:5px;border:rgb(224, 221, 224) solid 1px;border-radius:10px">
    <div style="background-image:url(https://dd-static.jd.com/ddimg/jfs/t1/95702/3/29190/45350/631d6412E0d58df11/1ceb78947ddd741e.jpg);width:100%;height:300px;background-size:cover;background-repeat:no-repeat;border-radius:10px 10px 0px 0px"></div>
    <div style="width:40%;height:40px;background-color:rgb(231, 145, 145);margin-top:-20px;margin-left:20px;color:#fff;text-align:center;line-height:40px;border-radius:30px">
        亲爱的:{author} !
    </div>
    <div style="line-height:180%;padding:0 15px 12px;width:90%;margin:auto;margin-bottom:0px;font-size:12px">
        <div style="border-bottom:1px solid rgb(216, 213, 213);font-size:13px;margin:10px 0px;padding:10px 0px">
            <span style="color:#12ADDB;font-weight:bold">&gt;&nbsp;</span>
            <span>您在</span>
            <a style="text-decoration:none;color:#12ADDB;font-weight:bold;" href="{permalink}" target="_blank">《{title}》</a>
            <span>的评论有了新回复呢!</span>
        </div>
        <div style="padding:0 10px 0 10px;margin-top:18px">
            <p>您的评论:</p>
            <p style="padding:10px 15px;margin:18px 0;border-radius:30px;background-color:rgb(255, 240, 240);">{text}</p>
            <p><strong>{replyAuthor}</strong>&nbsp;给您的回复:</p>
            <p style="padding:10px 15px;margin:18px 0;border-radius:30px;background-color:rgb(240, 240, 255);">{replyText}</p>
        </div>
    </div>
    <div
        style="color:#8c8c8c;font-size:8px;width:93%;margin:auto;margin-top:-30px">
        <p style="padding:20px;">萤火虫消失之后,那光的轨迹仍久久地印在我的脑际。那微弱浅淡的光点,仿佛迷失方向的魂灵,在漆黑厚重的夜幕中彷徨。——《挪威的森林》村上春树</p>
    </div>
    <a style="text-decoration:none;background-color:rgb(155, 151, 221);color:#FFF;width:40%;text-align:center;height:40px;line-height:40px;box-shadow:5px 5px 5px rgba(0,0,0,0.2);margin:-10px auto;display:block;border-radius:30px" href="{commentUrl}" target="_blank">查看完整回复內容</a>
    <div style="color:#8c8c8c;font-size:8px;width:100%;text-align:center;margin-top:30px">
        <p>本邮件为系统自动发送,请勿直接回复哦!</p>
    </div>
    <div style="color:#8c8c8c;font-size:8px;width:100%;text-align:center">
        <p>Copyright © {blogName}. All Rights Reserved.</p>
    </div>
</div>

当前页面是本站的「Google AMP」版。查看和发表评论请点击:完整版 »