说明: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. 生成授权码,如图所示
    TIM截图20180829034301.png

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

TIM截图20180829033141.png
密码非QQ登录密码,需要填写授权码

遇到的问题

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

解决方案

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

插件美化

效果图:
效果图
进入/usr/plugins/CommentToMail目录,修改owner.htmlguest.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 国际许可协议进行许可。
您可以自由转载或修改,但禁止一切形式的商业使用,同时,务必请注明原文地址及作者信息。

Last modification:May 29, 2022
如果觉得我的文章对你有用,请随意赞赏