最終更新 3 hours ago

清羽飞扬站点中的Artalk邮件模板

admin.html Raw
1<div>
2 <div id="liushen-mail-content" style="margin-top: 20px;margin-bottom: 20px">
3 <div style="background: #ddefff;width: 95%;max-width: 800px;margin: auto auto;border-radius: 12px;border: #49b1f5 1px solid;overflow: hidden;-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.4);box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.4); ">
4 <header style="overflow: hidden"><img class="banner-img" src="https://i.p-i.vip/30/20250419-68031ec68f419.webp" style="width: 100%; z-index: 666"></header>
5 <div style="padding: 5px 20px">
6 <div class="dear" style="border-radius: 30px;position: relative;color: white;float: left;z-index: 999;background: #347aa9;padding: 5px 30px;margin: -20px auto 0;box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);">亲爱的{{site_name}}站长:</div><br>
7 <center>
8 <h3>你的博客收到了来自{{reply_nick}}的评论!</h3>
9 </center>
10 <hr style="width:200px;border:0;border-bottom:1px solid #e5e5e5;margin:12px auto;"><br>&nbsp;&nbsp;<p style="font-weight: bold;">&nbsp;评论者信息:&nbsp;</p>
11 <div class="tk-content" style="border-radius: 10px;border-bottom: #ddd 1px solid; border-left: #ddd 1px solid; padding-bottom: 20px; background-color: #eff7ff; margin: 15px 0px; padding-left: 20px; padding-right: 20px; border-top: #ddd 1px solid; border-right: #ddd 1px solid; padding-top: 20px;">昵称:{{reply_nick}}<br>邮箱:{{comment.email}}<br>文章标题:{{page_title}}</div>
12 <p><a style="text-decoration: none; color: #9c515b">&nbsp;{{reply_nick}}</a>&nbsp;的评论内容:</p>
13 <div class="tk-content" style="border-radius: 10px;border-bottom: #ddd 1px solid; border-left: #ddd 1px solid; padding-bottom: 20px; background-color: #eff7ff; margin: 15px 0px; padding-left: 20px; padding-right: 20px; border-top: #ddd 1px solid; border-right: #ddd 1px solid; padding-top: 20px;">{{reply_content}}</div>
14 <p>此邮件由评论服务自动发出,直接回复无效!</p>
15 <p>如需联系博主,请发送邮件到:01@liushen.fun</p>
16 <p><br></p>
17 <div class="chakan" style="text-align: center;"><a href="{{link_to_reply}}" style="color:#ffffff;text-decoration:none;display:inline-block;min-height:28px;line-height:28px;padding:0 13px;outline:0;background:#3e83ae;font-size:13px;text-align: center;font-weight:400;border:0;border-radius:999em" target="_blank">点击去原文查看&gt;&gt;</a></div>
18 <div class="footer-p" style="text-align: center; margin-top: 5rem; display:block;color:#b3b3b1;text-decoration:none;"><img src="https://blog.liushen.fun/favicon.ico" style="width:2.8rem; margin:0 auto">&nbsp;
19 <hr style="width:165px;border:0;border-bottom:1px solid #e5e5e5;margin:5px auto;">©&nbsp;2021-2025&nbsp;<a href="https://www.liushen.fun/" style="text-align:center; color: #0da1e6a6" target="_blank">清羽飞扬·LiuShen</a>
20 </div>
21 </div>
22 </div>
23 </div>
24 <style type="text/css">
25 .qmbox::-webkit-scrollbar {
26 display: none
27 }
28
29 .qmbox#divNeteaseBigAttach,
30 .qmbox#divNeteaseBigAttach_bak {
31 display: none
32 }
33
34 .qmbox blockquote {
35 display: none
36 }
37
38 .qmbox body {
39 font-size: 14px;
40 font-family: arial, verdana, sans-serif;
41 line-height: 1.666;
42 padding: 0;
43 margin: 0;
44 overflow: auto;
45 white-space: normal;
46 word-wrap: break-word;
47 min-height: 100px
48 }
49
50 .qmbox td,
51 .qmbox input,
52 .qmbox button,
53 .qmbox select,
54 .qmbox body {
55 font-family: Helvetica, 'Microsoft Yahei', verdana
56 }
57
58 .qmbox pre {
59 white-space: pre-wrap;
60 white-space: -moz-pre-wrap;
61 white-space: -pre-wrap;
62 white-space: -o-pre-wrap;
63 word-wrap: break-word;
64 width: 95%
65 }
66
67 .qmbox th,
68 .qmbox td {
69 font-family: arial, verdana, sans-serif;
70 line-height: 1.666
71 }
72
73 .qmbox img {
74 border: 0
75 }
76
77 .qmbox header,
78 .qmbox footer,
79 .qmbox section,
80 .qmbox aside,
81 .qmbox article,
82 .qmbox nav,
83 .qmbox hgroup,
84 .qmbox figure,
85 .qmbox figcaption {
86 display: block
87 }
88
89 .qmbox blockquote {
90 margin-right: 0px
91 }
92
93 .qmbox a,
94 .qmbox td a {
95 color: #236da1
96 }
97
98 #liushen-mail-content img[atk-emoticon] {
99 width: 40px;
100 height: 40px;
101 }
102
103 #liushen-mail-content blockquote {
104 margin: 0 0 10px 0;
105 background-color: #49b1f51f;
106 border: 2px dashed #aaaaaa;
107 padding: 10px;
108 border-radius: 12px;
109 }
110
111 #liushen-mail-content img:not(.banner-img):not([atk-emoticon]) {
112 width: 100%;
113 border-radius: 12px;
114 }
115
116 @media screen and(max-width:1100px) {
117 #liushen-mail-content p {
118 font-size: 10px
119 }
120
121 #liushen-mail-content h3 {
122 font-size: 14px
123 }
124
125 .footer-p {
126 font-size: 9px
127 }
128
129 .dear {
130 font-size: 12px
131 }
132 }
133 </style>
134</div>
visitor.html Raw
1<div>
2 <div id="liushen-mail-content" style="margin-top: 20px;margin-bottom: 20px">
3 <div style="background: #ddefff;width: 95%;max-width: 800px;margin: auto auto;border-radius: 12px;border: #49b1f5 1px solid;overflow: hidden;-webkit-box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.4);box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.4); ">
4 <header style="overflow: hidden"><img class="banner-img" src="https://i.p-i.vip/30/20250419-68031ec68f419.webp" style="width: 100%; z-index: 666"></header>
5 <div style="padding: 5px 20px">
6 <div class="dear" style="border-radius: 30px;position: relative;color: white;float: left;z-index: 999;background: #347aa9;padding: 5px 30px;margin: -20px auto 0;box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.3);">亲爱的{{nick}}:</div><br>
7 <center>
8 <h3>你收到了来自&nbsp;<a style="text-decoration: none; color: #9c515b">{{reply_nick}}</a>&nbsp;的回复</h3>
9 </center>
10 <hr style="width:200px;border:0;border-bottom:1px solid #e5e5e5;margin:12px auto;"><br>&nbsp;&nbsp;<p>您曾在<a href="{{page_url}}" style="text-decoration: none;color: #49b1f5" target="_blank">&nbsp;『{{page_title}}』&nbsp;</a>上发表的评论:</p>
11 <div class="tk-content" style="border-radius: 10px;border-bottom: #ddd 1px solid; border-left: #ddd 1px solid; padding-bottom: 20px; background-color: #eff7ff; margin: 15px 0px; padding-left: 20px; padding-right: 20px; border-top: #ddd 1px solid; border-right: #ddd 1px solid; padding-top: 20px;">{{parent_comment.content}}</div>
12 <p>收到了<a style="text-decoration: none; color: #49b1f5">&nbsp;{{reply_nick}}</a>&nbsp;给了您回复:</p>
13 <div class="tk-content" style="border-radius: 10px;border-bottom: #ddd 1px solid; border-left: #ddd 1px solid; padding-bottom: 20px; background-color: #eff7ff; margin: 15px 0px; padding-left: 20px; padding-right: 20px; border-top: #ddd 1px solid; border-right: #ddd 1px solid; padding-top: 20px;">{{comment.content}}</div>
14 <p>欢迎再次光临<a style="text-decoration:none; color:#9c515b" href="{{site_url}}" target="_blank">{{site_name}}</a></p>
15 <p>此邮件由评论服务自动发出,直接回复无效!</p>
16 <p>如需联系博主,请发送邮件到:01@liushen.fun</p>
17 <p><br></p>
18 <div class="chakan" style="text-align: center;"><a href="{{link_to_reply}}" style="color:#ffffff;text-decoration:none;display:inline-block;min-height:28px;line-height:28px;padding:0 13px;outline:0;background:#3e83ae;font-size:13px;text-align: center;font-weight:400;border:0;border-radius:999em" target="_blank">点击去原文查看&gt;&gt;</a></div>
19 <div class="footer-p" style="text-align: center; margin-top: 5rem; display:block;color:#b3b3b1;text-decoration:none;"><img src="https://blog.liushen.fun/favicon.ico" style="width:2.8rem; margin:0 auto">&nbsp;
20 <hr style="width:165px;border:0;border-bottom:1px solid #e5e5e5;margin:5px auto;">©&nbsp;2021-2025&nbsp;<a href="https://www.liushen.fun/" style="text-align:center; color: #0da1e6a6" target="_blank">清羽飞扬·LiuShen</a>
21 </div>
22 </div>
23 </div>
24 </div>
25 <style type="text/css">
26 .qmbox::-webkit-scrollbar {
27 display: none
28 }
29
30 .qmbox#divNeteaseBigAttach,
31 .qmbox#divNeteaseBigAttach_bak {
32 display: none
33 }
34
35 .qmbox blockquote {
36 display: none
37 }
38
39 .qmbox body {
40 font-size: 14px;
41 font-family: arial, verdana, sans-serif;
42 line-height: 1.666;
43 padding: 0;
44 margin: 0;
45 overflow: auto;
46 white-space: normal;
47 word-wrap: break-word;
48 min-height: 100px
49 }
50
51 .qmbox td,
52 .qmbox input,
53 .qmbox button,
54 .qmbox select,
55 .qmbox body {
56 font-family: Helvetica, 'Microsoft Yahei', verdana
57 }
58
59 .qmbox pre {
60 white-space: pre-wrap;
61 white-space: -moz-pre-wrap;
62 white-space: -pre-wrap;
63 white-space: -o-pre-wrap;
64 word-wrap: break-word;
65 width: 95%
66 }
67
68 .qmbox th,
69 .qmbox td {
70 font-family: arial, verdana, sans-serif;
71 line-height: 1.666
72 }
73
74 .qmbox img {
75 border: 0
76 }
77
78 .qmbox header,
79 .qmbox footer,
80 .qmbox section,
81 .qmbox aside,
82 .qmbox article,
83 .qmbox nav,
84 .qmbox hgroup,
85 .qmbox figure,
86 .qmbox figcaption {
87 display: block
88 }
89
90 .qmbox blockquote {
91 margin-right: 0px
92 }
93
94 .qmbox a,
95 .qmbox td a {
96 color: #236da1
97 }
98
99 #liushen-mail-content img[atk-emoticon] {
100 width: 40px;
101 height: 40px;
102 }
103
104 #liushen-mail-content blockquote {
105 margin: 0 0 10px 0;
106 background-color: #49b1f51f;
107 border: 2px dashed #aaaaaa;
108 padding: 10px;
109 border-radius: 12px;
110 }
111
112 #liushen-mail-content img:not(.banner-img):not([atk-emoticon]) {
113 width: 100%;
114 border-radius: 12px;
115 }
116
117 @media screen and(max-width:1100px) {
118 #liushen-mail-content p {
119 font-size: 10px
120 }
121
122 #liushen-mail-content h3 {
123 font-size: 14px
124 }
125
126 .footer-p {
127 font-size: 9px
128 }
129
130 .dear {
131 font-size: 12px
132 }
133 }
134 </style>
135</div>