Skip to content

Commit f3ddc54

Browse files
InneiInnei
committed
fix: ejs
1 parent f92f659 commit f3ddc54

File tree

1 file changed

+267
-78
lines changed

1 file changed

+267
-78
lines changed

‎email-template/newsletter.template.ejs‎

Lines changed: 267 additions & 78 deletions
Original file line numberDiff line numberDiff line change
@@ -1,80 +1,269 @@
1-
<!DOCTYPE html
2-
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
1+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
32
<html lang="en">
4-
5-
<head data-id="__react-email-head">
6-
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
7-
</head>
8-
<div id="__react-email-preview" style="display:none;overflow:hidden;line-height:1px;opacity:0;max-height:0;max-width:0">
9-
你关注的 @&lt;%= aggregate.owner.name %&gt; 有新的内容发布啦。&lt;%= aggregate.post.text.slice(0, 20) %&gt;<div>
10-
 ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏
3+
<head data-id="__react-email-head">
4+
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
5+
</head>
6+
<div
7+
id="__react-email-preview"
8+
style="
9+
display: none;
10+
overflow: hidden;
11+
line-height: 1px;
12+
opacity: 0;
13+
max-height: 0;
14+
max-width: 0;
15+
"
16+
>
17+
你关注的 @<%= aggregate.owner.name %> 有新的内容发布啦。<%=
18+
aggregate.post.text.slice(0, 20) %>
19+
<div>
20+
 ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏ ‌​‍‎‏
