hexo-theme-particlex 2.2.2 → 2.2.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/layout/card.ejs +5 -5
- package/layout/current.ejs +16 -32
- package/layout/layout.ejs +1 -1
- package/layout/loading.ejs +1 -1
- package/package.json +1 -1
- package/source/css/particlex.css +43 -39
package/layout/card.ejs
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
<div id="card-div">
|
|
2
2
|
<div class="card-style" style="width: 300px">
|
|
3
3
|
<div class="avatar">
|
|
4
|
-
<img src="<%- theme.avatar %>" alt="avatar">
|
|
4
|
+
<img src="<%- url_for(theme.avatar) %>" alt="avatar">
|
|
5
5
|
</div>
|
|
6
6
|
<div class="name">
|
|
7
7
|
<%= config.author %>
|
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
<div class="icon-links">
|
|
14
14
|
<% Object.keys(theme.card.iconLinks).forEach(key => { %>
|
|
15
15
|
<span class="icon-link">
|
|
16
|
-
<a href="<%- theme.card.iconLinks[key].link %>">
|
|
16
|
+
<a href="<%- url_for(theme.card.iconLinks[key].link) %>">
|
|
17
17
|
<i class="fa-<%- theme.card.iconLinks[key].theme %> fa-<%- theme.card.iconLinks[key].name %> fa-fw"></i>
|
|
18
18
|
</a>
|
|
19
19
|
</span>
|
|
@@ -23,11 +23,11 @@
|
|
|
23
23
|
<% if (Object.keys(theme.card.friendLinks).length) { %>
|
|
24
24
|
<div class="friend-links">
|
|
25
25
|
<% Object.keys(theme.card.friendLinks).forEach(key => { %>
|
|
26
|
-
<
|
|
27
|
-
<a href="<%- theme.card.friendLinks[key] %>">
|
|
26
|
+
<div class="friend-link">
|
|
27
|
+
<a href="<%- url_for(theme.card.friendLinks[key]) %>">
|
|
28
28
|
<%= key %>
|
|
29
29
|
</a>
|
|
30
|
-
</
|
|
30
|
+
</div>
|
|
31
31
|
<% }); %>
|
|
32
32
|
</div>
|
|
33
33
|
<% } %>
|
package/layout/current.ejs
CHANGED
|
@@ -1,10 +1,8 @@
|
|
|
1
1
|
<div class="page-current">
|
|
2
2
|
<div class="prev">
|
|
3
3
|
<% if (page.current != 1) { %>
|
|
4
|
-
<a href="<%- url_for(page.prev_link) %>">
|
|
5
|
-
<
|
|
6
|
-
<i class="fa-solid fa-caret-left fa-fw"></i>
|
|
7
|
-
</span>
|
|
4
|
+
<a class="page-num" href="<%- url_for(page.prev_link) %>">
|
|
5
|
+
<i class="fa-solid fa-caret-left fa-fw"></i>
|
|
8
6
|
</a>
|
|
9
7
|
<% } %>
|
|
10
8
|
</div>
|
|
@@ -12,27 +10,21 @@
|
|
|
12
10
|
<% if (page.current != 1) { %>
|
|
13
11
|
<span>
|
|
14
12
|
<% if (page.current - 3 >= 1) { %>
|
|
15
|
-
<a href="<%- config.root %>"
|
|
13
|
+
<a class="page-num" href="<%- config.root %>">1</a>
|
|
16
14
|
<span class="page-omit">...</span>
|
|
17
15
|
<% } %>
|
|
18
16
|
<% if (page.current - 2 >= 1) { %>
|
|
19
17
|
<% if (page.current - 2 == 1) { %>
|
|
20
|
-
<a href="<%- config.root %>">
|
|
21
|
-
<span class="page-num">1</span>
|
|
22
|
-
</a>
|
|
18
|
+
<a class="page-num" href="<%- config.root %>">1</a>
|
|
23
19
|
<% } %>
|
|
24
20
|
<% if (page.current - 2 != 1) { %>
|
|
25
|
-
<a href="<%- url_for("page/" + (page.current - 2)) %>">
|
|
26
|
-
|
|
27
|
-
<%= page.current - 2 %>
|
|
28
|
-
</span>
|
|
21
|
+
<a class="page-num" href="<%- url_for("page/" + (page.current - 2)) %>">
|
|
22
|
+
<%= page.current - 2 %>
|
|
29
23
|
</a>
|
|
30
24
|
<% } %>
|
|
31
25
|
<% } %>
|
|
32
|
-
<a href="<%- url_for(page.prev_link) %>">
|
|
33
|
-
|
|
34
|
-
<%= page.prev %>
|
|
35
|
-
</span>
|
|
26
|
+
<a class="page-num" href="<%- url_for(page.prev_link) %>">
|
|
27
|
+
<%= page.prev %>
|
|
36
28
|
</a>
|
|
37
29
|
</span>
|
|
38
30
|
<% } %>
|
|
@@ -41,24 +33,18 @@
|
|
|
41
33
|
</span>
|
|
42
34
|
<% if (page.current != page.total) { %>
|
|
43
35
|
<span>
|
|
44
|
-
<a href="<%- url_for(page.next_link) %>">
|
|
45
|
-
|
|
46
|
-
<%= page.next %>
|
|
47
|
-
</span>
|
|
36
|
+
<a class="page-num" href="<%- url_for(page.next_link) %>">
|
|
37
|
+
<%= page.next %>
|
|
48
38
|
</a>
|
|
49
39
|
<% if (page.current + 2 <= page.total) { %>
|
|
50
|
-
<a href="<%- url_for("page/" + (page.current + 2)) %>">
|
|
51
|
-
|
|
52
|
-
<%= page.current + 2 %>
|
|
53
|
-
</span>
|
|
40
|
+
<a class="page-num" href="<%- url_for("page/" + (page.current + 2)) %>">
|
|
41
|
+
<%= page.current + 2 %>
|
|
54
42
|
</a>
|
|
55
43
|
<% } %>
|
|
56
44
|
<% if (page.current + 3 <= page.total) { %>
|
|
57
45
|
<span class="page-omit">...</span>
|
|
58
|
-
<a href="<%- url_for("page/" + page.total) %>">
|
|
59
|
-
|
|
60
|
-
<%= page.total %>
|
|
61
|
-
</span>
|
|
46
|
+
<a class="page-num" href="<%- url_for("page/" + page.total) %>">
|
|
47
|
+
<%= page.total %>
|
|
62
48
|
</a>
|
|
63
49
|
<% } %>
|
|
64
50
|
</span>
|
|
@@ -66,10 +52,8 @@
|
|
|
66
52
|
</div>
|
|
67
53
|
<div class="next">
|
|
68
54
|
<% if (page.current != page.total) { %>
|
|
69
|
-
<a href="<%- url_for(page.next_link) %> ">
|
|
70
|
-
<
|
|
71
|
-
<i class="fa-solid fa-caret-right fa-fw"></i>
|
|
72
|
-
</span>
|
|
55
|
+
<a class="page-num" href="<%- url_for(page.next_link) %> ">
|
|
56
|
+
<i class="fa-solid fa-caret-right fa-fw"></i>
|
|
73
57
|
</a>
|
|
74
58
|
<% } %>
|
|
75
59
|
</div>
|
package/layout/layout.ejs
CHANGED
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
<meta name="author" content="<%- config.author %>">
|
|
31
31
|
<meta name="description" content="<%- config.description %>">
|
|
32
32
|
<meta name="keywords" content="<%- config.keywords %>">
|
|
33
|
-
<link rel="icon" href="<%- theme.avatar %>">
|
|
33
|
+
<link rel="icon" href="<%- url_for(theme.avatar) %>">
|
|
34
34
|
<script src="https://cdn.staticfile.org/vue/3.2.45/vue.global.prod.min.js"></script>
|
|
35
35
|
<script src="https://cdn.staticfile.org/highlight.js/11.7.0/highlight.min.js"></script>
|
|
36
36
|
<link rel="stylesheet" href="https://cdn.staticfile.org/highlight.js/11.7.0/styles/<%- theme.highlightStyle %>.min.css">
|
package/layout/loading.ejs
CHANGED
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
<h2>LOADING...</h2>
|
|
6
6
|
<p style="word-break: keep-all">加载过慢请开启缓存（浏览器默认开启）</p>
|
|
7
7
|
<div>
|
|
8
|
-
<img alt="loading" src="<%- url_for("/images/loading.gif") %>" style="
|
|
8
|
+
<img alt="loading" src="<%- url_for("/images/loading.gif") %>" style="height: 50px">
|
|
9
9
|
</div>
|
|
10
10
|
</div>
|
|
11
11
|
</div>
|
package/package.json
CHANGED
package/source/css/particlex.css
CHANGED
|
@@ -1,50 +1,50 @@
|
|
|
1
1
|
@keyframes into {
|
|
2
|
-
|
|
2
|
+
from {
|
|
3
3
|
opacity: 0;
|
|
4
4
|
transform: scale(1.1);
|
|
5
5
|
}
|
|
6
|
-
|
|
6
|
+
to {
|
|
7
7
|
opacity: 1;
|
|
8
8
|
transform: scale(1);
|
|
9
9
|
}
|
|
10
10
|
}
|
|
11
11
|
@keyframes loading {
|
|
12
|
-
|
|
12
|
+
from {
|
|
13
13
|
opacity: 0;
|
|
14
14
|
}
|
|
15
|
-
|
|
15
|
+
to {
|
|
16
16
|
opacity: 1;
|
|
17
17
|
}
|
|
18
18
|
}
|
|
19
19
|
@keyframes loop1 {
|
|
20
|
-
|
|
20
|
+
from {
|
|
21
21
|
transform: rotate(30deg);
|
|
22
22
|
}
|
|
23
|
-
|
|
23
|
+
to {
|
|
24
24
|
transform: rotate(390deg);
|
|
25
25
|
}
|
|
26
26
|
}
|
|
27
27
|
@keyframes loop2 {
|
|
28
|
-
|
|
28
|
+
from {
|
|
29
29
|
transform: rotate(60deg);
|
|
30
30
|
}
|
|
31
|
-
|
|
31
|
+
to {
|
|
32
32
|
transform: rotate(420deg);
|
|
33
33
|
}
|
|
34
34
|
}
|
|
35
35
|
@keyframes loop3 {
|
|
36
|
-
|
|
36
|
+
from {
|
|
37
37
|
transform: rotate(90deg);
|
|
38
38
|
}
|
|
39
|
-
|
|
39
|
+
to {
|
|
40
40
|
transform: rotate(450deg);
|
|
41
41
|
}
|
|
42
42
|
}
|
|
43
43
|
@keyframes loop4 {
|
|
44
|
-
|
|
44
|
+
from {
|
|
45
45
|
transform: rotate(120deg);
|
|
46
46
|
}
|
|
47
|
-
|
|
47
|
+
to {
|
|
48
48
|
transform: rotate(480deg);
|
|
49
49
|
}
|
|
50
50
|
}
|
|
@@ -75,7 +75,7 @@
|
|
|
75
75
|
border-radius: 10px;
|
|
76
76
|
color: #fff;
|
|
77
77
|
padding: 10px 15px;
|
|
78
|
-
transition:
|
|
78
|
+
transition: background 0.25s, border 0.25s, color 0.25s;
|
|
79
79
|
}
|
|
80
80
|
#archives .categories-tags span a:hover {
|
|
81
81
|
background: #fff !important;
|
|
@@ -115,9 +115,9 @@
|
|
|
115
115
|
background-position: center;
|
|
116
116
|
background-repeat: no-repeat;
|
|
117
117
|
background-size: cover;
|
|
118
|
+
position: absolute;
|
|
118
119
|
height: 100vh;
|
|
119
120
|
left: 0;
|
|
120
|
-
position: absolute;
|
|
121
121
|
top: 0;
|
|
122
122
|
width: 100vw;
|
|
123
123
|
z-index: -1;
|
|
@@ -140,7 +140,6 @@
|
|
|
140
140
|
height: 140px;
|
|
141
141
|
margin: auto;
|
|
142
142
|
text-align: center;
|
|
143
|
-
transition: all 0.25s;
|
|
144
143
|
width: 140px;
|
|
145
144
|
}
|
|
146
145
|
#home-card .card-style .avatar img {
|
|
@@ -155,13 +154,14 @@
|
|
|
155
154
|
margin: 20px auto;
|
|
156
155
|
width: 85%;
|
|
157
156
|
}
|
|
158
|
-
#home-card .card-style .friend-links .friend-link
|
|
159
|
-
border-radius: 15px;
|
|
160
|
-
color: #5c6b72;
|
|
161
|
-
display: inline-block;
|
|
162
|
-
line-height: 30px;
|
|
157
|
+
#home-card .card-style .friend-links .friend-link {
|
|
163
158
|
margin-bottom: 5px;
|
|
164
|
-
|
|
159
|
+
}
|
|
160
|
+
#home-card .card-style .friend-links a {
|
|
161
|
+
display: block;
|
|
162
|
+
border-radius: 5px;
|
|
163
|
+
color: #5c6b72;
|
|
164
|
+
padding: 8px 0;
|
|
165
165
|
}
|
|
166
166
|
#home-card .card-style .icon-links .icon-link {
|
|
167
167
|
margin: 5px;
|
|
@@ -170,10 +170,10 @@
|
|
|
170
170
|
border-radius: 5px;
|
|
171
171
|
color: #5c6b72;
|
|
172
172
|
font-size: 18px;
|
|
173
|
-
padding:
|
|
173
|
+
padding: 5px;
|
|
174
174
|
}
|
|
175
175
|
#home-card .card-style .icon-links a:hover,
|
|
176
|
-
#home-card .card-style .friend-links
|
|
176
|
+
#home-card .card-style .friend-links a:hover {
|
|
177
177
|
background: #66afef;
|
|
178
178
|
color: #fff;
|
|
179
179
|
}
|
|
@@ -272,7 +272,7 @@
|
|
|
272
272
|
width: 35px;
|
|
273
273
|
}
|
|
274
274
|
#home-posts .page-current .page-num:hover {
|
|
275
|
-
background: #
|
|
275
|
+
background: #66afef;
|
|
276
276
|
color: #fff;
|
|
277
277
|
}
|
|
278
278
|
#home-posts .page-current .prev,
|
|
@@ -288,7 +288,7 @@
|
|
|
288
288
|
border-radius: 20px;
|
|
289
289
|
box-shadow: 0 0 20px #d9d9d980;
|
|
290
290
|
position: relative;
|
|
291
|
-
transition:
|
|
291
|
+
transition: box-shadow 0.25s, transform 0.25s;
|
|
292
292
|
}
|
|
293
293
|
#home-posts .post .category-and-date {
|
|
294
294
|
color: #5c6b72;
|
|
@@ -331,7 +331,7 @@
|
|
|
331
331
|
padding: 10px 24px;
|
|
332
332
|
position: absolute;
|
|
333
333
|
right: -5px;
|
|
334
|
-
transition:
|
|
334
|
+
transition: box-shadow 0.25s ease-out, right 0.25s ease-out;
|
|
335
335
|
}
|
|
336
336
|
#home-posts .post .go-post:hover {
|
|
337
337
|
box-shadow: -2px -2px 10px 0 #9abbf77a;
|
|
@@ -382,7 +382,7 @@ footer .footer-wrap {
|
|
|
382
382
|
line-height: 50px;
|
|
383
383
|
position: fixed;
|
|
384
384
|
top: 0;
|
|
385
|
-
transition:
|
|
385
|
+
transition: background 0.25s ease-out, top 0.25s ease-out;
|
|
386
386
|
width: 100%;
|
|
387
387
|
z-index: 10005;
|
|
388
388
|
}
|
|
@@ -428,6 +428,7 @@ footer .footer-wrap {
|
|
|
428
428
|
}
|
|
429
429
|
#menu .phone-menu .items {
|
|
430
430
|
padding: 10px 0 20px;
|
|
431
|
+
position: relative;
|
|
431
432
|
z-index: 10003;
|
|
432
433
|
}
|
|
433
434
|
#menu .phone-menu .items .item {
|
|
@@ -444,6 +445,7 @@ footer .footer-wrap {
|
|
|
444
445
|
color: #555;
|
|
445
446
|
cursor: pointer;
|
|
446
447
|
text-transform: uppercase;
|
|
448
|
+
position: relative;
|
|
447
449
|
z-index: 10004;
|
|
448
450
|
}
|
|
449
451
|
#search-bar {
|
|
@@ -466,9 +468,9 @@ footer .footer-wrap {
|
|
|
466
468
|
justify-content: center;
|
|
467
469
|
left: 0;
|
|
468
470
|
opacity: 0;
|
|
469
|
-
position: fixed
|
|
471
|
+
position: fixed;
|
|
470
472
|
top: 0;
|
|
471
|
-
transition:
|
|
473
|
+
transition: opacity 0.25s, visibility 0.25s;
|
|
472
474
|
visibility: hidden;
|
|
473
475
|
width: 100%;
|
|
474
476
|
z-index: 10006;
|
|
@@ -508,10 +510,9 @@ footer .footer-wrap {
|
|
|
508
510
|
font-weight: bold;
|
|
509
511
|
margin: 20px 0;
|
|
510
512
|
}
|
|
511
|
-
.content {
|
|
512
|
-
transition: all 0.5s;
|
|
513
|
-
}
|
|
514
513
|
.content .code-content {
|
|
514
|
+
background: none;
|
|
515
|
+
font: 500 13px/2 "Fira Code", "Noto Sans SC", monospace;
|
|
515
516
|
overflow: auto;
|
|
516
517
|
padding: 50px 30px 20px;
|
|
517
518
|
}
|
|
@@ -535,10 +536,6 @@ footer .footer-wrap {
|
|
|
535
536
|
.content .copycode:not(.copied) i:last-child {
|
|
536
537
|
opacity: 0;
|
|
537
538
|
}
|
|
538
|
-
.content .hljs {
|
|
539
|
-
background: none;
|
|
540
|
-
font: 13px/2 "Fira Code", "Noto Sans SC", monospace;
|
|
541
|
-
}
|
|
542
539
|
.content .language {
|
|
543
540
|
background: linear-gradient(to right, #ed6ea0 0, #ec8c69 100%);
|
|
544
541
|
border-radius: 0 0 10px 10px;
|
|
@@ -566,7 +563,7 @@ footer .footer-wrap a {
|
|
|
566
563
|
background: #bddcf76b;
|
|
567
564
|
border-radius: 4px;
|
|
568
565
|
color: #4b616b;
|
|
569
|
-
font: 14px/2.5 "Fira Code", "Noto Sans SC", monospace;
|
|
566
|
+
font: 500 14px/2.5 "Fira Code", "Noto Sans SC", monospace;
|
|
570
567
|
padding: 4px 8px;
|
|
571
568
|
}
|
|
572
569
|
.content h1,
|
|
@@ -638,7 +635,14 @@ footer .footer-wrap a {
|
|
|
638
635
|
.page-num,
|
|
639
636
|
.icon-link a,
|
|
640
637
|
.friend-link a {
|
|
641
|
-
transition:
|
|
638
|
+
transition: background 0.25s, color 0.25s;
|
|
639
|
+
}
|
|
640
|
+
.page-num:hover,
|
|
641
|
+
.icon-link a:hover,
|
|
642
|
+
.friend-link a:hover,
|
|
643
|
+
.categories-tags a:hover,
|
|
644
|
+
.go-post:hover {
|
|
645
|
+
opacity: 1;
|
|
642
646
|
}
|
|
643
647
|
.slide-enter-active,
|
|
644
648
|
.slide-leave-active {
|
|
@@ -807,7 +811,7 @@ input.ipt {
|
|
|
807
811
|
height: 50px;
|
|
808
812
|
position: relative;
|
|
809
813
|
text-indent: 20px;
|
|
810
|
-
transition:
|
|
814
|
+
transition: background 0.25s, border 0.25s, box-shadow 0.25s;
|
|
811
815
|
width: 100%;
|
|
812
816
|
}
|
|
813
817
|
input.ipt:focus {
|