hexo-theme-particlex 2.0.8 → 2.0.10

package/layout/categories.ejs

@@ -4,12 +4,12 @@
         <% site.categories.data.forEach(category => { %>
         <%
             const color = is_category(category.name)
-                ? ["background: linear-gradient(120deg, #9abbf7 0%, #ffbbf4 100%)"]
-                : ["background: #ffa2c4", "background: #00bcd4", "background: #03a9f4", "background: #00a596", "background: #ff7d73"];
+                ? ["linear-gradient(120deg, #9abbf7 0%, #ffbbf4 100%)"]
+                : ["#ffa2c4", "#00bcd4", "#03a9f4", "#00a596", "#ff7d73"];
             let num = Math.floor(Math.random() * color.length);
         %>
         <span>
-            <a href="<%- url_for(category.path) %>" style="<%- color[num] %>">
+            <a href="<%- url_for(category.path) %>" style="background: <%- color[num] %>">
                 <span class="icon">
                     <i class="fa-solid fa-bookmark fa-fw"></i>
                 </span>

package/layout/loading.ejs

@@ -1,11 +1,11 @@
-<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">
-    <div style="position:fixed;height:100vh;width:100vw;display:flex;justify-content:center;align-items:center">
-        <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">
+<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">
+    <div style="position: fixed; height: 100vh; width: 100vw; display: flex; justify-content: center; align-items: center">
+        <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">
             <div>
                 <h2>LOADING...</h2>
-                <p style="word-break:keep-all">加载过慢请开启缓存（浏览器默认开启）</p>
+                <p style="word-break: keep-all">加载过慢请开启缓存（浏览器默认开启）</p>
                 <div>
-                    <img alt="loading" src="<%- url_for("/loading.gif") %>" style="width:60px">
+                    <img alt="loading" src="<%- url_for("/loading.gif") %>" style="width: 60px">
                 </div>
             </div>
         </div>

package/layout/tags.ejs

@@ -4,12 +4,12 @@
         <% site.tags.data.forEach(tag => { %>
         <%
             const color = is_tag(tag.name)
-                ? ["background: linear-gradient(120deg, #9abbf7 0%, #ffbbf4 100%)"]
-                : ["background: #ffa2c4", "background: #00bcd4", "background: #03a9f4", "background: #00a596", "background: #ff7d73"];
+                ? ["linear-gradient(120deg, #9abbf7 0%, #ffbbf4 100%)"]
+                : ["#ffa2c4", "#00bcd4", "#03a9f4", "#00a596", "#ff7d73"];
             let num = Math.floor(Math.random() * color.length);
         %>
         <span>
-            <a href="<%- url_for(tag.path) %>" style="<%- color[num] %>">
+            <a href="<%- url_for(tag.path) %>" style="background: <%- color[num] %>">
                 <span class="icon">
                     <i class="fa-solid fa-tags fa-fw"></i>
                 </span>

package/package.json

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

package/source/css/particlex.css

@@ -553,6 +553,7 @@ footer .footer-wrap {
     background: #bddcf76b;
     padding: 4px 8px;
     border-radius: 4px;
+    line-height: 2.5;
     font-size: 14px;
     color: #4b616b;
 }

package/source/js/functions.js

@@ -4,7 +4,7 @@ function highlight() {
     hljs.configure({ ignoreUnescapedHTML: true });
     let codes = document.getElementsByTagName("pre");
     for (let code of codes) {
-        let lang = code.classList[0] || "text";
+        let lang = [...code.classList, ...code.firstChild.classList][0] || "text";
         code.innerHTML = `<div class="code-content">${code.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>`;
         let copycode = code.getElementsByClassName("copycode")[0];
         copycode.addEventListener("click", async function () {