hexo-theme-particlex 2.1.2 → 2.1.5
Sign up to get free protection for your applications and to get access to all the features.
- package/README.md +5 -2
- package/layout/card.ejs +6 -2
- package/layout/index.ejs +3 -3
- package/layout/layout.ejs +14 -11
- package/layout/post.ejs +1 -4
- package/layout/script.ejs +9 -6
- package/package.json +1 -1
- package/source/css/particlex.css +13 -16
- package/source/js/functions.js +0 -1
- package/source/js/particlex.js +7 -3
package/README.md
CHANGED
|
@@ -144,7 +144,10 @@ highlightStyle: github # Highlight style
|
|
|
144
144
|
支持 Markdown 格式
|
|
145
145
|
|
|
146
146
|
```yaml
|
|
147
|
-
description:
|
|
147
|
+
description: |-
|
|
148
|
+
Normal
|
|
149
|
+
_Italic_
|
|
150
|
+
**Strong**
|
|
148
151
|
```
|
|
149
152
|
|
|
150
153
|
- 页脚
|
|
@@ -177,7 +180,7 @@ highlightStyle: github # Highlight style
|
|
|
177
180
|
|
|
178
181
|
- 渲染数学公式
|
|
179
182
|
|
|
180
|
-
使用
|
|
183
|
+
使用 KaTeX 渲染数学公式，默认关闭
|
|
181
184
|
|
|
182
185
|
```yaml
|
|
183
186
|
math:
|
package/layout/card.ejs
CHANGED
|
@@ -13,6 +13,7 @@
|
|
|
13
13
|
</div>
|
|
14
14
|
<% }); %>
|
|
15
15
|
</div>
|
|
16
|
+
<% if (Object.keys(theme.card.iconLinks).length) { %>
|
|
16
17
|
<div class="icon-links">
|
|
17
18
|
<% Object.keys(theme.card.iconLinks).forEach(key => { %>
|
|
18
19
|
<span class="icon-link">
|
|
@@ -22,14 +23,17 @@
|
|
|
22
23
|
</span>
|
|
23
24
|
<% }); %>
|
|
24
25
|
</div>
|
|
26
|
+
<% } %>
|
|
27
|
+
<% if (Object.keys(theme.card.friendLinks).length) { %>
|
|
25
28
|
<div class="friend-links">
|
|
26
29
|
<% Object.keys(theme.card.friendLinks).forEach(key => { %>
|
|
27
|
-
<
|
|
30
|
+
<span class="friend-link">
|
|
28
31
|
<a href="<%- theme.card.friendLinks[key] %>">
|
|
29
32
|
<%= key %>
|
|
30
33
|
</a>
|
|
31
|
-
</
|
|
34
|
+
</span>
|
|
32
35
|
<% }); %>
|
|
33
36
|
</div>
|
|
37
|
+
<% } %>
|
|
34
38
|
</div>
|
|
35
39
|
</div>
|
package/layout/index.ejs
CHANGED
|
@@ -19,13 +19,13 @@
|
|
|
19
19
|
<div id="home-posts-wrap" class="<%- theme.card.enable ? "" : "home-posts-wrap-no-card" %>">
|
|
20
20
|
<div id="home-posts">
|
|
21
21
|
<div id="posts">
|
|
22
|
-
<%-
|
|
23
|
-
<%-
|
|
22
|
+
<%- partial("posts") %>
|
|
23
|
+
<%- partial("current") %>
|
|
24
24
|
</div>
|
|
25
25
|
</div>
|
|
26
26
|
<% if (theme.card.enable) { %>
|
|
27
27
|
<div id="home-card">
|
|
28
|
-
<%-
|
|
28
|
+
<%- partial("card") %>
|
|
29
29
|
</div>
|
|
30
30
|
<% } %>
|
|
31
31
|
</div>
|
package/layout/layout.ejs
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
<%
|
|
2
|
-
let
|
|
2
|
+
let type = "post";
|
|
3
3
|
if (is_home())
|
|
4
|
-
|
|
4
|
+
type = "index";
|
|
5
5
|
else if (is_post())
|
|
6
|
-
|
|
6
|
+
type = "post";
|
|
7
7
|
else if (is_category() || page.type == "categories")
|
|
8
|
-
|
|
8
|
+
type = "categories";
|
|
9
9
|
else if (is_tag() || page.type == "tags")
|
|
10
|
-
|
|
10
|
+
type = "tags";
|
|
11
11
|
else if (is_archive() || is_year() || is_month())
|
|
12
|
-
|
|
12
|
+
type = "archives";
|
|
13
13
|
let title = "";
|
|
14
14
|
if (page.title)
|
|
15
15
|
title = page.title + " | ";
|
|
@@ -48,20 +48,23 @@
|
|
|
48
48
|
<script src="https://cdn.staticfile.org/KaTeX/0.16.4/contrib/auto-render.min.js"></script>
|
|
49
49
|
<link rel="stylesheet" href="https://cdn.staticfile.org/KaTeX/0.16.4/katex.min.css">
|
|
50
50
|
<% } %>
|
|
51
|
+
<% if (theme.crypto.enable && typeof page.password !== "undefined") { %>
|
|
52
|
+
<script src="https://cdn.staticfile.org/crypto-js/4.1.1/crypto-js.min.js"></script>
|
|
53
|
+
<% } %>
|
|
51
54
|
<link rel="stylesheet" href="<%- url_for("/css/fonts.min.css") %>">
|
|
52
55
|
<link rel="stylesheet" href="<%- url_for("/css/particlex.css") %>">
|
|
53
56
|
</head>
|
|
54
57
|
<body>
|
|
55
|
-
<%-
|
|
58
|
+
<%- partial("loading") %>
|
|
56
59
|
<div id="layout">
|
|
57
60
|
<transition name="into">
|
|
58
61
|
<div v-show="showpage" style="display: -not-none">
|
|
59
62
|
<div id="menushow">
|
|
60
|
-
<%-
|
|
63
|
+
<%- partial("menu") %>
|
|
61
64
|
</div>
|
|
62
65
|
<div id="main">
|
|
63
|
-
<%-
|
|
64
|
-
<%-
|
|
66
|
+
<%- partial(type) %>
|
|
67
|
+
<%- partial("footer") %>
|
|
65
68
|
</div>
|
|
66
69
|
</div>
|
|
67
70
|
</transition>
|
|
@@ -69,6 +72,6 @@
|
|
|
69
72
|
<img id="showimg-content" alt="showimg">
|
|
70
73
|
</div>
|
|
71
74
|
</div>
|
|
72
|
-
<%-
|
|
75
|
+
<%- partial("script", { type }) %>
|
|
73
76
|
</body>
|
|
74
77
|
</html>
|
package/layout/post.ejs
CHANGED
|
@@ -38,7 +38,7 @@
|
|
|
38
38
|
</span>
|
|
39
39
|
<% } %>
|
|
40
40
|
</div>
|
|
41
|
-
<% if (typeof page.password !== "undefined"
|
|
41
|
+
<% if (theme.crypto.enable && typeof page.password !== "undefined") { %>
|
|
42
42
|
<%
|
|
43
43
|
const CryptoJS = crypto();
|
|
44
44
|
function sha(str) {
|
|
@@ -51,7 +51,6 @@
|
|
|
51
51
|
}).toString();
|
|
52
52
|
}
|
|
53
53
|
%>
|
|
54
|
-
<script src="https://cdn.staticfile.org/crypto-js/4.1.1/crypto-js.min.js"></script>
|
|
55
54
|
<input id="crypto" class="ipt" placeholder="文章被加密，请输入密码" data-encrypt="<%- encrypt(page.content, page.password.toString()) %>" data-check="<%- sha(page.content) %>">
|
|
56
55
|
<div class="content" style="opacity: 0" v-pre></div>
|
|
57
56
|
<% } else { %>
|
|
@@ -60,7 +59,6 @@
|
|
|
60
59
|
</div>
|
|
61
60
|
<% } %>
|
|
62
61
|
<% if (theme.gitalk.enable) { %>
|
|
63
|
-
<link rel="stylesheet" href="https://cdn.staticfile.org/gitalk/1.7.2/gitalk.min.css">
|
|
64
62
|
<div id="comment">
|
|
65
63
|
<div id="gitalk-container"></div>
|
|
66
64
|
</div>
|
|
@@ -71,7 +69,6 @@
|
|
|
71
69
|
</div>
|
|
72
70
|
<% } %>
|
|
73
71
|
<% if (theme.waline.enable) { %>
|
|
74
|
-
<link rel="stylesheet" href="https://cdn.staticfile.org/waline/2.9.1/waline.min.css" />
|
|
75
72
|
<div id="comment">
|
|
76
73
|
<div id="waline-container"></div>
|
|
77
74
|
</div>
|
package/layout/script.ejs
CHANGED
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
<script src="<%- url_for("/js/functions.js") %>"></script>
|
|
2
2
|
<script src="<%- url_for("/js/particlex.js") %>"></script>
|
|
3
|
-
<% if (
|
|
3
|
+
<% if (type == "post") { %>
|
|
4
4
|
<% if (theme.gitalk.enable) { %>
|
|
5
5
|
<script src="https://cdn.staticfile.org/gitalk/1.7.2/gitalk.min.js"></script>
|
|
6
|
+
<link rel="stylesheet" href="https://cdn.staticfile.org/gitalk/1.7.2/gitalk.min.css">
|
|
6
7
|
<script>
|
|
7
|
-
let clientID = "<%- theme.gitalk.clientID %>",
|
|
8
|
+
let clientID = "<%- theme.gitalk.clientID %>",
|
|
9
|
+
clientSecret = "<%- theme.gitalk.clientSecret %>";
|
|
8
10
|
<% Object.keys(theme.gitalk.sites).forEach(key => { %>
|
|
9
11
|
if (window.location.host == "<%- key %>") {
|
|
10
12
|
clientID = "<%- theme.gitalk.sites[key].clientID %>";
|
|
@@ -21,10 +23,10 @@
|
|
|
21
23
|
id: location.pathname,
|
|
22
24
|
distractionFreeMode: false,
|
|
23
25
|
<% if (theme.gitalk.proxy) { %>
|
|
24
|
-
proxy: "<%- theme.gitalk.proxy %>"
|
|
26
|
+
proxy: "<%- theme.gitalk.proxy %>",
|
|
25
27
|
<% } %>
|
|
26
28
|
})
|
|
27
|
-
gitalk.render("gitalk-container")
|
|
29
|
+
gitalk.render("gitalk-container");
|
|
28
30
|
</script>
|
|
29
31
|
<% } %>
|
|
30
32
|
<% if (theme.giscus.enable) { %>
|
|
@@ -47,6 +49,7 @@
|
|
|
47
49
|
<% } %>
|
|
48
50
|
<% if (theme.waline.enable) { %>
|
|
49
51
|
<script src="https://cdn.staticfile.org/waline/2.9.1/waline.min.js"></script>
|
|
52
|
+
<link rel="stylesheet" href="https://cdn.staticfile.org/waline/2.9.1/waline.min.css">
|
|
50
53
|
<script>
|
|
51
54
|
Waline.init({
|
|
52
55
|
el: "#waline-container",
|
|
@@ -60,7 +63,7 @@
|
|
|
60
63
|
wordLimit: <%- theme.waline.wordLimit %>,
|
|
61
64
|
pageSize: "<%- theme.waline.pageSize %>",
|
|
62
65
|
login: "<%- theme.waline.login %>",
|
|
63
|
-
locale: <%- JSON.stringify(theme.waline.locale)
|
|
66
|
+
locale: <%- JSON.stringify(theme.waline.locale) %>,
|
|
64
67
|
});
|
|
65
68
|
</script>
|
|
66
69
|
<% } %>
|
|
@@ -72,7 +75,7 @@
|
|
|
72
75
|
envId: "<%- theme.twikoo.envId %>",
|
|
73
76
|
region: "<%- theme.twikoo.region %>",
|
|
74
77
|
path: <%- theme.twikoo.path %>,
|
|
75
|
-
lang: "<%- theme.twikoo.lang %>"
|
|
78
|
+
lang: "<%- theme.twikoo.lang %>",
|
|
76
79
|
})
|
|
77
80
|
</script>
|
|
78
81
|
<% } %>
|
package/package.json
CHANGED
package/source/css/particlex.css
CHANGED
|
@@ -291,7 +291,7 @@ footer .footer-wrap {
|
|
|
291
291
|
color: #1e3e3f;
|
|
292
292
|
}
|
|
293
293
|
#home-posts .post .post-tags {
|
|
294
|
-
line-height: 1.
|
|
294
|
+
line-height: 1.7;
|
|
295
295
|
}
|
|
296
296
|
#home-posts .post .post-tags a {
|
|
297
297
|
font-size: 14px;
|
|
@@ -414,7 +414,6 @@ footer .footer-wrap {
|
|
|
414
414
|
font-size: 16px;
|
|
415
415
|
font-weight: bold;
|
|
416
416
|
color: #1e3e3f;
|
|
417
|
-
text-transform: uppercase;
|
|
418
417
|
}
|
|
419
418
|
#home-card .card-style .descriptions {
|
|
420
419
|
margin: 20px auto;
|
|
@@ -423,9 +422,8 @@ footer .footer-wrap {
|
|
|
423
422
|
#home-card .card-style .icon-links {
|
|
424
423
|
width: 85%;
|
|
425
424
|
margin: 10px auto;
|
|
426
|
-
padding:
|
|
425
|
+
padding-top: 10px;
|
|
427
426
|
border-top: #cdcdcd solid 1px;
|
|
428
|
-
border-bottom: #cdcdcd solid 1px;
|
|
429
427
|
}
|
|
430
428
|
#home-card .card-style .icon-links a {
|
|
431
429
|
color: #5c6b72;
|
|
@@ -441,20 +439,18 @@ footer .footer-wrap {
|
|
|
441
439
|
margin: 5px;
|
|
442
440
|
}
|
|
443
441
|
#home-card .card-style .friend-links {
|
|
444
|
-
|
|
445
|
-
|
|
446
|
-
|
|
447
|
-
|
|
448
|
-
text-align: center;
|
|
442
|
+
width: 85%;
|
|
443
|
+
margin: 10px auto;
|
|
444
|
+
padding-top: 10px;
|
|
445
|
+
border-top: #cdcdcd solid 1px;
|
|
449
446
|
}
|
|
450
447
|
#home-card .card-style .friend-links .friend-link a {
|
|
451
448
|
display: inline-block;
|
|
452
|
-
width:
|
|
453
|
-
|
|
449
|
+
width: 100%;
|
|
450
|
+
margin-bottom: 5px;
|
|
451
|
+
line-height: 30px;
|
|
454
452
|
color: #5c6b72;
|
|
455
|
-
|
|
456
|
-
border-radius: 15px;
|
|
457
|
-
background-blend-mode: darken;
|
|
453
|
+
border-radius: 10px;
|
|
458
454
|
}
|
|
459
455
|
#home-card .card-style .friend-links .friend-link a:hover {
|
|
460
456
|
color: #fff;
|
|
@@ -507,6 +503,7 @@ footer .footer-wrap {
|
|
|
507
503
|
#menu .phone-menu .title {
|
|
508
504
|
z-index: 10004;
|
|
509
505
|
cursor: pointer;
|
|
506
|
+
text-transform: uppercase;
|
|
510
507
|
color: #555;
|
|
511
508
|
}
|
|
512
509
|
#menu .phone-menu .items {
|
|
@@ -718,7 +715,7 @@ footer .footer-icon {
|
|
|
718
715
|
text-decoration: none;
|
|
719
716
|
}
|
|
720
717
|
#archives .info {
|
|
721
|
-
line-height: 1.
|
|
718
|
+
line-height: 1.7;
|
|
722
719
|
}
|
|
723
720
|
#archives .category {
|
|
724
721
|
display: inline-block;
|
|
@@ -786,7 +783,7 @@ footer .footer-icon {
|
|
|
786
783
|
margin: 20px 0;
|
|
787
784
|
}
|
|
788
785
|
.article .info {
|
|
789
|
-
line-height: 1.
|
|
786
|
+
line-height: 1.7;
|
|
790
787
|
}
|
|
791
788
|
.article .info a {
|
|
792
789
|
color: #5c6b72;
|
package/source/js/functions.js
CHANGED
package/source/js/particlex.js
CHANGED
|
@@ -8,10 +8,14 @@ const app = Vue.createApp({
|
|
|
8
8
|
composition: false,
|
|
9
9
|
};
|
|
10
10
|
},
|
|
11
|
+
created() {
|
|
12
|
+
window.addEventListener("load", () => {
|
|
13
|
+
this.showpage = true;
|
|
14
|
+
document.getElementById("loading").style.opacity = 0;
|
|
15
|
+
document.getElementById("loading").style.visibility = "hidden";
|
|
16
|
+
});
|
|
17
|
+
},
|
|
11
18
|
mounted() {
|
|
12
|
-
this.showpage = true;
|
|
13
|
-
document.getElementById("loading").style.opacity = 0;
|
|
14
|
-
document.getElementById("loading").style.visibility = "hidden";
|
|
15
19
|
if (document.getElementById("home-head"))
|
|
16
20
|
document.getElementById("menu").className += " menu-color";
|
|
17
21
|
if (document.getElementById("crypto")) {
|