Typecho CommentToMail邮件插件模板美化
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: -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://sunpma.com"> {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://sunpma.com"> {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>
注意:粘贴Guest的代码时,小伙伴需要把
“欢迎再次光临” 后面的href="地址"改为自己博客的地址
哦!(代码在第12行末尾部分)
步骤3:接着修改owner.html
,把 Owner
里的代码复制粘贴进去
Owner:
<style>.wrap span {display: inline-block;}.w260{ width: 260px;}.w20{ width: 20px;}.wauto{ width: auto;}
</style>
<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: -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://sunpma.com"> {siteTitle} </a>上有新的评论啦!</p></div><div style="margin:40px auto;width:90%"><p>{author} 在您文章《{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 class="wrap" style="text-decoration:none"><span class="w260">时间:{time}</span><span class="w20"> </span><span class="wauto">IP:{ip}</span></p><p class="wrap" style="text-decoration:none"><span class="w260">邮箱:{mail}</span><span class="w20"> </span><span class="wauto">状态:{status}</span></p><p><a style="text-decoration:none; color:#12addb" href="{permalink}" target='_blank'>[查看评论]</a> | <a style="text-decoration:none; color:#12addb" href="{manage}" target='_blank'>[管理评论] </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>
完工!小伙伴可以去快乐的享受啦!
- 关注我的博客,http://www.cyz4531.top,你可以了解到更多哦!
- 欢迎在下方点赞评论哦!
Typecho CommentToMail邮件插件模板美化相关推荐
- typecho模板ajax,【完善版】Typecho不使用插件实现Ajax评论功能
[完善版]Typecho不使用插件实现Ajax评论功能 作者:佚名 来源:爱好者 时间:2020-03-31 我之前写过<Typecho不使用插件实现Ajax评论功能>这篇文章,文章中对绛 ...
- 使用python套用excel模板_集成python的excel插件模板pyaddin——使用说明
虽然VBA是Excel的官配二次开发语言,但鉴于python的简洁易用高可维护性,相信不少人更倾向于使用python来处理Excel相关的二次开发工作.目前已有一些优秀的python第三方库,例如xl ...
- php 评论插件,Typecho评论增强插件:TeComment(2017.09.07更新)
TeComment(2017.09.07更新) Typecho 评论增强插件,可为Typecho评论增加评论工具栏.实现评论列表异步加载以及Ajax提交评论功能 插件地址:TeComment 1.安装 ...
- word公式插件_全套office零基础视频教程|200集视频+插件+模板,免费送!
全套office零基础视频教程|200集视频+插件+模板,免费送! 大学生.教师.职员进入职场的基础技能有Word,Excel,PPT.这几个软件不能局限于基础功能操作,还要能熟练的设计.表格美化界面 ...
- jenkins邮件html模板使用自定义变量
jenkins的邮件插件使用的是Email Extension 邮件配置了默认的html模板,现在想在pipeline中自定义的变量传到邮件中,比如构建了一个docker image,想把image附 ...
- 网上税务html模板,HTML黑色欧美形式税务动态邮件网页模板代码
模板描述:黑色 欧美形式 税务动态邮件.HTML黑色欧美形式税务动态邮件网页模板代码HTML模板下载 代码结构 1. HTML代码 Lorem ipsum dolor sit amet, consec ...
- VBA Editor Addins -- VBE插件模板开发众筹
https://www.cnblogs.com/Charltsing/p/VBEAddins.html QQ:564955427 8月8日测试版功能说明 1.VBE菜单的创建 2.toolwindow ...
- 使用 WordPress 插件模板开发高质量插件
WordPress 插件样板是标准化的,有组织的,面向对象的基础,用于构建高品质的 WordPress 插件.样板遵循编码标准和文件标准,所以你不必自己学习这些,根据注释编写代码即可. 官方网站 ...
- 中文邮件营销html模版,怎么制作邮件营销模板?— —邮件格式
怎么制作邮件营销模板?- -邮件格式 U-Mail邮件营销平台 发表时间 2017-09-21 人气 757次 做EDM邮件营销,需要有好的邮件群发工具,还要有好的内容,那么如何制作好邮件营销的模板呢 ...
最新文章
- Ubuntu下安装node和npm
- java自动生成代码框架_DodoFramework- 一个基于代码生成引擎的Java Web系统自动化开发框架...
- 以列表形式输出_04 Python之列表、集合和字典的推导式
- win10+tensorflow CPU 部署CTPN环境
- 深入浅出之正则表达式(二)
- sicily 1012. Stacking Cylinders
- devops 技术_在DevOps时代雇用技术作家
- 教大家如何选购直播声卡
- 精通 CSS+DIV 网页样式与布局 158
- 解释什么是啸叫,为什么会发生啸叫,啸叫的为何和如何防止啸叫
- Spark Steaming管理kafka的offset
- 数据的正态分布验证和方差齐性检验
- Python中英文翻译工具
- RF-2 变量的基本使用
- 苹果三代耳机_苹果三代蓝牙无线耳机
- 杜克计算机工程本科专业申请,杜克大学电气与计算机工程专业申请要求有哪些?...
- 【转来自我同事的一篇分享】 UOS安装部分无法打印的惠普打印机驱动
- 【前端面试之Vue】
- 舞动的表情包——浅析 GIF 格式图片的存储和压缩
- android 动态改变图标颜色
热门文章
- 微信每日推送天气预报每日情话-利用堡塔实现每天自动推送!
- c# IE插件 Browser Helper Object (BHO)
- 机器学习最优化算法的演变,FTRL一路走来,从LR - SGD - TG - FOBOS - RDA - FTRL
- Systrace之 input 解读
- 【能效管理】AcrelEMS-IDC数据中心综合能效管理系统应用分析
- gtsam 学习七(读取BAL数据集)
- 分享一个门店会员管理系统模板
- ESS升级用户名及密码
- 单点登录认证系统 MaxKey v 1.3.0GA
- 传感器原理及应用期末复习汇总(附某高校期末真题试卷)