hexo-theme-particlex 2.0.3 → 2.0.4

package/README.md

@@ -10,7 +10,7 @@
 
 虽然更改后只有一种了，如果你想改颜色就在 `particlex.css` 里 `Ctrl+F` 替换吧
 
-## 演示地址
+## 演示
 
 -   Github Pages <https://argvchs.github.io>
 -   Netlify <https://argvchs.netlify.app>
@@ -42,14 +42,15 @@ prismjs:
     tab_replace: ""
 ```
 
-修改完请清除缓存：`hexo cl`
+修改完请 `hexo cl` 清除缓存
 
 ## 配置
 
 ```yaml
-avatar: # Avatar image url
-head_block_enable: true # Home page head info block
-home_background: # Home page head background image url
+avatar: # Avatar image
+headBlockEnable: true # Home page info block
+background: # Home page background image
+highlightStyle: github # Highlight style
 ```
 
 -   导航栏配置
@@ -90,7 +91,7 @@ home_background: # Home page head background image url
 
     `description` 支持 Markdown 格式
 
-    **如果图标链接或友链为空，请在 `icon_links:` 或 `friend_links:` 后添加一个 `{}`**
+    **如果图标链接或友链为空，请在 `iconLinks:` 或 `friendLinks:` 后添加一个 `{}`**
 
     ```yaml
     card:
@@ -98,13 +99,13 @@ home_background: # Home page head background image url
         description:
             - Description
             - "..."
-        icon_links:
+        iconLinks:
             {}
             # <name>:
             #    name: <icon-name>
             #    theme: <icon-theme>
             #    link: <link-url>
-        friend_links:
+        friendLinks:
             {}
             # <name>: <link-url>
     ```
@@ -186,7 +187,7 @@ home_background: # Home page head background image url
     # Site config
     search:
         path: /search.json
-        optimize: false
+        optimize: true
     ```
 
 -   Gitalk

package/_config.yml

@@ -1,17 +1,21 @@
 # https://github.com/argvchs/hexo-theme-particlex
 # Developer: argvchs
 
-# Avatar image url
+# Avatar image
 avatar:
 
-# Home page head info block
-head_block_enable: true
+# Home page info block
+headBlockEnable: true
 
-# Home page head background image url
-home_background:
+# Home page background image
+background:
+
+# Highlight style
+# https://highlightjs.org
+highlightStyle: github
 
 # ParticleX theme icon is adopts the Font Awesome 6
-# Link: https://fontawesome.com/search
+# https://fontawesome.com/search
 
 # Main menu navigation
 menu:
@@ -46,13 +50,13 @@ card:
     description:
         - Description
         - "..."
-    icon_links:
+    iconLinks:
         {}
         # <name>:
         #    name: <icon-name>
         #    theme: <icon-theme>
         #    link: <link-url>
-    friend_links:
+    friendLinks:
         {}
         # <name>: <link-url>
 

package/layout/card.ejs

@@ -14,18 +14,18 @@
             <% }); %>
         </div>
         <div class="icon-links">
-            <% Object.keys(theme.card.icon_links).forEach(key => { %>
+            <% Object.keys(theme.card.iconLinks).forEach(key => { %>
             <span class="icon-link">
-                <a href="<%- theme.card.icon_links[key].link %>">
-                    <i class="fa-<%- theme.card.icon_links[key].theme %> fa-<%- theme.card.icon_links[key].name %> fa-fw"></i>
+                <a href="<%- theme.card.iconLinks[key].link %>">
+                    <i class="fa-<%- theme.card.iconLinks[key].theme %> fa-<%- theme.card.iconLinks[key].name %> fa-fw"></i>
                 </a>
             </span>
             <% }); %>
         </div>
         <div class="friend-links">
-            <% Object.keys(theme.card.friend_links).forEach(key => { %>
+            <% Object.keys(theme.card.friendLinks).forEach(key => { %>
             <div class="friend-link">
-                <a href="<%- theme.card.friend_links[key] %>">
+                <a href="<%- theme.card.friendLinks[key] %>">
                     <%= key %>
                 </a>
             </div>

package/layout/index.ejs

@@ -1,6 +1,6 @@
-<div id="home-background" style="background-image: url(<%- theme.home_background %>)"></div>
+<div id="home-background" style="background-image: url(<%- theme.background %>)"></div>
 <div id="home-head">
-    <% if (theme.head_block_enable) { %>
+    <% if (theme.headBlockEnable) { %>
     <div id="home-info" class="home-info" @click="homeclick">
         <span class="loop"></span>
         <span class="loop"></span>

package/layout/layout.ejs

@@ -35,16 +35,18 @@
         <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">
         <% if (theme.polyfill.enable) { %>
         <script src="https://polyfill.io/v3/polyfill.min.js?features=<% theme.polyfill.features.join(",") %>"></script>
         <% } %>
-        <link rel="stylesheet" href="<%- url_for("/css/fonts.min.css") %>">
-        <link rel="stylesheet" href="<%- url_for("/css/particlex.css") %>">
         <% if (theme.math.enable) { %>
         <script src="https://cdn.staticfile.org/KaTeX/0.16.4/katex.min.js"></script>
         <script src="https://cdn.staticfile.org/KaTeX/0.16.4/contrib/auto-render.min.js"></script>
         <link rel="stylesheet" href="https://cdn.staticfile.org/KaTeX/0.16.4/katex.min.css">
         <% } %>
+        <link rel="stylesheet" href="<%- url_for("/css/fonts.min.css") %>">
+        <link rel="stylesheet" href="<%- url_for("/css/particlex.css") %>">
     </head>
     <body>
         <%- include("loading") %>

package/layout/post.ejs

@@ -79,7 +79,6 @@
     </div>
     <% } %>
     <% if (theme.twikoo.enable) { %>
-    <script src="https://cdn.staticfile.org/twikoo/1.6.8/twikoo.all.min.js"></script>
     <div id="comment">
         <div id="twikoo-container"></div>
     </div>

package/layout/script.ejs

@@ -1,4 +1,3 @@
-<script src="https://cdn.staticfile.org/highlight.js/11.5.1/highlight.min.js"></script>
 <script src="<%- url_for("/js/functions.js") %>"></script>
 <script src="<%- url_for("/js/particlex.js") %>"></script>
 <% if (is_post()) { %>
@@ -65,6 +64,7 @@
     </script>
     <% } %>
     <% if (theme.twikoo.enable) { %>
+    <script src="https://cdn.staticfile.org/twikoo/1.6.8/twikoo.all.min.js"></script>
     <script>
         twikoo.init({
             el: "#twikoo-container",

package/package.json

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

package/source/css/particlex.css

@@ -682,54 +682,6 @@ footer .footer-wrap {
     line-height: 2;
     font-size: 13px;
 }
-.content .hljs .hljs-built_in {
-    color: #42a4d6;
-}
-.content .hljs .hljs-keyword {
-    color: #e24279;
-}
-.content .hljs .hljs-literal {
-    color: #ff9800;
-}
-.content .hljs .hljs-number {
-    color: #ff9800;
-}
-.content .hljs .hljs-doctag {
-    color: #009688;
-}
-.content .hljs .hljs-string {
-    color: #009688;
-}
-.content .hljs .hljs-comment {
-    color: #9e9e9e;
-}
-.content .hljs .hljs-quote {
-    color: #9e9e9e;
-}
-.content .hljs .hljs-attribute {
-    color: #f00;
-}
-.content .hljs .hljs-name {
-    color: #f00;
-}
-.content .hljs .hljs-attr {
-    color: #525252;
-}
-.content .hljs .hljs-class {
-    color: #3f51b5;
-}
-.content .hljs .hljs-title {
-    color: #3f51b5;
-}
-.content .hljs .hljs-type {
-    color: #3f51b5;
-}
-.content .hljs .hljs-params {
-    color: #458;
-}
-.content .hljs .hljs-variable {
-    color: #458;
-}
 #main {
     margin-right: calc(100% - 100vw);
 }