hexo-theme-particlex 2.3.1 → 2.3.3

package/README.md

@@ -86,23 +86,23 @@ highlightStyle: github # Highlight style
 
     ```yaml
     menu:
-        home:
+        Home:
             name: house
             theme: solid
             src: /
-        about:
+        About:
             name: id-card
             theme: solid
             src: /about
-        archives:
+        Archives:
             name: box-archive
             theme: solid
             src: /archives
-        categories:
+        Categories:
             name: bookmark
             theme: solid
             src: /categories
-        tags:
+        Tags:
             name: tags
             theme: solid
             src: /tags

package/_config.yml

@@ -19,23 +19,23 @@ highlightStyle: github
 
 # Main menu navigation
 menu:
-    home:
+    Home:
         name: house
         theme: solid
         src: /
-    about:
+    About:
         name: id-card
         theme: solid
         src: /about
-    archives:
+    Archives:
         name: box-archive
         theme: solid
         src: /archives
-    categories:
+    Categories:
         name: bookmark
         theme: solid
         src: /categories
-    tags:
+    Tags:
         name: tags
         theme: solid
         src: /tags

package/layout/archives.ejs

@@ -4,14 +4,14 @@
 %>
 <div id="archives">
     <% if (theme.search.enable) { %>
-    <div id="search-mask" style="z-index: <%= posts.length + 1 %>"></div>
-    <input id="search-bar" class="input" placeholder="搜索" style="z-index: <%= posts.length + 2 %>">
+    <div id="search-mask" style="z-index: <%- posts.length + 1 %>"></div>
+    <input id="search-bar" class="input" placeholder="搜索" style="z-index: <%- posts.length + 2 %>">
     <% } %>
     <% posts.forEach((post, id) => { %>
-    <div class="timeline" style="z-index: <%= posts.length - id %>" data-title="<%- post.title.toLowerCase().replace(/\s+/gm, "") %>">
+    <div class="timeline" style="z-index: <%- posts.length - id %>" data-title="<%- post.title.toLowerCase().replace(/\s+/gm, "") %>">
         <div class="timeline-tail"></div>
         <div class="timeline-content">
-            <div class="item-time"><%- date(post.date, "YYYY/M/D") %></div>
+            <div class="item-time"><%= date(post.date, "YYYY/M/D") %></div>
             <a href="<%- url_for(post.path) %>">
                 <h3><%= post.title %></h3>
             </a>
@@ -37,9 +37,7 @@
                             const color = ["color: #ffa2c4", "color: #00bcd4", "color: #03a9f4", "color: #00a596", "color: #ff7d73"];
                             let num = Math.floor(Math.random() * color.length);
                         %>
-                        <a href="<%- url_for(data.path) %>" style="<%- color[num] %>">
-                            <%= data.name %>
-                        </a>
+                        <a href="<%- url_for(data.path) %>" style="<%- color[num] %>"><%= data.name %></a>
                     </span>
                     <% }); %>
                 </span>

package/layout/card.ejs

@@ -3,9 +3,7 @@
         <div class="avatar">
             <img src="<%- url_for(theme.avatar) %>" alt="avatar">
         </div>
-        <div class="name">
-            <%= config.author %>
-        </div>
+        <div class="name"><%= config.author %></div>
         <div class="description">
             <%- markdown(theme.card.description) %>
         </div>
@@ -24,9 +22,7 @@
         <div class="friend-links">
             <% Object.keys(theme.card.friendLinks).forEach(key => { %>
             <div class="friend-link">
-                <a href="<%- url_for(theme.card.friendLinks[key]) %>">
-                    <%= key %>
-                </a>
+                <a href="<%- url_for(theme.card.friendLinks[key]) %>"><%= key %></a>
             </div>
             <% }); %>
         </div>

package/layout/categories.ejs

@@ -30,7 +30,7 @@
         <div class="timeline-content">
             <div class="item-time"><%= date(post.date, "YYYY/M/D") %></div>
             <a href="<%- url_for(post.path) %>">
-                <h3><%= titlecase(post.title) %></h3>
+                <h3><%= post.title %></h3>
             </a>
             <div class="info">
                 <% if (post.categories && post.categories.data.length != 0) { %>
@@ -54,9 +54,7 @@
                             const color = ["color: #ffa2c4", "color: #00bcd4", "color: #03a9f4", "color: #00a596", "color: #ff7d73"];
                             let num = Math.floor(Math.random() * color.length);
                         %>
-                        <a href="<%- url_for(data.path) %>" style="<%- color[num] %>">
-                            <%= data.name %>
-                        </a>
+                        <a href="<%- url_for(data.path) %>" style="<%- color[num] %>"><%= data.name %></a>
                     </span>
                     <% }); %>
                 </span>

package/layout/current.ejs

@@ -18,41 +18,29 @@
                 <a class="page-num" href="<%- config.root %>">1</a>
                 <% } %>
                 <% if (page.current - 2 != 1) { %>
-                <a class="page-num" href="<%- url_for("page/" + (page.current - 2)) %>">
-                    <%= page.current - 2 %>
-                </a>
+                <a class="page-num" href="<%- url_for("page/" + (page.current - 2)) %>"><%= page.current - 2 %></a>
                 <% } %>
             <% } %>
-            <a class="page-num" href="<%- url_for(page.prev_link) %>">
-                <%= page.prev %>
-            </a>
+            <a class="page-num" href="<%- url_for(page.prev_link) %>"><%= page.prev %></a>
         </span>
         <% } %>
-        <span class="current">
-            <%= page.current %>
-        </span>
+        <span class="current"><%= page.current %></span>
         <% if (page.current != page.total) { %>
         <span>
-            <a class="page-num" href="<%- url_for(page.next_link) %>">
-                <%= page.next %>
-            </a>
+            <a class="page-num" href="<%- url_for(page.next_link) %>"><%= page.next %></a>
             <% if (page.current + 2 <= page.total) { %>
-            <a class="page-num" href="<%- url_for("page/" + (page.current + 2)) %>">
-                <%= page.current + 2 %>
-            </a>
+            <a class="page-num" href="<%- url_for("page/" + (page.current + 2)) %>"><%= page.current + 2 %></a>
             <% } %>
             <% if (page.current + 3 <= page.total) { %>
             <span class="page-omit">...</span>
-            <a class="page-num" href="<%- url_for("page/" + page.total) %>">
-                <%= page.total %>
-            </a>
+            <a class="page-num" href="<%- url_for("page/" + page.total) %>"><%= page.total %></a>
             <% } %>
         </span>
         <% } %>
     </div>
     <div class="next">
         <% if (page.current != page.total) { %>
-        <a class="page-num" href="<%- url_for(page.next_link) %> ">
+        <a class="page-num" href="<%- url_for(page.next_link) %>">
             <i class="fa-solid fa-caret-right fa-fw"></i>
         </a>
         <% } %>

package/layout/footer.ejs

@@ -1,21 +1,20 @@
 <footer id="footer">
     <div class="footer-wrap">
         <div>
-            © <%= theme.footer.since %> - <%= date(Date.now(), "YYYY") %> <%= config.title %>
+            &copy;
+            <%= theme.footer.since %> - <%= date(Date.now(), "YYYY") %> <%= config.title %>
             <span class="footer-icon">
                 <i class="fa-solid fa-font-awesome fa-fw"></i>
             </span>
-            @<%= config.author %>
+            &commat;<%= config.author %>
         </div>
         <div></div>
-        <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>
+        <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>
         <% if (theme.footer.ICP.enable) { %>
         <div>
-            备案号：
+            备案号
             <% if (theme.footer.ICP.link) { %>
-            <a href="<%= theme.footer.ICP.link %>">
-            <%= theme.footer.ICP.code %>
-            </a>
+            <a href="<%- theme.footer.ICP.link %>"><%= theme.footer.ICP.code %></a>
             <% } else { %>
             <%= theme.footer.ICP.code %>
             <% } %>

package/layout/layout.ejs

@@ -8,7 +8,7 @@
         type = "categories";
     else if (is_tag() || page.type == "tags")
         type = "tags";
-    else if (is_archive() || is_year() || is_month())
+    else if (is_archive())
         type = "archives";
     let title = "";
     if (page.title)
@@ -17,7 +17,7 @@
         title = "Categories: " + page.category + " | ";
     else if (is_tag())
         title = "Tags: " + page.tag + " | ";
-    else if (is_archive() || is_year() || is_month())
+    else if (is_archive())
         title = "Archives | ";
     title += config.title;
 %>
@@ -25,7 +25,7 @@
 <html lang="<%- config.language %>">
     <head>
         <meta charset="UTF-8">
-        <title><%= titlecase(title) %></title>
+        <title><%= title %></title>
         <meta name="author" content="<%- config.author %>">
         <meta name="description" content="<%- config.description %>">
         <meta name="keywords" content="<%- config.keywords %>">
@@ -36,7 +36,7 @@
         <link rel="stylesheet" href="https://cdn.staticfile.org/highlight.js/11.7.0/styles/<%- theme.highlightStyle %>.min.css">
         <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/6.2.1/css/all.min.css">
         <% if (theme.polyfill.enable) { %>
-        <script src="https://polyfill.io/v3/polyfill.min.js?features=<% theme.polyfill.features.join(",") %>"></script>
+        <script src="https://polyfill.io/v3/polyfill.min.js?features=<%- theme.polyfill.features.join(",") %>"></script>
         <% } %>
         <% if (theme.math.enable) { %>
         <script src="https://cdn.staticfile.org/KaTeX/0.16.4/katex.min.js"></script>

package/layout/loading.ejs

@@ -4,9 +4,7 @@
             <div>
                 <h2>LOADING...</h2>
                 <p style="word-break: keep-all">加载过慢请开启缓存（浏览器默认开启）</p>
-                <div>
-                    <img alt="loading" src="<%- url_for("/images/loading.gif") %>" style="height: 50px">
-                </div>
+                <img alt="loading" src="<%- url_for("/images/loading.gif") %>" style="height: 50px">
             </div>
         </div>
     </div>

package/layout/menu.ejs

@@ -1,25 +1,25 @@
 <nav id="menu">
     <div class="desktop-menu">
-        <a href="<%- config.root %>">
-            <span class="title"><%- config.title %></span>
+        <a class="title" href="<%- config.root %>">
+            <span><%= config.title.toUpperCase() %></span>
         </a>
         <% Object.keys(theme.menu).forEach(key => { %>
-        <a href="<%= url_for(theme.menu[key].src) %>">
+        <a href="<%- url_for(theme.menu[key].src) %>">
             <i class="fa-<%- theme.menu[key].theme %> fa-<%- theme.menu[key].name %> fa-fw"></i>
             <span>&ensp;<%= key %></span>
         </a>
         <% }); %>
     </div>
-    <div :class="'phone-menu ' + menushow" id="phone-menu">
+    <div :class="&quot;phone-menu &quot; + menushow" id="phone-menu">
         <div class="curtain" @click="menushow = !menushow" v-show="menushow"></div>
         <div class="title" @click="menushow = !menushow">
             <i class="fa-solid fa-bars fa-fw"></i>
-            <span>&emsp;<%- config.title %></span>
+            <span>&emsp;<%= config.title.toUpperCase() %></span>
         </div>
         <transition name="slide">
         <div class="items" v-show="menushow">
             <% Object.keys(theme.menu).forEach(key => { %>
-            <a href="<%= url_for(theme.menu[key].src) %>">
+            <a href="<%- url_for(theme.menu[key].src) %>">
                 <div class="item">
                     <div style="min-width: 20px; max-width: 50px; width: 10%">
                         <i class="fa-<%- theme.menu[key].theme %> fa-<%- theme.menu[key].name %> fa-fw"></i>

package/layout/post.ejs

@@ -1,6 +1,6 @@
 <div class="article">
     <div>
-        <h1><%= titlecase(page.title) %> </h1>
+        <h1><%= page.title %> </h1>
     </div>
     <div class="info">
         <span class="date">
@@ -30,9 +30,7 @@
                     const color = ["color: #ffa2c4", "color: #00bcd4", "color: #03a9f4", "color: #00a596", "color: #ff7d73"];
                     let num = Math.floor(Math.random() * color.length);
                 %>
-                <a href="<%- url_for(data.path) %>" style="<%- color[num] %>">
-                    <%= data.name %>
-                </a>
+                <a href="<%- url_for(data.path) %>" style="<%- color[num] %>"><%= data.name %></a>
             </span>
             <% }); %>
         </span>
@@ -42,22 +40,20 @@
     <%
         const CryptoJS = crypto();
         function sha(str) {
-            return CryptoJS.SHA256(str).toString(CryptoJS.enc.Base64);
+            return CryptoJS.SHA256(str).toString();
         }
         function encrypt(str, key) {
-            return CryptoJS.AES.encrypt(str, sha(key), {
-                mode: CryptoJS.mode.ECB,
-                padding: CryptoJS.pad.Pkcs7,
-            }).toString();
+            return CryptoJS.AES.encrypt(str, key).toString();
         }
     %>
-    <input id="crypto" class="input" placeholder="文章被加密，请输入密码" data-encrypt="<%- encrypt(page.content, page.password.toString()) %>" data-check="<%- sha(page.content) %>">
-    <div class="content" style="opacity: 0" v-pre></div>
+    <input id="crypto" class="input" placeholder="文章被加密，请输入密码" data-encrypt="<%- encrypt(page.content, page.password) %>" data-shasum="<%- sha(page.content) %>">
+    <div class="content" v-pre style="opacity: 0"></div>
     <% } else { %>
     <div class="content" v-pre>
         <%- page.content %>
     </div>
     <% } %>
+    <% if (page.comments) { %>
     <% if (theme.gitalk.enable) { %>
     <div id="comment">
         <div id="gitalk-container"></div>
@@ -78,4 +74,5 @@
         <div id="twikoo-container"></div>
     </div>
     <% } %>
+    <% } %>
 </div>

package/layout/posts.ejs

@@ -10,7 +10,7 @@
 <% posts.forEach(post => { %>
 <div class="post">
     <a href="<%- url_for(post.path) %>">
-        <h2 class="post-title"><%= titlecase(post.title) %></h2>
+        <h2 class="post-title"><%= post.title %></h2>
     </a>
     <div class="category-and-date">
         <% if (post.categories.data.length != 0) { %>

package/layout/script.ejs

@@ -1,6 +1,6 @@
 <script src="<%- url_for("/js/functions.js") %>"></script>
 <script src="<%- url_for("/js/particlex.js") %>"></script>
-<% if (type == "post") { %>
+<% if (type == "post" && page.comments) { %>
 <% if (theme.gitalk.enable) { %>
 <script src="https://cdn.staticfile.org/gitalk/1.8.0/gitalk.min.js"></script>
 <link rel="stylesheet" href="https://cdn.staticfile.org/gitalk/1.8.0/gitalk.min.css">

package/layout/tags.ejs

@@ -30,7 +30,7 @@
         <div class="timeline-content">
             <div class="item-time"><%= date(post.date, "YYYY/M/D") %></div>
             <a href="<%- url_for(post.path) %>">
-                <h3><%= titlecase(post.title) %></h3>
+                <h3><%= post.title %></h3>
             </a>
             <div class="info">
                 <% if (post.categories && post.categories.data.length != 0){ %>
@@ -54,9 +54,7 @@
                             const color = ["color: #ffa2c4", "color: #00bcd4", "color: #03a9f4", "color: #00a596", "color: #ff7d73"];
                             let num = Math.floor(Math.random() * color.length);
                         %>
-                        <a href="<%- url_for(data.path) %>" style="<%- color[num] %>">
-                            <%= data.name %>
-                        </a>
+                        <a href="<%- url_for(data.path) %>" style="<%- color[num] %>"><%= data.name %></a>
                     </span>
                     <% }); %>
                 </span>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hexo-theme-particlex",
-  "version": "2.3.1",
+  "version": "2.3.3",
   "description": "A concise Hexo theme, based on Particle.",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"

package/source/css/particlex.css

@@ -406,23 +406,14 @@
 #menu .desktop-menu .title {
     color: #555;
     display: inline-block;
-    font-family: Lexend, "Noto Sans SC", sans-serif;
-    margin-left: 30px;
-    text-transform: uppercase;
+    margin-left: 60px;
+    margin-right: 5px;
 }
 #menu .desktop-menu a {
     color: #555;
     display: inline-block;
     margin-left: 30px;
 }
-#menu .desktop-menu a span img {
-    height: 20px;
-    top: 3px;
-    width: 20px;
-}
-#menu .desktop-menu a span:nth-child(1) {
-    margin-right: 5px;
-}
 #menu .phone-menu {
     min-height: 50px;
     text-align: center;
@@ -452,7 +443,6 @@
 #menu .phone-menu .title {
     color: #555;
     cursor: pointer;
-    text-transform: uppercase;
     z-index: 10004;
 }
 #menu.hidden-menu {
@@ -742,7 +732,7 @@ blockquote {
 }
 body {
     background: #f6f8fa;
-    color: #000000d9;
+    color: #000c;
     font: 500 14px Lexend, "Noto Sans SC", sans-serif;
     overflow-x: hidden;
     width: 100%;

package/source/js/functions.js

@@ -54,15 +54,12 @@ function rendermath() {
         });
 }
 function sha(str) {
-    return CryptoJS.SHA256(str).toString(CryptoJS.enc.Base64);
+    return CryptoJS.SHA256(str).toString();
 }
-function decrypt(encrypt, key, check) {
+function decrypt(str, key, shasum) {
     try {
-        let res = CryptoJS.AES.decrypt(encrypt, sha(key), {
-            mode: CryptoJS.mode.ECB,
-            padding: CryptoJS.pad.Pkcs7,
-        }).toString(CryptoJS.enc.Utf8);
-        return { decrypt: res, check: sha(res) == check };
+        let res = CryptoJS.AES.decrypt(str, key).toString(CryptoJS.enc.Utf8);
+        return { decrypt: res, check: sha(res) === shasum };
     } catch {
         return { check: false };
     }

package/source/js/particlex.js

@@ -45,14 +45,17 @@ const app = Vue.createApp({
             });
         }
         window.addEventListener("scroll", this.handlescroll, true);
-        highlight();
-        showimg();
-        rendermath();
+        this.render();
     },
     methods: {
         homeclick() {
             window.scrollTo({ top: window.innerHeight, behavior: "smooth" });
         },
+        render() {
+            highlight();
+            showimg();
+            rendermath();
+        },
         handlescroll() {
             let newlocal = document.documentElement.scrollTop;
             let menu = document.getElementById("menu");
@@ -71,16 +74,14 @@ const app = Vue.createApp({
         handlecrypto() {
             let input = document.getElementById("crypto"),
                 content = document.getElementsByClassName("content")[0];
-            let res = decrypt(input.dataset.encrypt, input.value, input.dataset.check);
+            let res = decrypt(input.dataset.encrypt, input.value, input.dataset.shasum);
             if (res.check) {
                 input.disabled = true;
                 input.classList.remove("fail");
                 input.classList.add("success");
                 content.innerHTML = res.decrypt;
                 content.style.opacity = 1;
-                highlight();
-                showimg();
-                rendermath();
+                this.render();
             } else input.classList.add("fail");
         },
         handlesearch() {