hexo-theme-particlex 2.2.3 → 2.2.5

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/README.md CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  [ParticleX](https://github.com/argvchs/hexo-theme-particlex) 主题,诞生原因是因为原来的 [Particle](https://github.com/korilin/hexo-theme-particle) 主题不维护了,但是我觉得还是很好的
4
4
 
5
- 原来用的是 Vue 2 + Ant Design Vue 1,现更新到 Vue 3,去除 Ant Design Vue 采用自定义样式,图标更改为 Font Awesome 6,CDN 改为 Staticfile
5
+ 原来用的是 Vue 2 + Ant Design Vue 1,现更新到 Vue 3,去除 Ant Design Vue 采用自定义样式,图标更改为 Font Awesome 6,CDN 改为 UNPKG
6
6
 
7
7
  原项目 `README.md` 里说:
8
8
 
@@ -263,7 +263,7 @@ highlightStyle: github # Highlight style
263
263
 
264
264
  Waline 是一个简单、安全的评论系统
265
265
 
266
- 详见:[在 ParticleX 上使用 Waline | Yuzi's Blog](https://blog.yuzi0201.top/posts/bcb4ff00.html)
266
+ 详见:[在 ParticleX 上使用 Waline | Yuzi's Blog](https://blog.yuzi.dev/posts/bcb4ff00.html)
267
267
 
268
268
  **注意如果不需要 `locale` 参数,请在 `locale:` 后添加一个 `{}`**
269
269
 
package/layout/layout.ejs CHANGED
@@ -25,26 +25,26 @@
25
25
  <html lang="<%- config.language %>">
26
26
  <head>
27
27
  <meta charset="UTF-8">
28
- <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0">
29
28
  <title><%= titlecase(title) %></title>
30
29
  <meta name="author" content="<%- config.author %>">
31
30
  <meta name="description" content="<%- config.description %>">
32
31
  <meta name="keywords" content="<%- config.keywords %>">
32
+ <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0">
33
33
  <link rel="icon" href="<%- url_for(theme.avatar) %>">
34
- <script src="https://cdn.staticfile.org/vue/3.2.45/vue.global.prod.min.js"></script>
35
- <script src="https://cdn.staticfile.org/highlight.js/11.7.0/highlight.min.js"></script>
36
- <link rel="stylesheet" href="https://cdn.staticfile.org/highlight.js/11.7.0/styles/<%- theme.highlightStyle %>.min.css">
37
- <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/6.2.1/css/all.min.css">
34
+ <script src="https://unpkg.com/vue/dist/vue.global.prod.js"></script>
35
+ <script src="https://unpkg.com/@highlightjs/cdn-assets/highlight.min.js"></script>
36
+ <link rel="stylesheet" href="https://unpkg.com/@highlightjs/cdn-assets/styles/<%- theme.highlightStyle %>.min.css">
37
+ <link rel="stylesheet" href="https://unpkg.com/@fortawesome/fontawesome-free/css/all.min.css">
38
38
  <% if (theme.polyfill.enable) { %>
39
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
- <script src="https://cdn.staticfile.org/KaTeX/0.16.4/katex.min.js"></script>
43
- <script src="https://cdn.staticfile.org/KaTeX/0.16.4/contrib/auto-render.min.js"></script>
44
- <link rel="stylesheet" href="https://cdn.staticfile.org/KaTeX/0.16.4/katex.min.css">
42
+ <script src="https://unpkg.com/katex/dist/katex.min.js"></script>
43
+ <script src="https://unpkg.com/katex/dist/contrib/auto-render.min.js"></script>
44
+ <link rel="stylesheet" href="https://unpkg.com/katex/dist/katex.min.css">
45
45
  <% } %>
46
46
  <% if (theme.crypto.enable && typeof page.password !== "undefined") { %>
47
- <script src="https://cdn.staticfile.org/crypto-js/4.1.1/crypto-js.min.js"></script>
47
+ <script src="https://unpkg.com/crypto-js/crypto-js.js"></script>
48
48
  <% } %>
49
49
  <link rel="stylesheet" href="<%- url_for("/css/fonts.min.css") %>">
50
50
  <link rel="stylesheet" href="<%- url_for("/css/particlex.css") %>">
@@ -1,4 +1,4 @@
1
- <div id="loading" style="height: 100vh; width: 100vw; position: fixed; display: flex; z-index: 2147483647; justify-content: space-between; background: #fff; transition: all 0.3s ease-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none">
1
+ <div id="loading" style="height: 100vh; width: 100vw; position: fixed; display: flex; z-index: 2147483647; justify-content: space-between; background: #fff; transition: opacity 0.3s ease-out, visibility 0.3s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none">
2
2
  <div style="position: fixed; height: 100vh; width: 100vw; display: flex; justify-content: center; align-items: center">
3
3
  <div id="loadcontent" style="width: 50vmin; height: 50vmin; padding: 50px; border-radius: 50%; display: flex; justify-content: center; align-items: center; border: solid 10px #a3ddfb; text-align: center">
4
4
  <div>
package/layout/script.ejs CHANGED
@@ -2,8 +2,8 @@
2
2
  <script src="<%- url_for("/js/particlex.js") %>"></script>
3
3
  <% if (type == "post") { %>
4
4
  <% if (theme.gitalk.enable) { %>
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">
5
+ <script src="https://unpkg.com/gitalk/dist/gitalk.min.js"></script>
6
+ <link rel="stylesheet" href="https://unpkg.com/gitalk/dist/gitalk.min.css">
7
7
  <script>
8
8
  let clientID = "<%- theme.gitalk.clientID %>",
9
9
  clientSecret = "<%- theme.gitalk.clientSecret %>";
@@ -48,8 +48,9 @@
48
48
  ></script>
49
49
  <% } %>
50
50
  <% if (theme.waline.enable) { %>
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">
51
+ <script src="https://unpkg.com/@waline/client/dist/waline.js"></script>
52
+ <link rel="stylesheet" href="https://unpkg.com/@waline/client/dist/waline.css">
53
+ <link rel="stylesheet" href="https://unpkg.com/@waline/client/dist/waline-meta.css">
53
54
  <script>
54
55
  Waline.init({
55
56
  el: "#waline-container",
@@ -68,7 +69,7 @@
68
69
  </script>
69
70
  <% } %>
70
71
  <% if (theme.twikoo.enable) { %>
71
- <script src="https://cdn.staticfile.org/twikoo/1.6.8/twikoo.all.min.js"></script>
72
+ <script src="https://unpkg.com/twikoo/dist/twikoo.all.min.js"></script>
72
73
  <script>
73
74
  twikoo.init({
74
75
  el: "#twikoo-container",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "hexo-theme-particlex",
3
- "version": "2.2.3",
3
+ "version": "2.2.5",
4
4
  "description": "A concise Hexo theme, based on Particle.",
5
5
  "scripts": {
6
6
  "test": "echo \"Error: no test specified\" && exit 1"
@@ -510,6 +510,9 @@ footer .footer-wrap {
510
510
  font-weight: bold;
511
511
  margin: 20px 0;
512
512
  }
513
+ .content {
514
+ transition: opacity 0.25s;
515
+ }
513
516
  .content .code-content {
514
517
  background: none;
515
518
  font: 500 13px/2 "Fira Code", "Noto Sans SC", monospace;
@@ -795,7 +798,7 @@ hr {
795
798
  border-left: none;
796
799
  border-right: none;
797
800
  border-style: dashed;
798
- border-width: 2px;
801
+ border-width: 1.5px;
799
802
  }
800
803
  img {
801
804
  border-radius: 10px;
@@ -6,7 +6,7 @@ function highlight() {
6
6
  hljs.configure({ ignoreUnescapedHTML: true });
7
7
  let codes = document.getElementsByTagName("pre");
8
8
  for (let i of codes) {
9
- let lang = [...i.classList, ...i.firstChild.classList][0] || "text";
9
+ let lang = [...i.classList, ...i.firstChild.classList][0] || "plaintext";
10
10
  i.innerHTML = `<div class="code-content">${i.innerHTML}</div><div class="language">${lang}</div><div class="copycode"><i class="fa-solid fa-copy fa-fw"></i><i class="fa-solid fa-clone fa-fw"></i></div>`;
11
11
  let copycode = i.getElementsByClassName("copycode")[0];
12
12
  copycode.addEventListener("click", async function () {