hexo-theme-particlex 2.2.3 → 2.2.5

Sign up to get free protection for your applications and to get access to all the features.
Files changed (7) hide show
  1. package/README.md +2 -2
  2. package/layout/layout.ejs +9 -9
  3. package/layout/loading.ejs +1 -1
  4. package/layout/script.ejs +6 -5
  5. package/package.json +1 -1
  6. package/source/css/particlex.css +4 -1
  7. package/source/js/functions.js +1 -1
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") %>">
package/layout/loading.ejs CHANGED
@@ -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"
package/source/css/particlex.css CHANGED
@@ -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;
package/source/js/functions.js CHANGED
@@ -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 () {