hexo-theme-particlex 2.1.3 → 2.2.0

package/README.md

@@ -121,9 +121,9 @@ highlightStyle: github # Highlight style
     ```yaml
     card:
         enable: true
-        description:
-            - "Description"
-            - "..."
+        description: |
+            Description
+            ...
         iconLinks:
             {}
             # <name>:
@@ -144,7 +144,8 @@ highlightStyle: github # Highlight style
     支持 Markdown 格式
 
     ```yaml
-    description: "Normal **Strong** _Italic_"
+    description: |
+        Normal _Italic_ **Strong**
     ```
 
 -   页脚
@@ -177,7 +178,7 @@ highlightStyle: github # Highlight style
 
 -   渲染数学公式
 
-    使用 $\mathrm{K\kern{-0.2em}\raise{0.21em}{\scriptstyle{A}}\kern{-0.17em}T\kern{-0.14em}\lower{0.5ex}{E}\kern{-0.115em}X}$ 渲染数学公式，默认关闭
+    使用 KaTeX 渲染数学公式，默认关闭
 
     ```yaml
     math:

package/_config.yml

@@ -47,9 +47,9 @@ menu:
 # Side info card
 card:
     enable: true
-    description:
-        - "Description"
-        - "..."
+    description: |
+        Description
+        ...
     iconLinks:
         {}
         # <name>:

package/layout/card.ejs

@@ -6,13 +6,10 @@
         <div class="name">
             <%= config.author %>
         </div>
-        <div class="descriptions">
-            <% theme.card.description.forEach(desc => { %>
-            <div class="description">
-                <%- markdown(desc) %>
-            </div>
-            <% }); %>
+        <div class="description">
+            <%- markdown(theme.card.description) %>
         </div>
+        <% if (Object.keys(theme.card.iconLinks).length) { %>
         <div class="icon-links">
             <% Object.keys(theme.card.iconLinks).forEach(key => { %>
             <span class="icon-link">
@@ -22,14 +19,17 @@
             </span>
             <% }); %>
         </div>
+        <% } %>
+        <% if (Object.keys(theme.card.friendLinks).length) { %>
         <div class="friend-links">
             <% Object.keys(theme.card.friendLinks).forEach(key => { %>
-            <div class="friend-link">
+            <span class="friend-link">
                 <a href="<%- theme.card.friendLinks[key] %>">
                     <%= key %>
                 </a>
-            </div>
+            </span>
             <% }); %>
         </div>
+        <% } %>
     </div>
 </div>

package/package.json

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

package/source/css/particlex.css

@@ -291,7 +291,7 @@ footer .footer-wrap {
     color: #1e3e3f;
 }
 #home-posts .post .post-tags {
-    line-height: 1.5;
+    line-height: 1.7;
 }
 #home-posts .post .post-tags a {
     font-size: 14px;
@@ -414,18 +414,16 @@ footer .footer-wrap {
     font-size: 16px;
     font-weight: bold;
     color: #1e3e3f;
-    text-transform: uppercase;
 }
-#home-card .card-style .descriptions {
+#home-card .card-style .description {
     margin: 20px auto;
     width: 85%;
 }
 #home-card .card-style .icon-links {
     width: 85%;
     margin: 10px auto;
-    padding: 8px 15px;
+    padding-top: 10px;
     border-top: #cdcdcd solid 1px;
-    border-bottom: #cdcdcd solid 1px;
 }
 #home-card .card-style .icon-links a {
     color: #5c6b72;
@@ -441,20 +439,18 @@ footer .footer-wrap {
     margin: 5px;
 }
 #home-card .card-style .friend-links {
-    margin: 20px auto;
-}
-#home-card .card-style .friend-links .friend-link {
-    margin: 5px auto;
-    text-align: center;
+    width: 85%;
+    margin: 10px auto;
+    padding-top: 10px;
+    border-top: #cdcdcd solid 1px;
 }
 #home-card .card-style .friend-links .friend-link a {
     display: inline-block;
-    width: 140px;
-    line-height: 3;
+    width: 100%;
+    margin-bottom: 5px;
+    line-height: 30px;
     color: #5c6b72;
-    font-size: 16px;
-    border-radius: 15px;
-    background-blend-mode: darken;
+    border-radius: 10px;
 }
 #home-card .card-style .friend-links .friend-link a:hover {
     color: #fff;
@@ -507,6 +503,7 @@ footer .footer-wrap {
 #menu .phone-menu .title {
     z-index: 10004;
     cursor: pointer;
+    text-transform: uppercase;
     color: #555;
 }
 #menu .phone-menu .items {
@@ -718,7 +715,7 @@ footer .footer-icon {
     text-decoration: none;
 }
 #archives .info {
-    line-height: 1.5;
+    line-height: 1.7;
 }
 #archives .category {
     display: inline-block;
@@ -786,7 +783,7 @@ footer .footer-icon {
     margin: 20px 0;
 }
 .article .info {
-    line-height: 1.5;
+    line-height: 1.7;
 }
 .article .info a {
     color: #5c6b72;