Typecho的邮件插件
每当游客给你进行评论或者留言时,都希望自己能够第一时间的知道,想达到这个效果,就需要一款好用的Typecho的插件->
CommentToMail
,它可以通过邮件的形式第一时间让你得知你博客内的情况,十分好用!
CommentToMail版本
首先,CommentToMail插件大致上有俩个版本,一个是需要设置网站监控
,另一个是修改版,则不需要设置网站监控。(个人建议使用修改版,不用那么麻烦!)
插件下载
正式版:https://dll.cyz4531.top/b%E3%80%81Typecho/CommentToMail%20.zip
- 本文我只讲述修改版的使用教程,想使用正式版的请看作者的博客,有详细的使用教程!
作者博客:https://www.moerats.com/archives/743/
修改版:https://dll.cyz4531.top/b%E3%80%81Typecho/CommentToMail-%E4%BF%AE%E6%94%B9%E7%89%88.zip
- 关注作者:作者找不到!!!
食用方法:
步骤1:下载好插件,上传并解压到到 /usr/plugins目录下
,文件夹命名为CommentToMail
步骤2:博客后台 -> 控制台 -> 插件 找到插件启动即可
步骤3:
我们需要进去插件设置里面配置基本信息。
首先得配置好SMTP的基本信息 ;
STMP地址 -> smtp.qq.com ;
SMTP端口 -> 465 ;
SMTP密码 -> (需要你的QQ邮箱开启SMTP服务才有,不用着急,在下方我也会给教程)
接收邮件填你的QQ邮箱,如果地址为空则使用文章作者个人设置中的邮件地址!
最后保存设置即可!
开启STMP服务
登录QQ邮箱 -> 点击最顶段的设置 -> 账户 -> 找到开启服务,把STMP服务开启即可,开启就会得到
SMTP的密码
如图:
邮件美化
插件的内置邮件的样式不太美观,需要我们美化一下。
原本的邮件模样:
美化后的邮件模样:
相比之下,是不是美了许多丫!
美化步骤
步骤1:博客后台 -> 控制台 -> 评论邮件提醒 -> 编辑邮件模板
步骤2:首先修改guest.html
,把 Guest
里的代码复制粘贴进去
Guest:
<table style="width: 99.8%;height:99.8% "><tbody><tr><td style="background:#fafafa url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAy0lEQVQY0x2PsQtAYBDFP1keKZfBKIqNycCERUkMKLuSgZnRarIpJX8s3zfcDe9+794du+8bRVHQOI4wDAOmaULTNDDGYFkWMVVVQUTQdZ3iOMZxHCjLElVV0TRNYHVdC7ptW6RpSn3f4wdJkiTs+w6WJAl4DcOAbdugKAq974umaRAEARgXn+cRW3zfFxuiKCJZloXGHMeBbdv4Beq6Duu6Issy7iYB8Jbnucg8zxPLsggnj/zvIxaGIXmeB9d1wSE+nOeZf4HruvABUtou5ypjMF4AAAAASUVORK5CYII=')">
<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: