hexo-theme-particlex 2.0.6 → 2.0.8

package/README.md

@@ -12,7 +12,7 @@
 
 ## 演示
 
--   [Github Pages](https://argvchs.github.io)
+-   [GitHub Pages](https://argvchs.github.io)
 -   [Netlify](https://argvchs.netlify.app)
 -   [Vercel](https://argvchs.vercel.app)
 
@@ -23,24 +23,49 @@ cd themes
 git clone https://github.com/argvchs/hexo-theme-particlex.git particlex --depth=1
 ```
 
-## 关闭自带 Highlight
+-   关闭自带 Highlight
 
-到博客根目录下的 `_config.yml`，找到 `highlight` 和 `prismjs` 参数，设置为如下：
+    在博客根目录下的 `_config.yml`，修改 `highlight` 和 `prismjs` 参数
 
-```yaml
-highlight:
-    enable: false
-    line_number: true
-    auto_detect: false
-    tab_replace: ""
-    wrap: true
-    hljs: false
-prismjs:
-    enable: false
-    preprocess: true
-    line_number: true
-    tab_replace: ""
-```
+    ```yaml
+    highlight:
+        enable: false
+        line_number: true
+        auto_detect: false
+        tab_replace: ""
+        wrap: true
+        hljs: false
+    prismjs:
+        enable: false
+        preprocess: true
+        line_number: true
+        tab_replace: ""
+    ```
+
+    如果使用 Pandoc 还需要设置一下
+
+    ```yaml
+    pandoc:
+        extra:
+            - "no-highlight":
+        extensions:
+            - "+hard_line_breaks"
+            - "+emoji"
+            - "-implicit_figures"
+    ```
+
+-   禁用年度/月度归档
+
+    Hexo 会自动生成年度/月度归档，可是 ParticleX 主题没有这个功能 ~~我太懒了~~
+
+    ```yaml
+    archive_generator:
+        enabled: true
+        per_page: 0
+        yearly: false
+        monthly: false
+        daily: false
+    ```
 
 修改完请 `hexo cl` 清除缓存
 
@@ -192,7 +217,7 @@ highlightStyle: github # Highlight style
 
 -   Gitalk
 
-    Gitalk 是一个基于 Github Issue 和 Preact 的评论系统
+    Gitalk 是一个基于 GitHub Issue 和 Preact 的评论系统
 
     考虑到博客可能部署到多个网站同步评论，但 OAuth APP 只能有一个回调 URL，所以添加了 `sites` 参数用于其他网站的评论，请注册多个 Oauth APP
 

package/layout/archives.ejs

@@ -2,6 +2,8 @@
     <% if (theme.search.enable) { %>
     <div class="search-mask" style="z-index: <%= site.posts.length + 1 %>"></div>
     <input class="ipt search-bar" placeholder="搜索..." style="z-index: <%= site.posts.length + 2 %>">
+    <script src="<%- url_for("/js/searcher.js") %>"></script>
+    <script>searcher.init("<%- url_for(theme.search.path) %>");</script>
     <% } %>
     <% site.posts.forEach((post, id) => { %>
     <div class="timeline" path="<%- url_for(post.path) %>" style="z-index: <%= site.posts.length - id %>">
@@ -16,7 +18,7 @@
                 <span class="category">
                     <a href="<%- url_for(post.categories.data[0].path) %>">
                         <span class="icon">
-                            <svg class="fa-icon"><use xlink:href="#bookmark-solid"></use></svg>
+                            <i class="fa-solid fa-bookmark fa-fw"></i>
                         </span>
                         <%= post.categories.data[0].name %>
                     </a>
@@ -25,7 +27,7 @@
                 <% if (post.tags && post.tags.data.length != 0) { %>
                 <span class="tags">
                     <span class="icon">
-                        <svg class="fa-icon"><use xlink:href="#tags-solid"></use></svg>
+                        <i class="fa-solid fa-tags fa-fw"></i>
                     </span>
                     <% post.tags.data.forEach(data => { %>
                     <span class="tag">
@@ -44,8 +46,4 @@
         </div>
     </div>
     <% }); %>
-    <% if (theme.search.enable) { %>
-    <script src="<%- url_for("/js/searcher.js") %>"></script>
-    <script>searcher.init("<%- url_for(theme.search.path) %>");</script>
-    <% } %>
 </div>

package/layout/categories.ejs

@@ -11,7 +11,7 @@
         <span>
             <a href="<%- url_for(category.path) %>" style="<%- color[num] %>">
                 <span class="icon">
-                    <svg class="fa-icon"><use xlink:href="#bookmark-solid"></use></svg>
+                    <i class="fa-solid fa-bookmark fa-fw"></i>
                 </span>
                 <%= category.name %>
             </a>
@@ -31,7 +31,7 @@
                 <span class="category">
                     <a href="<%- url_for(post.categories.data[0].path) %>">
                         <span class="icon">
-                            <svg class="fa-icon"><use xlink:href="#bookmark-solid"></use></svg>
+                            <i class="fa-solid fa-bookmark fa-fw"></i>
                         </span>
                         <%= post.categories.data[0].name %>
                     </a>
@@ -40,7 +40,7 @@
                 <% if (post.tags && post.tags.data.length != 0) { %>
                 <span class="tags">
                     <span class="icon">
-                        <svg class="fa-icon"><use xlink:href="#tags-solid"></use></svg>
+                        <i class="fa-solid fa-tags fa-fw"></i>
                     </span>
                     <% post.tags.data.forEach(data => { %>
                     <span class="tag">

package/layout/layout.ejs

@@ -32,11 +32,10 @@
         <meta name="description" content="<%- config.description %>">
         <meta name="keywords" content="<%- config.keywords %>">
         <link rel="icon" href="<%- theme.avatar %>">
-        <script src="https://cdn.staticfile.org/instant.page/5.1.1/instantpage.min.js" type="module"></script>
-        <script src="https://cdn.staticfile.org/font-awesome/6.2.1/js/all.min.js"></script>
         <script src="https://cdn.staticfile.org/vue/3.2.45/vue.global.prod.min.js"></script>
         <script src="https://cdn.staticfile.org/highlight.js/11.7.0/highlight.min.js"></script>
         <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>
         <% } %>
@@ -51,9 +50,6 @@
     <body>
         <%- include("loading") %>
         <div id="layout">
-            <i data-fa-symbol="calendar-solid" class="fa-solid fa-calendar fa-fw"></i>
-            <i data-fa-symbol="bookmark-solid" class="fa-solid fa-bookmark fa-fw"></i>
-            <i data-fa-symbol="tags-solid" class="fa-solid fa-tags fa-fw"></i>
             <transition name="into">
                 <div v-show="showpage" style="display: -not-none">
                     <div id="menushow">

package/layout/loading.ejs

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

package/layout/post.ejs

@@ -5,7 +5,7 @@
     <div class="info">
         <span class="date">
             <span class="icon">
-                <svg class="fa-icon"><use xlink:href="#calendar-solid"></use></svg>
+                <i class="fa-solid fa-calendar fa-fw"></i>
             </span>
             <%= date(page.date, "YYYY/M/D") %>
         </span>
@@ -13,7 +13,7 @@
         <span class="category">
             <a href="<%- url_for(page.categories.data[0].path) %>">
                 <span class="icon">
-                    <svg class="fa-icon"><use xlink:href="#bookmark-solid"></use></svg>
+                    <i class="fa-solid fa-bookmark fa-fw"></i>
                 </span>
                 <%= page.categories.data[0].name %>
             </a>
@@ -22,7 +22,7 @@
         <% if (page.tags && page.tags.data.length != 0) { %>
         <span class="tags">
             <span class="icon">
-                <svg class="fa-icon"><use xlink:href="#tags-solid"></use></svg>
+                <i class="fa-solid fa-tags fa-fw"></i>
             </span>
             <% page.tags.data.forEach(data => { %>
             <span class="tag">

package/layout/posts.ejs

@@ -9,7 +9,7 @@
         <span class="category">
             <a href="<%- url_for(post.categories.data[0].path) %>">
                 <span class="icon">
-                    <svg class="fa-icon"><use xlink:href="#bookmark-solid"></use></svg>
+                    <i class="fa-solid fa-bookmark fa-fw"></i>
                 </span>
                 <%= post.categories.data[0].name %>
             </a>
@@ -17,7 +17,7 @@
         <% } %>
         <span class="date">
             <span class="icon">
-                <svg class="fa-icon"><use xlink:href="#calendar-solid"></use></svg>
+                <i class="fa-solid fa-calendar fa-fw"></i>
             </span>
             <%- date(post.date, "YYYY/M/D") %>
         </span>
@@ -36,7 +36,7 @@
     <div class="post-tags">
         <% if (post.tags.data.length != 0) { %>
         <span class="icon">
-            <svg class="fa-icon"><use xlink:href="#tags-solid"></use></svg>
+            <i class="fa-solid fa-tags fa-fw"></i>
         </span>
         <% } %>
         <% post.tags.data.forEach(data => { %>

package/layout/tags.ejs

@@ -11,7 +11,7 @@
         <span>
             <a href="<%- url_for(tag.path) %>" style="<%- color[num] %>">
                 <span class="icon">
-                    <svg class="fa-icon"><use xlink:href="#tags-solid"></use></svg>
+                    <i class="fa-solid fa-tags fa-fw"></i>
                 </span>
                 <%= tag.name %>
             </a>
@@ -31,7 +31,7 @@
                 <span class="category">
                     <a href="<%- url_for(post.categories.data[0].path) %>">
                         <span class="icon">
-                            <svg class="fa-icon"><use xlink:href="#bookmark-solid"></use></svg>
+                            <i class="fa-solid fa-bookmark fa-fw"></i>
                         </span>
                         <%= post.categories.data[0].name %>
                     </a>
@@ -40,7 +40,7 @@
                 <% if (post.tags && post.tags.data.length != 0) { %>
                 <span class="tags">
                     <span class="icon">
-                        <svg class="fa-icon"><use xlink:href="#tags-solid"></use></svg>
+                        <i class="fa-solid fa-tags fa-fw"></i>
                     </span>
                     <% post.tags.data.forEach(data => { %>
                     <span class="tag">

package/package.json

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

package/source/css/particlex.css

@@ -162,11 +162,6 @@ pre .copycode {
 footer .footer-wrap {
     box-sizing: border-box;
 }
-.fa-icon {
-    width: 1em;
-    height: 1em;
-    vertical-align: -0.125em;
-}
 .icon {
     margin-right: 5px;
     color: #5c6b72;
@@ -660,20 +655,20 @@ footer .footer-wrap {
 .content .copycode:hover {
     opacity: 0.8;
 }
-.content .copycode svg {
+.content .copycode i {
     position: absolute;
     top: 0;
     right: 0;
     padding: 15px;
     transition: transform 0.25s;
 }
-.content .copycode.copied svg:first-child {
+.content .copycode.copied i:first-child {
     opacity: 0;
 }
-.content .copycode:not(.copied) svg:last-child {
+.content .copycode:not(.copied) i:last-child {
     opacity: 0;
 }
-.content .copycode.copied svg {
+.content .copycode.copied i {
     transform: scale(1.25);
 }
 .content .hljs {

package/source/js/functions.js

@@ -4,8 +4,7 @@ function highlight() {
     hljs.configure({ ignoreUnescapedHTML: true });
     let codes = document.getElementsByTagName("pre");
     for (let code of codes) {
-        let langs = [...code.classList, ...code.firstChild.classList];
-        let lang = [].filter.call(langs, i => i != "sourceCode")[0] || "text";
+        let lang = code.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 () {