教程教程Twikoo等系统评论回复邮件模板：Acrylic Mail Card Elysia
ElegantTwikoo等系统评论回复邮件模板：Acrylic Mail Card Elysia
评论通知是许多网站和应用程序的重要功能，它可以帮助用户及时了解他人对他们内容的评论。Twikoo默认的比较简洁，HEO大佬改了一下，但是部分App或者邮箱无法正常显示，于是我又定制了一下。现在分享一个评论通知模板的代码示例，供大家参考，有需要的小伙伴可以自取。本文暂时以Twikoo为模板。
邮件样式
代码示例
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
| <html>
<head>
<title>邮件回复模板-byElegant</title>
<style>
@media (prefers-color-scheme: dark) {
.dark-mode { background-color: #000000; color: #ffffff; }
body, table, td { background-color: #000000 !important; color: #ffffff !important; }
}
</style>
</head>
<body style="background-color:#ffc6d1; margin:0; padding:0;">
<table align="center" border="0" cellpadding="0" cellspacing="0" width="100%" style="background-color:#ffc6d1;">
<tr>
<td align="center">
<table border="0" cellpadding="0" cellspacing="0" style="max-width:600px; width:100%;">
<tr>
<td align="center" valign="top" style="padding:10px; background-color:#ffc6d1;">
<table border="0" cellpadding="0" cellspacing="0" width="100%" class="dark-mode" style="border-radius:8px; overflow:hidden; background-color:#ffffff;">
<tr>
<td align="center" valign="top" style="padding: 20px;">
<img src="将这里更改为网站图标图片的url地址" width="128" height="128" alt="图片" style="border-radius: 50%;">
</td>
</tr>
<tr>
<td align="center" valign="top">
<table width="90%" cellspacing="0" cellpadding="0">
<tr>
<td align="center" style="font-size: 26px; font-family: PingFang-SC-Bold, Arial, sans-serif; font-weight: bold; color: #000000; line-height: 37px; padding: 10px;">嘿！你在 ${SITE_NAME} 博客中收到一条新回复。</td>
</tr>
<tr>
<td align="center" style="font-size: 16px; font-family: PingFang-SC-Bold, Arial, sans-serif; font-weight: bold; color: #00000066; line-height: 22px; padding: 5px;">你之前的评论 在 ${SITE_NAME} 博客中收到来自 ${NICK} 的回复</td>
</tr>
<tr>
<td align="center" style="font-size: 16px; font-family: PingFang-SC-Bold, Arial, sans-serif; font-weight: bold; color: #00000066; line-height: 22px; padding: 10px;"></td>
</tr>
<tr>
<td align="left" bgcolor="#F7F7F7" style="border-radius: 12px; padding: 20px; font-size: 16px; font-family: PingFangSC-Regular, Arial, sans-serif; color: #000000; line-height: 22px;">
<span style="font-weight: bold; color: #C5343E;">${PARENT_NICK}</span>
<p>${PARENT_COMMENT}</p>
<hr style="border: 0; height: 1px; background: #ef859d2e;">
<span style="font-weight: bold; color: #C5343E;">${NICK}</span>
<p>${COMMENT}</p>
</td>
</tr>
</table>
</td>
</tr>
<tr>
<td align="center" style="font-size: 16px; font-family: PingFang-SC-Bold, Arial, sans-serif; font-weight: bold; color: #00000066; line-height: 22px; padding: 5px;"></td>
</tr>
<tr>
<td align="center" valign="top" style="padding: 20px;">
<a href="${POST_URL}" style="background: #ef859d38; border-radius: 32px; font-family: PingFangSC-Regular, Arial, sans-serif; font-size: 16px; color: #DB214B; padding: 10px 20px; text-decoration: none;">查看详情</a>
</td>
</tr>
<tr>
<td style="font-size: 12px; color: #00000045; line-height: 17px; padding: 10px; text-align: center;">
此邮件由系统自动发出，直接回复无效。
</td>
</tr>
<tr>
<td align="center" valign="middle" style="padding: 5px;">
<table align="center" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="center" valign="middle" style="font-size: 12px; color: #DB214B; text-decoration: none; padding: 0px;">
<a href="${SITE_URL}" style="color: #DB214B; text-decoration: none;">
前往博客
</a>
</td>
</tr>
</table>
</td>
</tr>
</tr>
<tr>
<td align="center" style="font-size: 16px; font-family: PingFang-SC-Bold, Arial, sans-serif; font-weight: bold; color: #00000066; line-height: 22px; padding: 10px;"></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
|
将 将这里更改为网站图标图片的url地址 更改为网站图标图片的url地址。
安装方法
在Twikoo管理后台选择邮件通知,复制上面的代码并粘贴到MAIL_TEMPLATE 中。
如需截图教学请点击。
请注意，该链接不属于本站，请您注意您的隐私和个人信息，本站不对该链接负责！
Twikoo邮件可用的自定义字段
| 参数 |
含义 |
| ${SITE_URL} |
网站链接 |
| ${SITE_NAME} |
网站名字 |
| ${PARENT_NICK} |
被回复人昵称 |
| ${PARENT_COMMENT} |
被回复人的评论内容 |
| ${NICK} |
回复人昵称 |
| ${COMMENT} |
回复人评论内容 |
| ${POST_URL} |
文章链接 |
| ${IMG} |
回复人头像 |
| ${PARENT_IMG} |
被回复人头像 |
| ${MAIL} |
回复人邮件 |
| ${IP} |
回复人 IP 地址 |
资源
