hexo-theme-particlex 2.3.0 → 2.3.2

Sign up to get free protection for your applications and to get access to all the features.
Files changed (15) hide show
  1. package/README.md +12 -6
  2. package/_config.yml +5 -5
  3. package/layout/archives.ejs +5 -7
  4. package/layout/card.ejs +2 -6
  5. package/layout/categories.ejs +2 -4
  6. package/layout/current.ejs +7 -19
  7. package/layout/footer.ejs +6 -7
  8. package/layout/layout.ejs +4 -4
  9. package/layout/loading.ejs +1 -3
  10. package/layout/menu.ejs +5 -5
  11. package/layout/post.ejs +3 -5
  12. package/layout/posts.ejs +3 -3
  13. package/layout/tags.ejs +2 -4
  14. package/package.json +1 -1
  15. package/source/css/particlex.css +3 -5
package/README.md CHANGED
@@ -23,9 +23,15 @@ cd themes
23
23
  git clone https://github.com/argvchs/hexo-theme-particlex.git particlex --depth=1
24
24
  ```
25
25
 
26
+ 然后在根目录 `_config.yml` 设置主题为 ParticleX 即可
27
+
28
+ ```yaml
29
+ theme: particlex
30
+ ```
31
+
26
32
  - 关闭自带 Highlight
27
33
 
28
- 在博客根目录下的 `_config.yml`，修改 `highlight` 和 `prismjs` 参数
34
+ Hexo 有自带的 Highlight，但是和 ParticleX 的 Highlight 不兼容
29
35
 
30
36
  ```yaml
31
37
  highlight:
@@ -80,23 +86,23 @@ highlightStyle: github # Highlight style
80
86
 