21+
</div>
1122
</div>
12-
</div>
13-
14-
<body data-id="__react-email-body"
15-
style="background-color:rgb(255,255,255);margin-top:auto;margin-bottom:auto;margin-left:auto;margin-right:auto;font-family:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;padding:0.5rem">
16-
<table align="center" width="100%" data-id="__react-email-container" role="presentation" cellSpacing="0"
17-
cellPadding="0" border="0"
18-
style="max-width:100%;border-radius:0.375rem;border-color:rgb(251,113,133);box-shadow:0 0 #0000, 0 0 #0000, 0 4px 6px -1px rgb(0,0,0,0.1), 0 2px 4px -2px rgb(0,0,0,0.1);margin-top:40px;margin-bottom:40px;margin-left:auto;margin-right:auto;padding:20px;width:550px;position:relative;overflow:hidden">
19-
<tbody>
20-
<tr style="width:100%">
21-
<td>
22-
<table align="center" width="100%" data-id="react-email-section" border="0" cellPadding="0" cellSpacing="0"
23-
role="presentation" style="position:absolute;top:0px;right:0px;bottom:0px;left:0px;pointer-events:none">
24-
<tbody>
25-
<tr>
26-
<td><img data-id="react-email-img"
27-
src="https://fastly.jsdelivr.net/gh/mx-space/docs-images@master/images/chichi-1.jpeg"
28-
style="display:block;outline:none;border:none;text-decoration:none;mask-image:linear-gradient(to bottom, rgba(0, 0, 0, 1.0) 0%, transparent 100%);-webkit-mask-image:linear-gradient(to bottom, rgba(0, 0, 0, 1.0) 0%, transparent 100%);object-fit:contain;max-width:100%;opacity:0.2;filter:blur(16px)" />
29-
</td>
30-
</tr>
31-
</tbody>
32-
</table>
33-
<table align="center" width="100%" data-id="react-email-section" border="0" cellPadding="0" cellSpacing="0"
34-
role="presentation" style="margin-top:32px">
35-
<tbody>
36-
<tr>
37-
<td><img data-id="react-email-img" src="&lt;%= aggregate.owner.avatar %&gt;"
38-
style="display:block;outline:none;border:none;text-decoration:none;margin-top:0px;margin-bottom:0px;margin-left:auto;margin-right:auto;border-radius:0.75rem;height:3rem;width:3rem" />
39-
</td>
40-
</tr>
41-
</tbody>
42-
</table>
43-
<p data-id="react-email-text" style="font-size:14px;line-height:24px;margin:16px 0">你关注的 @&lt;%=
44-
aggregate.owner.name %&gt; 刚刚发布了：</p>
45-
<h1 data-id="react-email-heading" style="font-size:20px;text-align:center">&lt;%= title %&gt;</h1>
46-
<p data-id="react-email-text" style="font-size:14px;line-height:24px;margin:16px 0">&lt;%= text %&gt;</p>
47-
<table align="center" width="100%" data-id="react-email-section" border="0" cellPadding="0" cellSpacing="0"
48-
role="presentation" style="text-align:center;margin-top:32px;margin-bottom:32px;position:relative">
49-
<tbody>
50-
<tr>
51-
<td><a href="&lt;%= detail_link %&gt;" data-id="react-email-button" target="_blank"
52-
style="line-height:100%;text-decoration:none;display:inline-block;max-width:100%;padding:12px 20px;background-color:rgb(251,113,133);border-radius:0.25rem;color:rgb(255,255,255);font-size:12px;font-weight:600;text-decoration-line:none;text-align:center"><span></span><span
53-
style="max-width:100%;display:inline-block;line-height:120%;mso-padding-alt:0px;mso-text-raise:9px">查看完整内容</span><span></span></a><a
54-
href="&lt;%= unsubscribe_link %&gt;" data-id="react-email-link" target="_blank"
55-
style="color:rgb(156,163,175);text-decoration:none;position:absolute;right:0px;font-size:12px;top:0.75rem">退订</a>
56-
</td>
57-
</tr>
58-
</tbody>
59-
</table>
60-
<hr data-id="react-email-hr" style="width:100%;border:none;border-top:1px solid #eaeaea" />
61-
<table align="center" width="100%" data-id="react-email-section" border="0" cellPadding="0" cellSpacing="0"
62-
role="presentation" style="margin-top:1rem">
63-
<tbody>
64-
<tr>
65-
<td>
66-
<p data-id="react-email-text"
67-
style="font-size:10px;line-height:24px;margin:16px 0;text-align:center;color:rgb(156,163,175)">
68-
本邮件为系统自动发送，请勿直接回复~ <br />©&lt;%= new Date().getFullYear() %&gt; Copyright &lt;%=
69-
aggregate.owner.name %&gt;</p>
70-
</td>
71-
</tr>
72-
</tbody>
73-
</table>
74-
</td>
75-
</tr>
76-
</tbody>
77-
</table>
78-
</body>
79-
80-
</html>
23+
<body
24+
data-id="__react-email-body"
25+
style="
26+
background-color: rgb(255, 255, 255);
27+
margin-top: auto;
28+
margin-bottom: auto;
29+
margin-left: auto;
30+
margin-right: auto;
31+
font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont,
32+
Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif,
33+
Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
34+
padding: 0.5rem;
35+
"
36+
>
37+
<table
38+
align="center"
39+
width="100%"
40+
data-id="__react-email-container"
41+
role="presentation"
42+
cellspacing="0"
43+
cellpadding="0"
44+
border="0"
45+
style="
46+
max-width: 100%;
47+
border-radius: 0.375rem;
48+
border-color: rgb(251, 113, 133);
49+
box-shadow: 0 0 #0000, 0 0 #0000, 0 4px 6px -1px rgb(0, 0, 0, 0.1),
50+
0 2px 4px -2px rgb(0, 0, 0, 0.1);
51+
margin-top: 40px;
52+
margin-bottom: 40px;
53+
margin-left: auto;
54+
margin-right: auto;
55+
padding: 20px;
56+
width: 550px;
57+
position: relative;
58+
overflow: hidden;
59+
"
60+
>
61+
<tbody>
62+
<tr style="width: 100%">
63+
<td>
64+
<table
65+
align="center"
66+
width="100%"
67+
data-id="react-email-section"
68+
border="0"
69+
cellpadding="0"
70+
cellspacing="0"
71+
role="presentation"
72+
style="
73+
position: absolute;
74+
top: 0px;
75+
right: 0px;
76+
bottom: 0px;
77+
left: 0px;
78+
pointer-events: none;
79+
"
80+
>
81+
<tbody>
82+
<tr>
83+
<td>
84+
<img
85+
data-id="react-email-img"
86+
src="https://fastly.jsdelivr.net/gh/mx-space/docs-images@master/images/chichi-1.jpeg"
87+
style="
88+
display: block;
89+
outline: none;
90+
border: none;
91+
text-decoration: none;
92+
mask-image: linear-gradient(
93+
to bottom,
94+
rgba(0, 0, 0, 1) 0%,
95+
transparent 100%
96+
);
97+
-webkit-mask-image: linear-gradient(
98+
to bottom,
99+
rgba(0, 0, 0, 1) 0%,
100+
transparent 100%
101+
);
102+
object-fit: contain;
103+
max-width: 100%;
104+
opacity: 0.2;
105+
filter: blur(16px);
106+
"
107+
/>
108+
</td>
109+
</tr>
110+
</tbody>
111+
</table>
112+
<table
113+
align="center"
114+
width="100%"
115+
data-id="react-email-section"
116+
border="0"
117+
cellpadding="0"
118+
cellspacing="0"
119+
role="presentation"
120+
style="margin-top: 32px"
121+
>
122+
<tbody>
123+
<tr>
124+
<td>
125+
<img
126+
data-id="react-email-img"
127+
src="<%= aggregate.owner.avatar %>"
128+
style="
129+
display: block;
130+
outline: none;
131+
border: none;
132+
text-decoration: none;
133+
margin-top: 0px;
134+
margin-bottom: 0px;
135+
margin-left: auto;
136+
margin-right: auto;
137+
border-radius: 0.75rem;
138+
height: 3rem;
139+
width: 3rem;
140+
"
141+
/>
142+
</td>
143+
</tr>
144+
</tbody>
145+
</table>
146+
<p
147+
data-id="react-email-text"
148+
style="font-size: 14px; line-height: 24px; margin: 16px 0"
149+
>
150+
你关注的 @<%= aggregate.owner.name %> 刚刚发布了：
151+
</p>
152+
<h1
153+
data-id="react-email-heading"
154+
style="font-size: 20px; text-align: center"
155+
>
156+
<%= title %>
157+
</h1>
158+
<p
159+
data-id="react-email-text"
160+
style="font-size: 14px; line-height: 24px; margin: 16px 0"
161+
>
162+
<%= text %>
163+
</p>
164+
<table
165+
align="center"
166+
width="100%"
167+
data-id="react-email-section"
168+
border="0"
169+
cellpadding="0"
170+
cellspacing="0"
171+
role="presentation"
172+
style="
173+
text-align: center;
174+
margin-top: 32px;
175+
margin-bottom: 32px;
176+
position: relative;
177+
"
178+
>
179+
<tbody>
180+
<tr>
181+
<td>
182+
<a
183+
href="<%= detail_link %>"
184+
data-id="react-email-button"
185+
target="_blank"
186+
style="
187+
line-height: 100%;
188+
text-decoration: none;
189+
display: inline-block;
190+
max-width: 100%;
191+
padding: 12px 20px;
192+
background-color: rgb(251, 113, 133);
193+
border-radius: 0.25rem;
194+
color: rgb(255, 255, 255);
195+
font-size: 12px;
196+
font-weight: 600;
197+
text-decoration-line: none;
198+
text-align: center;
199+
"
200+
><span></span
201+
><span
202+
style="
203+
max-width: 100%;
204+
display: inline-block;
205+
line-height: 120%;
206+
mso-padding-alt: 0px;
207+
mso-text-raise: 9px;
208+
"
209+
>查看完整内容</span
210+
><span></span></a
211+
><a
212+
href="<%= unsubscribe_link %>"
213+
data-id="react-email-link"
214+
target="_blank"
215+
style="
216+
color: rgb(156, 163, 175);
217+
text-decoration: none;
218+
position: absolute;
219+
right: 0px;
220+
font-size: 12px;
221+
top: 0.75rem;
222+
"
223+
>退订</a
224+
>
225+
</td>
226+
</tr>
227+
</tbody>
228+
</table>
229+
<hr
230+
data-id="react-email-hr"
231+
style="width: 100%; border: none; border-top: 1px solid #eaeaea"
232+
/>
233+
<table
234+
align="center"
235+
width="100%"
236+
data-id="react-email-section"
237+
border="0"
238+
cellpadding="0"
239+
cellspacing="0"
240+
role="presentation"
241+
style="margin-top: 1rem"
242+
>
243+
<tbody>
244+
<tr>
245+
<td>
246+
<p
247+
data-id="react-email-text"
248+
style="
249+
font-size: 10px;
250+
line-height: 24px;
251+
margin: 16px 0;
252+
text-align: center;
253+
color: rgb(156, 163, 175);
254+
"
255+
>
256+
本邮件为系统自动发送，请勿直接回复~ <br />©<%= new
257+
Date().getFullYear() %> Copyright <%= aggregate.owner.name
258+
%>
259+
</p>
260+
</td>
261+
</tr>
262+
</tbody>
263+
</table>
264+
</td>
265+
</tr>
266+
</tbody>
267+
</table>
268+
</body>
269+
</html>

0 commit comments

Comments
 (0)