Favorisieren 0
Fork 0

Zuletzt aktiv 4 hours ago

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

artalk html

LiuShen's Avatar LiuShen hat die Gist bearbeitet 4 hours ago. Zu Änderung gehen

2 files changed, 269 insertions

admin.html(Datei erstellt)

@@ -0,0 +1,134 @@
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(Datei erstellt)

@@ -0,0 +1,135 @@
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>
Neuer Älter

Powered by Opengist ⋅ Load: 34ms⋅

Deutsch
⋅ 个人主页 ⋅ 站长博客