81
87
  ```yaml
82
88
  menu:
83
- home:
89
+ Home:
84
90
  name: house
85
91
  theme: solid
86
92
  src: /
87
- about:
93
+ About:
88
94
  name: id-card
89
95
  theme: solid
90
96
  src: /about
91
- archives:
97
+ Archives:
92
98
  name: box-archive
93
99
  theme: solid
94
100
  src: /archives
95
- categories:
101
+ Categories:
96
102
  name: bookmark
97
103
  theme: solid
98
104
  src: /categories
99
- tags:
105
+ Tags:
100
106
  name: tags
101
107
  theme: solid
102
108
  src: /tags
package/_config.yml CHANGED
@@ -19,23 +19,23 @@ highlightStyle: github
19
19
 
20
20
  # Main menu navigation
21
21
  menu:
22
- home:
22
+ Home:
23
23
  name: house
24
24
  theme: solid
25
25
  src: /
26
- about:
26
+ About:
27
27
  name: id-card
28
28
  theme: solid
29
29
  src: /about
30
- archives:
30
+ Archives:
31
31
  name: box-archive
32
32
  theme: solid
33
33
  src: /archives
34
- categories:
34
+ Categories:
35
35
  name: bookmark
36
36
  theme: solid
37
37
  src: /categories
38
- tags:
38
+ Tags:
39
39
  name: tags
40
40
  theme: solid
41
41
  src: /tags
package/layout/archives.ejs CHANGED
@@ -4,14 +4,14 @@
4
4
  %>
5
5
  <div id="archives">
6
6
  <% if (theme.search.enable) { %>
7
- <div id="search-mask" style="z-index: <%= posts.length + 1 %>"></div>
8
- <input id="search-bar" class="input" placeholder="搜索" style="z-index: <%= posts.length + 2 %>">
7
+ <div id="search-mask" style="z-index: <%- posts.length + 1 %>"></div>
8
+ <input id="search-bar" class="input" placeholder="搜索" style="z-index: <%- posts.length + 2 %>">
9
9
  <% } %>
10
10
  <% posts.forEach((post, id) => { %>
11
- <div class="timeline" style="z-index: <%= posts.length - id %>" data-title="<%- post.title.toLowerCase().replace(/\s+/gm, "") %>">
11
+ <div class="timeline" style="z-index: <%- posts.length - id %>" data-title="<%- post.title.toLowerCase().replace(/\s+/gm, "") %>">
12
12
  <div class="timeline-tail"></div>
13
13
  <div class="timeline-content">
14
- <div class="item-time"><%- date(post.date, "YYYY/M/D") %></div>
14
+ <div class="item-time"><%= date(post.date, "YYYY/M/D") %></div>
15
15
  <a href="<%- url_for(post.path) %>">
16
16
  <h3><%= post.title %></h3>
17
17
  </a>
@@ -37,9 +37,7 @@
37
37
  const color = ["color: #ffa2c4", "color: #00bcd4", "color: #03a9f4", "color: #00a596", "color: #ff7d73"];
38
38
  let num = Math.floor(Math.random() * color.length);
39
39
  %>
40
- <a href="<%- url_for(data.path) %>" style="<%- color[num] %>">
41
- <%= data.name %>
42
- </a>
40
+ <a href="<%- url_for(data.path) %>" style="<%- color[num] %>"><%= data.name %></a>
43
41
  </span>
44
42
  <% }); %>
45
43
  </span>
package/layout/card.ejs CHANGED
@@ -3,9 +3,7 @@
3
3
  <div class="avatar">
4
4
  <img src="<%- url_for(theme.avatar) %>" alt="avatar">
5
5
  </div>
6
- <div class="name">
7
- <%= config.author %>
8
- </div>
6
+ <div class="name"><%= config.author %></div>
9
7
  <div class="description">
10
8
  <%- markdown(theme.card.description) %>
11
9
  </div>
@@ -24,9 +22,7 @@
24
22
  <div class="friend-links">
25
23
  <% Object.keys(theme.card.friendLinks).forEach(key => { %>
26
24
  <div class="friend-link">
27
- <a href="<%- url_for(theme.card.friendLinks[key]) %>">
28
- <%= key %>
29
- </a>
25
+ <a href="<%- url_for(theme.card.friendLinks[key]) %>"><%= key %></a>
30
26
  </div>
31
27
  <% }); %>
32
28
  </div>
package/layout/categories.ejs CHANGED
@@ -30,7 +30,7 @@
30
30
  <div class="timeline-content">
31
31
  <div class="item-time"><%= date(post.date, "YYYY/M/D") %></div>
32
32
  <a href="<%- url_for(post.path) %>">
33
- <h3><%= titlecase(post.title) %></h3>
33
+ <h3><%= post.title %></h3>
34
34
  </a>
35
35
  <div class="info">
36
36
  <% if (post.categories && post.categories.data.length != 0) { %>
@@ -54,9 +54,7 @@
54
54
  const color = ["color: #ffa2c4", "color: #00bcd4", "color: #03a9f4", "color: #00a596", "color: #ff7d73"];
55
55
  let num = Math.floor(Math.random() * color.length);
56
56
  %>
57
- <a href="<%- url_for(data.path) %>" style="<%- color[num] %>">
58
- <%= data.name %>
59
- </a>
57
+ <a href="<%- url_for(data.path) %>" style="<%- color[num] %>"><%= data.name %></a>
60
58
  </span>
61
59
  <% }); %>
62
60
  </span>
package/layout/current.ejs CHANGED
@@ -18,41 +18,29 @@
18
18
  <a class="page-num" href="<%- config.root %>">1</a>
19
19
  <% } %>
20
20
  <% if (page.current - 2 != 1) { %>
21
- <a class="page-num" href="<%- url_for("page/" + (page.current - 2)) %>">
22
- <%= page.current - 2 %>
23
- </a>
21
+ <a class="page-num" href="<%- url_for("page/" + (page.current - 2)) %>"><%= page.current - 2 %></a>
24
22
  <% } %>
25
23
  <% } %>
26
- <a class="page-num" href="<%- url_for(page.prev_link) %>">
27
- <%= page.prev %>
28
- </a>
24
+ <a class="page-num" href="<%- url_for(page.prev_link) %>"><%= page.prev %></a>
29
25
  </span>
30
26
  <% } %>
31
- <span class="current">
32
- <%= page.current %>
33
- </span>
27
+ <span class="current"><%= page.current %></span>
34
28
  <% if (page.current != page.total) { %>
35
29
  <span>
36
- <a class="page-num" href="<%- url_for(page.next_link) %>">
37
- <%= page.next %>
38
- </a>
30
+ <a class="page-num" href="<%- url_for(page.next_link) %>"><%= page.next %></a>
39
31
  <% if (page.current + 2 <= page.total) { %>
40
- <a class="page-num" href="<%- url_for("page/" + (page.current + 2)) %>">
41
- <%= page.current + 2 %>
42
- </a>
32
+ <a class="page-num" href="<%- url_for("page/" + (page.current + 2)) %>"><%= page.current + 2 %></a>
43
33
  <% } %>
44
34
  <% if (page.current + 3 <= page.total) { %>
45
35
  <span class="page-omit">...</span>
46
- <a class="page-num" href="<%- url_for("page/" + page.total) %>">
47
- <%= page.total %>
48
- </a>
36
+ <a class="page-num" href="<%- url_for("page/" + page.total) %>"><%= page.total %></a>
49
37
  <% } %>
50
38
  </span>
51
39
  <% } %>
52
40
  </div>
53
41
  <div class="next">
54
42
  <% if (page.current != page.total) { %>
55
- <a class="page-num" href="<%- url_for(page.next_link) %> ">
43
+ <a class="page-num" href="<%- url_for(page.next_link) %>">
56
44
  <i class="fa-solid fa-caret-right fa-fw"></i>
57
45
  </a>
58
46
  <% } %>
package/layout/footer.ejs CHANGED
@@ -1,21 +1,20 @@
1
1
  <footer id="footer">
2
2
  <div class="footer-wrap">
3
3
  <div>
4
- © <%= theme.footer.since %> - <%= date(Date.now(), "YYYY") %> <%= config.title %>
4
+ &copy;
5
+ <%= theme.footer.since %> - <%= date(Date.now(), "YYYY") %> <%= config.title %>
5
6
  <span class="footer-icon">
6
7
  <i class="fa-solid fa-font-awesome fa-fw"></i>
7
8
  </span>
8
- @<%= config.author %>
9
+ &commat;<%= config.author %>
9
10
  </div>
10
11
  <div></div>
11
- <div>Based on the <a href="https://hexo.io">Hexo Engine</a> & <a href="https://github.com/argvchs/hexo-theme-particlex">ParticleX Theme</a></div>
12
+ <div>Based on the <a href="https://hexo.io">Hexo Engine</a> &amp; <a href="https://github.com/argvchs/hexo-theme-particlex">ParticleX Theme</a></div>
12
13
  <% if (theme.footer.ICP.enable) { %>
13
14
  <div>
14
- 备案号：
15
+ 备案号
15
16
  <% if (theme.footer.ICP.link) { %>
16
- <a href="<%= theme.footer.ICP.link %>">
17
- <%= theme.footer.ICP.code %>
18
- </a>
17
+ <a href="<%- theme.footer.ICP.link %>"><%= theme.footer.ICP.code %></a>
19
18
  <% } else { %>
20
19
  <%= theme.footer.ICP.code %>
21
20
  <% } %>
package/layout/layout.ejs CHANGED
@@ -8,7 +8,7 @@
8
8
  type = "categories";
9
9
  else if (is_tag() || page.type == "tags")
10
10
  type = "tags";
11
- else if (is_archive() || is_year() || is_month())
11
+ else if (is_archive())
12
12
  type = "archives";
13
13
  let title = "";
14
14
  if (page.title)
@@ -17,7 +17,7 @@
17
17
  title = "Categories: " + page.category + " | ";
18
18
  else if (is_tag())
19
19
  title = "Tags: " + page.tag + " | ";
20
- else if (is_archive() || is_year() || is_month())
20
+ else if (is_archive())
21
21
  title = "Archives | ";
22
22
  title += config.title;
23
23
  %>
@@ -25,7 +25,7 @@
25
25
  <html lang="<%- config.language %>">
26
26
  <head>
27
27
  <meta charset="UTF-8">
28
- <title><%= titlecase(title) %></title>
28
+ <title><%= title %></title>
29
29
  <meta name="author" content="<%- config.author %>">
30
30
  <meta name="description" content="<%- config.description %>">
31
31
  <meta name="keywords" content="<%- config.keywords %>">
@@ -36,7 +36,7 @@
36
36
  <link rel="stylesheet" href="https://cdn.staticfile.org/highlight.js/11.7.0/styles/<%- theme.highlightStyle %>.min.css">
37
37
  <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/6.2.1/css/all.min.css">
38
38
  <% if (theme.polyfill.enable) { %>
39
- <script src="https://polyfill.io/v3/polyfill.min.js?features=<% theme.polyfill.features.join(",") %>"></script>
39
+ <script src="https://polyfill.io/v3/polyfill.min.js?features=<%- theme.polyfill.features.join(",") %>"></script>
40
40
  <% } %>
41
41
  <% if (theme.math.enable) { %>
42
42
  <script src="https://cdn.staticfile.org/KaTeX/0.16.4/katex.min.js"></script>
package/layout/loading.ejs CHANGED
@@ -4,9 +4,7 @@
4
4
  <div>
5
5
  <h2>LOADING...</h2>
6
6
  <p style="word-break: keep-all">加载过慢请开启缓存（浏览器默认开启）</p>
7
- <div>
8
- <img alt="loading" src="<%- url_for("/images/loading.gif") %>" style="height: 50px">
9
- </div>
7
+ <img alt="loading" src="<%- url_for("/images/loading.gif") %>" style="height: 50px">
10
8
  </div>
11
9
  </div>
12
10
  </div>
package/layout/menu.ejs CHANGED
@@ -1,25 +1,25 @@
1
1
  <nav id="menu">
2
2
  <div class="desktop-menu">
3
3
  <a href="<%- config.root %>">
4
- <span class="title"><%- config.title %></span>
4
+ <span class="title"><%= config.title.toUpperCase() %></span>
5
5
  </a>
6
6
  <% Object.keys(theme.menu).forEach(key => { %>
7
- <a href="<%= url_for(theme.menu[key].src) %>">
7
+ <a href="<%- url_for(theme.menu[key].src) %>">
8
8
  <i class="fa-<%- theme.menu[key].theme %> fa-<%- theme.menu[key].name %> fa-fw"></i>
9
9
  <span>&ensp;<%= key %></span>
10
10
  </a>
11
11
  <% }); %>
12
12
  </div>
13
- <div :class="'phone-menu ' + menushow" id="phone-menu">
13
+ <div :class="&quot;phone-menu &quot; + menushow" id="phone-menu">
14
14
  <div class="curtain" @click="menushow = !menushow" v-show="menushow"></div>
15
15
  <div class="title" @click="menushow = !menushow">
16
16
  <i class="fa-solid fa-bars fa-fw"></i>
17
- <span>&emsp;<%- config.title %></span>
17
+ <span>&emsp;<%= config.title.toUpperCase() %></span>
18
18
  </div>
19
19
  <transition name="slide">
20
20
  <div class="items" v-show="menushow">
21
21
  <% Object.keys(theme.menu).forEach(key => { %>
22
- <a href="<%= url_for(theme.menu[key].src) %>">
22
+ <a href="<%- url_for(theme.menu[key].src) %>">
23
23
  <div class="item">
24
24
  <div style="min-width: 20px; max-width: 50px; width: 10%">
25
25
  <i class="fa-<%- theme.menu[key].theme %> fa-<%- theme.menu[key].name %> fa-fw"></i>
package/layout/post.ejs CHANGED
@@ -1,6 +1,6 @@
1
1
  <div class="article">
2
2
  <div>
3
- <h1><%= titlecase(page.title) %> </h1>
3
+ <h1><%= page.title %> </h1>
4
4
  </div>
5
5
  <div class="info">
6
6
  <span class="date">
@@ -30,9 +30,7 @@
30
30
  const color = ["color: #ffa2c4", "color: #00bcd4", "color: #03a9f4", "color: #00a596", "color: #ff7d73"];
31
31
  let num = Math.floor(Math.random() * color.length);
32
32
  %>
33
- <a href="<%- url_for(data.path) %>" style="<%- color[num] %>">
34
- <%= data.name %>
35
- </a>
33
+ <a href="<%- url_for(data.path) %>" style="<%- color[num] %>"><%= data.name %></a>
36
34
  </span>
37
35
  <% }); %>
38
36
  </span>
@@ -52,7 +50,7 @@
52
50
  }
53
51
  %>
54
52
  <input id="crypto" class="input" placeholder="文章被加密，请输入密码" data-encrypt="<%- encrypt(page.content, page.password.toString()) %>" data-check="<%- sha(page.content) %>">
55
- <div class="content" style="opacity: 0" v-pre></div>
53
+ <div class="content" v-pre style="opacity: 0"></div>
56
54
  <% } else { %>
57
55
  <div class="content" v-pre>
58
56
  <%- page.content %>
package/layout/posts.ejs CHANGED
@@ -10,7 +10,7 @@
10
10
  <% posts.forEach(post => { %>
11
11
  <div class="post">
12
12
  <a href="<%- url_for(post.path) %>">
13
- <h2 class="post-title"><%= titlecase(post.title) %></h2>
13
+ <h2 class="post-title"><%= post.title %></h2>
14
14
  </a>
15
15
  <div class="category-and-date">
16
16
  <% if (post.categories.data.length != 0) { %>
@@ -40,11 +40,11 @@
40
40
  </span>
41
41
  <% } %>
42
42
  </div>
43
- <div class="excerpt">
43
+ <div class="description">
44
44
  <div class="content" v-pre>
45
45
  <% if (typeof post.description !== "undefined") { %>
46
46
  <%- markdown(post.description) %>
47
- <% } else if (typeof post.excerpt !== "undefined") { %>
47
+ <% } else if (post.excerpt) { %>
48
48
  <%- post.excerpt %>
49
49
  <% } else { %>
50
50
  <%- post.content %>
package/layout/tags.ejs CHANGED
@@ -30,7 +30,7 @@
30
30
  <div class="timeline-content">
31
31
  <div class="item-time"><%= date(post.date, "YYYY/M/D") %></div>
32
32
  <a href="<%- url_for(post.path) %>">
33
- <h3><%= titlecase(post.title) %></h3>
33
+ <h3><%= post.title %></h3>
34
34
  </a>
35
35
  <div class="info">
36
36
  <% if (post.categories && post.categories.data.length != 0){ %>
@@ -54,9 +54,7 @@
54
54
  const color = ["color: #ffa2c4", "color: #00bcd4", "color: #03a9f4", "color: #00a596", "color: #ff7d73"];
55
55
  let num = Math.floor(Math.random() * color.length);
56
56
  %>
57
- <a href="<%- url_for(data.path) %>" style="<%- color[num] %>">
58
- <%= data.name %>
59
- </a>
57
+ <a href="<%- url_for(data.path) %>" style="<%- color[num] %>"><%= data.name %></a>
60
58
  </span>
61
59
  <% }); %>
62
60
  </span>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "hexo-theme-particlex",
3
- "version": "2.3.0",
3
+ "version": "2.3.2",
4
4
  "description": "A concise Hexo theme, based on Particle.",
5
5
  "scripts": {
6
6
  "test": "echo \"Error: no test specified\" && exit 1"
package/source/css/particlex.css CHANGED
@@ -330,7 +330,7 @@
330
330
  display: inline-block;
331
331
  margin-left: 25px;
332
332
  }
333
- #home-posts .post .excerpt {
333
+ #home-posts .post .description {
334
334
  color: #1e3e3f;
335
335
  }
336
336
  #home-posts .post .go-post {
@@ -408,7 +408,6 @@
408
408
  display: inline-block;
409
409
  font-family: Lexend, "Noto Sans SC", sans-serif;
410
410
  margin-left: 30px;
411
- text-transform: uppercase;
412
411
  }
413
412
  #menu .desktop-menu a {
414
413
  color: #555;
@@ -452,7 +451,6 @@
452
451
  #menu .phone-menu .title {
453
452
  color: #555;
454
453
  cursor: pointer;
455
- text-transform: uppercase;
456
454
  z-index: 10004;
457
455
  }
458
456
  #menu.hidden-menu {
@@ -853,7 +851,7 @@ ol {
853
851
  margin-bottom: 25px;
854
852
  padding: 50px;
855
853
  }
856
- #home-posts .post .excerpt {
854
+ #home-posts .post .description {
857
855
  padding: 20px 0;
858
856
  }
859
857
  #home-posts-wrap {
@@ -935,7 +933,7 @@ ol {
935
933
  margin-bottom: 30px;
936
934
  padding: 20px 30px;
937
935
  }
938
- #home-posts .post .excerpt {
936
+ #home-posts .post .description {
939
937
  padding: 20px 0;
940
938
  }
941
939
  #home-posts .post .post-tags {