声明

步骤

  • 找到Typecho/usr/plugins/LoveKKComment/theme/reply.html
  • 备份该文件并将内容替换成以下代码
<table style="width:99.8%;height:99.8%">
    <tbody>
        <tr>
            <td>
                <div style="background: white;
                width: 95%;
                max-width: 800px;
                margin: auto auto;
                border-radius: 5px;
                border:orange 1px solid;
                overflow: hidden;
                -webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.12);
                box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.18);">
                    <header style="overflow: hidden;">
                        <img style="width:100%;z-index: 666;" src="https://ftp.bmp.ovh/imgs/2020/03/c124a3068b0ba6c8.jpg">
                        </header>
                    <div style="padding: 5px 20px;">
                        <p style="position: relative;
                        color: white;
                        float: left;
                        z-index: 999;
                        background: orange;
                        padding: 5px 30px;
                        margin: -25px auto 0 ;
                        box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.30)">Dear&nbsp;{author}</p>
                        <br>
                        <h3>您有一条来自<a style="text-decoration: none;color: orange " target="_blank" href="{blogUrl}">{blogName}</a>的回复</h3>
                        <br>
                        <p style="font-size: 14px;">您在文章《{title}》上发表的评论:</p>
                        <p style="border-bottom:#ddd 1px solid;border-left:#ddd 1px solid;padding-bottom:20px;background-color:#eee;margin:15px 0px;padding-left:20px;padding-right:20px;border-top:#ddd 1px solid;border-right:#ddd 1px solid;padding-top:20px">{text}</p>
                        <p style="font-size: 14px;">{replyAuthor} 给您的回复如下:</p>
                        <p style="border-bottom:#ddd 1px solid;border-left:#ddd 1px solid;padding-bottom:20px;background-color:#eee;margin:15px 0px;padding-left:20px;padding-right:20px;border-top:#ddd 1px solid;border-right:#ddd 1px solid;padding-top:20px">{replyText}</p>

                        <div style="text-align: center;">
                            <img src="https://ftp.bmp.ovh/imgs/2020/03/8423219bbff23d56.png" alt="hr" style="width:100%;
                                                                                                  margin:5px auto 5px auto;
                                                                                                  display: block;">
                            <a style="text-transform: uppercase;
                            text-decoration: none;
                            font-size: 14px;
                            border: 2px solid #6c7575;
                            color: #2f3333;
                            padding: 10px;
                            display: inline-block;
                            margin: 10px auto 0; " target="_blank" href="{permalink}">点击查看回复的完整內容</a>
                            </div>
                        <p style="font-size: 12px;text-align: center;color: #999;">本邮件为系统自动发出,请勿直接回复<br>
                        ©{blogName}</p>
                    </div>
                </div>
            </td>
        </tr>
    </tbody>
</table>
  • 保存并重启服务
  • 回到评论区回复邮件对方就会收到如图所示邮件了,成功对邮件模板进行美化(可以修改代码里的链接来修改图片)

HTML文件地址

插件参数

LoveKKComment 1.0.5插件邮件模板参数如下(具体以README.md为准):

插件共有三个模板,保存在插件`theme`目录下,分别为:

> 1. approved.html:邮件审核通过通知模板。
> 2. author.html:文章评论通知作者模板。
> 3. reply.html:评论回复通知被回复者模板。

### approved.html

> 1. {blogUrl}:博客地址
> 2. {blogName}:博客名称
> 3. {author}:评论者名称
> 4. {permalink}:文章链接
> 5. {title}:文章标题
> 6. {text}:评论内容

### author.html

author.html内变量与approved.html内变量一致。

### reply.html

> 1. {blogUrl}:博客地址
> 2. {blogName}:博客名称
> 3. {author}:被回复者名称
> 4. {permalink}:文章链接
> 5. {title}:文章标题
> 6. {text}:被回复者评论内容
> 7. {replyAuthor}:回复者名称
> 8. {replyText}:回复内容
Last modification:April 1st, 2020 at 09:53 pm
如果觉得我的文章对你有用,请随意赞赏