说明:Typecho 上使用最广泛的插件是 CommentToMail，最早由DEFE开发，后来由Byends Upd接手。该插件通过常用的 PHP Mail，SendMail 或者 SMTP 来发送邮件.
同时lan tian制作了基于 Mailgun 云邮API 的 Typecho评论插件分支,后9S修复了部分bug,并进行了打包.

本篇文章就是主要就是介绍由9S进行打包的插件的使用步骤、插件美化、其中出现的问题及问题的解决方案
Head Pic:かえでろーん

插件下载:
百度云已失效
天翼云2022.05.29更新，访问码：5hkx

更新内容

• 详情可以点击这里邮件发送失败：SMTP connect() failed. PHP>=5.6
• 当我们使用QQ邮箱（非企业邮箱）的时候会发现邮件发不出去，修复了此bug
• 更新了PHP Mailer版本
• 关闭了使用SMTP发信的证书认证（QQ邮箱证书加密级别太低）
• 修改了插件说明（如果这也算的话。。）

支持的版本范围

• typecho 0.9 1.0 1.1 开发版（2017-6-11）
• php5.4 5.5 5.6 7.0 7.1

为什么要用加密邮箱发送邮件通知？

正常SMTP协议使用的是25端口，但是由于垃圾邮件泛滥，25端口普遍被拦截，因此才使用465的加密SMTP端口

使用步骤

安装插件

1. 上方下载插件,上传到/usr/plugins目录
2. 登录网站控制台,启用插件

设置插件

获得QQ授权码

1. 进入QQ邮箱设置,选择账户
2. 生成授权码,如图所示
   

填写相关信息,端口输入465并启用ssl加密

密码非QQ登录密码,需要填写授权码

遇到的问题

无法启用插件,提示对不起,插件目录不可写,无法正常使用此功能

解决方案

进入/usr/plugins/CommentToMail目录,设置cache文件夹777权限.

插件美化

效果图:

进入/usr/plugins/CommentToMail目录,修改owner.html和guest.html文件
owner.html

<div style="max-width:500px; margin: 16px 16px 16px 16px; background-color: #eef2fa;     box-shadow: 1px 1px 10px #888888; border-radius: 3px;">

    <p style=" color: white; border-radius: 3px;
    padding: 15px 15px;

    background: rgb(3, 169, 244);">{siteTitle}：<a target="_blank" href="{permalink}">{title}</a></strong>&nbsp;有新的评论</p>

    <p style="    
    border-radius: 3px;
    padding: 15px 15px;
    "><strong style=" padding: 5px 5px;   border-radius: 3px;
    color: white;
    background-color: rgb(3, 169, 244);">{author}</strong> 评论说：<div style="margin:0px 10px 10px 10px;     
    border-radius: 3px;color: white;
    padding: 15px 15px;    box-shadow: 1px 1px 10px #888888;background-color: #888888;">{text}</div></p><br>
    <div style="    margin: 0;

    border-bottom: 1px solid #e0e0e0;"></div>

    <p style="     
    border-radius: 3px;
   padding: 15px 15px;
    margin:0px 10px 10px 10px; ">时间：{time}<br />IP：{ip}<br />邮箱：{mail}<br />
    状态：{status}<br /></p>

</div>

guest.html

<table style="width: 99.8%;height:99.8% "><tbody><tr><td style="background:#fafafa url(https://a.photo/images/2018/03/24/2017113018325846288465.png)">
    <div style="border-radius: 10px 10px 10px 10px;font-size:13px;    color: #555555;width: 666px;font-family:'Century Gothic','Trebuchet MS','Hiragino Sans GB',微软雅黑,'Microsoft Yahei',Tahoma,Helvetica,Arial,'SimSun',sans-serif;margin:50px auto;border:1px solid #eee;max-width:100%;background: #ffffff repeating-linear-gradient(-45deg,#fff,#fff 1.125rem,transparent 1.125rem,transparent 2.25rem);box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);">
        <div style="width:100%;background:#49BDAD;color:#ffffff;border-radius: 10px 10px 0 0;background-image: -moz-linear-gradient(0deg, rgb(67, 198, 184), rgb(255, 209, 244));background-image: -webkit-linear-gradient(0deg, rgb(67, 198, 184), rgb(255, 209, 244));height: 66px;">
            <p style="font-size:15px;word-break:break-all;padding: 23px 32px;margin:0;background-color: hsla(0,0%,100%,.4);border-radius: 10px 10px 0 0;">您在<a style="text-decoration:none;color: #ffffff;" href="https://aukcl.win"> {siteTitle} </a>上的留言有新回复啦！
            </p>
        </div>
        <div style="margin:40px auto;width:90%">
            <p>{author_p} 同学，您曾在文章《{title}》上发表评论:</p>
            <p style="background: #fafafa repeating-linear-gradient(-45deg,#fff,#fff 1.125rem,transparent 1.125rem,transparent 2.25rem);box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);margin:20px 0px;padding:15px;border-radius:5px;font-size:14px;color:#555555;">{text_p}</p>
            <p>{author} 给您的回复如下：</p>
            <p style="background: #fafafa repeating-linear-gradient(-45deg,#fff,#fff 1.125rem,transparent 1.125rem,transparent 2.25rem);box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);margin:20px 0px;padding:15px;border-radius:5px;font-size:14px;color:#555555;">{text}</p>
              <p>您可以点击 <a style="text-decoration:none; color:#12addb" href="{permalink}">查看回复的完整內容 </a>，欢迎再次光临 <a style="text-decoration:none; color:#12addb" href="https://aukcl.win"> {siteTitle} </a>。</p>
            <style type="text/css">a:link{text-decoration:none}a:visited{text-decoration:none}a:hover{text-decoration:none}a:active{text-decoration:none}</style>
        </div>
    </div>
</td></tr></tbody></table>

插件原文:https://9sb.org/58
插件美化原文:https://www.liuguogy.com/archives/typecho-commenttomail-mail-style.html

版权属于：本文为原创文章，版权归 AUK CL 所有。
文章地址： https://aukcl.win/archives/365/
所有原创文章由知识共享署名-非商业性使用 4.0 国际许可协议进行许可。
您可以自由转载或修改，但禁止一切形式的商业使用，同时，务必请注明原文地址及作者信息。