hexo-theme-stellar 1.26.4 → 1.26.6

package/_config.yml

@@ -1,6 +1,6 @@
 ######## Stellar info ########
 stellar:
-  version: '1.26.4'
+  version: '1.26.6'
   homepage: 'https://xaoxuu.com/wiki/stellar/'
   repo: 'https://github.com/xaoxuu/hexo-theme-stellar'
   main_css: /css/main.css
@@ -122,7 +122,7 @@ article:
   # 如果没有指定横幅，是否根据 tags 作为关键词搜索横幅图片？
   auto_banner: false # search from https://source.unsplash.com/
   # 如果没有指定 excerpt 和 description，将自动取多长的内容作为文章摘要？
-  auto_excerpt: 200
+  auto_excerpt: 128
   # 分类颜色
   category_color:
     '探索号': '#f44336'
@@ -294,6 +294,8 @@ tag_plugins:
       suffix: https://bu.dusays.com/2022/10/24/63567d3e0ab55.png
     hashtag:
       prefix: https://bu.dusays.com/2022/10/24/63567d3e07da3.png
+    question:
+      prefix: ph:seal-question-fill
   # {% emoji %}
   emoji:
     default: https://gcore.jsdelivr.net/gh/cdn-x/emoji/qq/${name}.gif
@@ -302,6 +304,9 @@ tag_plugins:
     aru: https://gcore.jsdelivr.net/gh/cdn-x/emoji/aru-l/${name}.gif
     tieba: https://gcore.jsdelivr.net/gh/cdn-x/emoji/tieba/${name}.png
     blobcat: https://gcore.jsdelivr.net/gh/norevi/waline-blobcatemojis@1.0/blobs/${name}.png
+  icon:
+    # 留空时，图标和文字颜色相同
+    default_color: accent # theme, accent, red, orange, yellow, green, cyan, blue, purple
   # {% image %}
   image:
     fancybox: false # true, false
@@ -483,10 +488,10 @@ style:
   prefix:
     h2: https://api.iconify.design/ci:heading-h2.svg
   border-radius:
-    card: 12px
-    block: 12px
-    bar: 8px
-    image: 6px
+    card-l: 16px # 侧边栏、文章横幅位置的圆角
+    card: 12px # 文章内大部分卡片的圆角
+    bar: 8px # 横条类元素的圆角
+    image: 12px # 图片圆角
   color:
     # 动态颜色（会根据明暗主题重设明度值，只用关心色相和饱和度即可）
     background: 'hsl(212 16% 98%)' # 浅色背景颜色

package/_data/icons.yml

@@ -1,3 +1,7 @@
+# 小技巧
+# - 如果更换了图标之后变得很大，请把原本的 class 复制到新的图标中
+# - 如果更换了图标之后视觉轻微偏移，可以通过 style="xx" 来修正
+
 
 solar:documents-bold-duotone: <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M5.879 2.879C5 3.757 5 5.172 5 8v8c0 2.828 0 4.243.879 5.121C6.757 22 8.172 22 11 22h2c2.828 0 4.243 0 5.121-.879C19 20.243 19 18.828 19 16V8c0-2.828 0-4.243-.879-5.121C17.243 2 15.828 2 13 2h-2c-2.828 0-4.243 0-5.121.879M8.25 17a.75.75 0 0 1 .75-.75h3a.75.75 0 0 1 0 1.5H9a.75.75 0 0 1-.75-.75M9 12.25a.75.75 0 0 0 0 1.5h6a.75.75 0 0 0 0-1.5zM8.25 9A.75.75 0 0 1 9 8.25h6a.75.75 0 0 1 0 1.5H9A.75.75 0 0 1 8.25 9" clip-rule="evenodd"/><path fill="currentColor" d="M5.235 4.058C5 4.941 5 6.177 5 8v8c0 1.823 0 3.058.235 3.942L5 19.924c-.975-.096-1.631-.313-2.121-.803C2 18.243 2 16.828 2 14v-4c0-2.829 0-4.243.879-5.121c.49-.49 1.146-.707 2.121-.803zm13.53 15.884C19 19.058 19 17.822 19 16V8c0-1.823 0-3.059-.235-3.942l.235.018c.975.096 1.631.313 2.121.803C22 5.757 22 7.17 22 9.999v4c0 2.83 0 4.243-.879 5.122c-.49.49-1.146.707-2.121.803z" opacity=".5"/></svg>
 solar:chat-square-like-bold-duotone: <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill="currentColor" d="m13.629 20.472l-.542.916c-.483.816-1.69.816-2.174 0l-.542-.916c-.42-.71-.63-1.066-.968-1.262c-.338-.197-.763-.204-1.613-.219c-1.256-.021-2.043-.098-2.703-.372a5 5 0 0 1-2.706-2.706C2 14.995 2 13.83 2 11.5v-1c0-3.273 0-4.91.737-6.112a5 5 0 0 1 1.65-1.651C5.59 2 7.228 2 10.5 2h3c3.273 0 4.91 0 6.113.737a5 5 0 0 1 1.65 1.65C22 5.59 22 7.228 22 10.5v1c0 2.33 0 3.495-.38 4.413a5 5 0 0 1-2.707 2.706c-.66.274-1.447.35-2.703.372c-.85.015-1.275.022-1.613.219c-.338.196-.548.551-.968 1.262" opacity=".5"/><path fill="currentColor" d="M10.99 14.308c-1.327-.978-3.49-2.84-3.49-4.593c0-2.677 2.475-3.677 4.5-1.609c2.025-2.068 4.5-1.068 4.5 1.609c0 1.752-2.163 3.615-3.49 4.593c-.454.335-.681.502-1.01.502c-.329 0-.556-.167-1.01-.502"/></svg>
@@ -10,16 +14,17 @@ default:goback: <svg aria-hidden="true" viewBox="0 0 16 16" fill="currentColor">
 # 必须包含 class="loading"
 default:loading: <svg class="loading" style="vertical-align:middle;fill:currentColor;overflow:hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2709"><path d="M832 512c0-176-144-320-320-320V128c211.2 0 384 172.8 384 384h-64zM192 512c0 176 144 320 320 320v64C300.8 896 128 723.2 128 512h64z" p-id="2710"></path></svg>
 
-# 必须包含 class="icon search-icon"
-default:search: <svg t="1705074644177" class="icon search-icon" viewBox="0 0 1025 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1560" width="200" height="200"><path d="M1008.839137 935.96571L792.364903 719.491476a56.783488 56.783488 0 0 0-80.152866 0 358.53545 358.53545 0 1 1 100.857314-335.166073 362.840335 362.840335 0 0 1-3.689902 170.145468 51.248635 51.248635 0 1 0 99.217358 26.444296 462.057693 462.057693 0 1 0-158.255785 242.303546l185.930047 185.725053a51.248635 51.248635 0 0 0 72.568068 0 51.248635 51.248635 0 0 0 0-72.978056z" p-id="1561"></path><path d="M616.479587 615.969233a50.428657 50.428657 0 0 0-61.498362-5.534852 174.655348 174.655348 0 0 1-177.525271 3.484907 49.403684 49.403684 0 0 0-58.833433 6.76482l-3.074918 2.869923a49.403684 49.403684 0 0 0 8.609771 78.10292 277.767601 277.767601 0 0 0 286.992355-5.739847 49.403684 49.403684 0 0 0 8.404776-76.667958z" p-id="1562"></path></svg>
+default:search: <svg t="1705074644177" viewBox="0 0 1025 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1560" width="200" height="200"><path d="M1008.839137 935.96571L792.364903 719.491476a56.783488 56.783488 0 0 0-80.152866 0 358.53545 358.53545 0 1 1 100.857314-335.166073 362.840335 362.840335 0 0 1-3.689902 170.145468 51.248635 51.248635 0 1 0 99.217358 26.444296 462.057693 462.057693 0 1 0-158.255785 242.303546l185.930047 185.725053a51.248635 51.248635 0 0 0 72.568068 0 51.248635 51.248635 0 0 0 0-72.978056z" p-id="1561"></path><path d="M616.479587 615.969233a50.428657 50.428657 0 0 0-61.498362-5.534852 174.655348 174.655348 0 0 1-177.525271 3.484907 49.403684 49.403684 0 0 0-58.833433 6.76482l-3.074918 2.869923a49.403684 49.403684 0 0 0 8.609771 78.10292 277.767601 277.767601 0 0 0 286.992355-5.739847 49.403684 49.403684 0 0 0 8.404776-76.667958z" p-id="1562"></path></svg>
 default:rss: <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill="currentColor" d="M5 21q-.825 0-1.412-.587T3 19q0-.825.588-1.412T5 17q.825 0 1.413.588T7 19q0 .825-.587 1.413T5 21m13.5 0q-.65 0-1.088-.475T16.9 19.4q-.275-2.425-1.312-4.537T12.9 11.1q-1.65-1.65-3.762-2.687T4.6 7.1q-.65-.075-1.125-.512T3 5.5q0-.65.45-1.062t1.075-.363q3.075.275 5.763 1.563t4.737 3.337q2.05 2.05 3.338 4.738t1.562 5.762q.05.625-.363 1.075T18.5 21m-6 0q-.625 0-1.075-.437T10.85 19.5q-.225-1.225-.787-2.262T8.65 15.35q-.85-.85-1.888-1.412T4.5 13.15q-.625-.125-1.062-.575T3 11.5q0-.65.45-1.075t1.075-.325q1.825.25 3.413 1.063t2.837 2.062q1.25 1.25 2.063 2.838t1.062 3.412q.1.625-.325 1.075T12.5 21"/></svg>
 
 # 必须包含 class="active-icon"
 default:bookmark.active: <svg class="active-icon" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill="currentColor" d="M21 11.098v4.993c0 3.096 0 4.645-.734 5.321c-.35.323-.792.526-1.263.58c-.987.113-2.14-.907-4.445-2.946c-1.02-.901-1.529-1.352-2.118-1.47a2.225 2.225 0 0 0-.88 0c-.59.118-1.099.569-2.118 1.47c-2.305 2.039-3.458 3.059-4.445 2.945a2.238 2.238 0 0 1-1.263-.579C3 20.736 3 19.188 3 16.091v-4.994C3 6.81 3 4.666 4.318 3.333C5.636 2 7.758 2 12 2c4.243 0 6.364 0 7.682 1.332C21 4.665 21 6.81 21 11.098" opacity=".5"/><path fill="currentColor" d="M9 5.25a.75.75 0 0 0 0 1.5h6a.75.75 0 0 0 0-1.5z"/></svg>
 
-# 必须包含 class="icon"
-default:sidebar: <svg t="1705412886951" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8331" width="200" height="200"><path d="M638.72 970.666667h-256c-118.186667 0-198.272-25.002667-251.946667-78.72S52.053333 758.186667 52.053333 640V384c0-118.186667 25.002667-198.272 78.72-251.946667S264.533333 53.333333 382.72 53.333333h256c118.186667 0 198.272 25.002667 251.946667 78.72S969.386667 265.813333 969.386667 384v256c0 118.186667-25.002667 198.272-78.72 251.946667S756.906667 970.666667 638.72 970.666667z m-256-853.333334c-100.096 0-165.802667 19.2-206.72 59.946667S116.053333 283.904 116.053333 384v256c0 100.096 19.072 165.802667 59.946667 206.72S282.624 906.666667 382.72 906.666667h256c100.096 0 165.802667-19.072 206.72-59.946667S905.386667 740.096 905.386667 640V384c0-100.096-19.072-165.802667-59.946667-206.72S738.816 117.333333 638.72 117.333333z" p-id="8332"></path><path d="M638.72 970.666667a32 32 0 0 1-32-32V85.333333a32 32 0 0 1 32-32 32 32 0 0 1 32 32v853.333334a32 32 0 0 1-32 32zM340.053333 653.226667a31.914667 31.914667 0 0 1-22.613333-9.386667 32 32 0 0 1 0-45.269333L404.053333 512 317.44 425.386667a32 32 0 0 1 0-45.226667 32 32 0 0 1 45.226667 0l109.226666 109.226667a32 32 0 0 1 0 45.269333L362.666667 643.84a31.914667 31.914667 0 0 1-22.613334 9.386667z" p-id="8333"></path></svg>
+# 侧边栏弹出按钮
+default:sidebar: <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path d="M2 11c0-3.771 0-5.657 1.172-6.828C4.343 3 6.229 3 10 3h4c3.771 0 5.657 0 6.828 1.172C22 5.343 22 7.229 22 11v2c0 3.771 0 5.657-1.172 6.828C19.657 21 17.771 21 14 21h-4c-3.771 0-5.657 0-6.828-1.172C2 18.657 2 16.771 2 13z"/><path id="sep" stroke-linecap="round" d="M5.5 10h6m-5 4h4m4.5 7V3"/></g></svg>
 default:pin: <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill="currentColor" d="m12 16.068l-3.771 3.905c-.54.559-.81.839-1.04.935c-.52.22-1.099.032-1.373-.448c-.12-.21-.158-.59-.232-1.35c-.043-.43-.064-.644-.128-.824a1.433 1.433 0 0 0-.835-.864c-.173-.067-.38-.089-.795-.133c-.734-.077-1.101-.116-1.305-.24c-.463-.284-.646-.883-.433-1.422c.094-.237.364-.517.904-1.076L5.456 12l1.238-1.238zl5.306-5.306L18.544 12l2.464 2.55c.54.56.81.84.904 1.076c.213.54.03 1.139-.433 1.423c-.204.124-.57.163-1.305.24c-.414.044-.622.066-.795.133c-.389.149-.69.462-.835.864c-.064.18-.085.394-.128.823c-.075.76-.112 1.14-.232 1.351c-.274.48-.853.669-1.374.448c-.228-.096-.498-.376-1.038-.935z" opacity=".5"/><path fill="currentColor" fill-rule="evenodd" d="M12 16a7 7 0 1 0 0-14a7 7 0 0 0 0 14m0-10c-.284 0-.474.34-.854 1.023l-.098.176c-.108.194-.162.29-.246.354c-.085.064-.19.088-.4.135l-.19.044c-.738.167-1.107.25-1.195.532c-.088.283.164.577.667 1.165l.13.152c.143.167.215.25.247.354c.032.104.021.215 0 .438l-.02.203c-.076.785-.114 1.178.115 1.352c.23.174.576.015 1.267-.303l.178-.082c.197-.09.295-.135.399-.135c.104 0 .202.045.399.135l.178.082c.691.319 1.037.477 1.267.303c.23-.174.191-.567.115-1.352l-.02-.203c-.021-.223-.032-.334 0-.438c.032-.103.104-.187.247-.354l.13-.152c.503-.588.755-.882.667-1.165c-.088-.282-.457-.365-1.195-.532l-.19-.044c-.21-.047-.315-.07-.4-.135c-.084-.064-.138-.16-.246-.354l-.098-.176C12.474 6.34 12.284 6 12 6" clip-rule="evenodd"/></svg>
+default:calendar: <svg style="margin-bottom:2px" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill="currentColor" d="M6.94 2c.416 0 .753.324.753.724v1.46c.668-.012 1.417-.012 2.26-.012h4.015c.842 0 1.591 0 2.259.013v-1.46c0-.4.337-.725.753-.725s.753.324.753.724V4.25c1.445.111 2.394.384 3.09 1.055c.698.67.982 1.582 1.097 2.972L22 9H2v-.724c.116-1.39.4-2.302 1.097-2.972c.697-.67 1.645-.944 3.09-1.055V2.724c0-.4.337-.724.753-.724"/><path fill="currentColor" d="M22 14v-2c0-.839-.004-2.335-.017-3H2.01c-.013.665-.01 2.161-.01 3v2c0 3.771 0 5.657 1.172 6.828C4.343 22 6.228 22 10 22h4c3.77 0 5.656 0 6.828-1.172C22 19.658 22 17.772 22 14" opacity=".5"/><path fill="currentColor" d="M18 17a1 1 0 1 1-2 0a1 1 0 0 1 2 0m0-4a1 1 0 1 1-2 0a1 1 0 0 1 2 0m-5 4a1 1 0 1 1-2 0a1 1 0 0 1 2 0m0-4a1 1 0 1 1-2 0a1 1 0 0 1 2 0m-5 4a1 1 0 1 1-2 0a1 1 0 0 1 2 0m0-4a1 1 0 1 1-2 0a1 1 0 0 1 2 0"/></svg>
+default:category: <svg style="margin-bottom:1px" xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 24 24"><path fill="currentColor" d="M2 6.95c0-.883 0-1.324.07-1.692A4 4 0 0 1 5.257 2.07C5.626 2 6.068 2 6.95 2c.386 0 .58 0 .766.017a4 4 0 0 1 2.18.904c.144.119.28.255.554.529L11 4c.816.816 1.224 1.224 1.712 1.495a4 4 0 0 0 .848.352C14.098 6 14.675 6 15.828 6h.374c2.632 0 3.949 0 4.804.77c.079.07.154.145.224.224c.77.855.77 2.172.77 4.804V14c0 3.771 0 5.657-1.172 6.828C19.657 22 17.771 22 14 22h-4c-3.771 0-5.657 0-6.828-1.172C2 19.657 2 17.771 2 14z" opacity=".5"/><path fill="currentColor" d="M20 6.238c0-.298-.005-.475-.025-.63a3 3 0 0 0-2.583-2.582C17.197 3 16.965 3 16.5 3H9.988c.116.104.247.234.462.45L11 4c.816.816 1.224 1.224 1.712 1.495a4 4 0 0 0 .849.352C14.098 6 14.675 6 15.829 6h.373c1.78 0 2.957 0 3.798.238"/><path fill="currentColor" fill-rule="evenodd" d="M12.25 10a.75.75 0 0 1 .75-.75h5a.75.75 0 0 1 0 1.5h-5a.75.75 0 0 1-.75-.75" clip-rule="evenodd"/></svg>
 
 github:logo: <svg aria-hidden="true" role="img" class="color-icon-primary" viewBox="0 0 16 16" width="1em" height="1em" fill="currentColor" style="display:inline-block;user-select:none;vertical-align:text-bottom;overflow:visible"><path fill-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"></path></svg>
 github:repo: <svg aria-hidden="true" role="img" class="color-icon-primary" viewBox="0 0 16 16" width="1em" height="1em" fill="currentColor" style="user-select:none;overflow:visible"><path fill-rule="evenodd" d="M2 2.5A2.5 2.5 0 014.5 0h8.75a.75.75 0 01.75.75v12.5a.75.75 0 01-.75.75h-2.5a.75.75 0 110-1.5h1.75v-2h-8a1 1 0 00-.714 1.7.75.75 0 01-1.072 1.05A2.495 2.495 0 012 11.5v-9zm10.5-1V9h-8c-.356 0-.694.074-1 .208V2.5a1 1 0 011-1h8zM5 12.25v3.25a.25.25 0 00.4.2l1.45-1.087a.25.25 0 01.3 0L8.6 15.7a.25.25 0 00.4-.2v-3.25a.25.25 0 00-.25-.25h-3.5a.25.25 0 00-.25.25z"></path></svg>
@@ -30,4 +35,7 @@ github:tag: <svg aria-hidden="true" role="img" class="color-icon-primary" viewBo
 share:wechat: https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.12/social/b32ef3da1162a.svg
 share:weibo: https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.12/social/80c07e4dbb303.svg
 share:email: https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.12/social/a1b00e20f425d.svg
-share:link: https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.12/social/8411ed322ced6.svg
+share:link: https://gcore.jsdelivr.net/gh/cdn-x/placeholder@1.0.12/social/8411ed322ced6.svg
+
+# quot icons
+ph:seal-question-fill: <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 256 256"><path fill="currentColor" d="M225.86 102.82c-3.77-3.94-7.67-8-9.14-11.57c-1.36-3.27-1.44-8.69-1.52-13.94c-.15-9.76-.31-20.82-8-28.51s-18.75-7.85-28.51-8c-5.25-.08-10.67-.16-13.94-1.52c-3.56-1.47-7.63-5.37-11.57-9.14C146.28 23.51 138.44 16 128 16s-18.27 7.51-25.18 14.14c-3.94 3.77-8 7.67-11.57 9.14c-3.25 1.36-8.69 1.44-13.94 1.52c-9.76.15-20.82.31-28.51 8s-7.8 18.75-8 28.51c-.08 5.25-.16 10.67-1.52 13.94c-1.47 3.56-5.37 7.63-9.14 11.57C23.51 109.72 16 117.56 16 128s7.51 18.27 14.14 25.18c3.77 3.94 7.67 8 9.14 11.57c1.36 3.27 1.44 8.69 1.52 13.94c.15 9.76.31 20.82 8 28.51s18.75 7.85 28.51 8c5.25.08 10.67.16 13.94 1.52c3.56 1.47 7.63 5.37 11.57 9.14c6.9 6.63 14.74 14.14 25.18 14.14s18.27-7.51 25.18-14.14c3.94-3.77 8-7.67 11.57-9.14c3.27-1.36 8.69-1.44 13.94-1.52c9.76-.15 20.82-.31 28.51-8s7.85-18.75 8-28.51c.08-5.25.16-10.67 1.52-13.94c1.47-3.56 5.37-7.63 9.14-11.57c6.63-6.9 14.14-14.74 14.14-25.18s-7.51-18.27-14.14-25.18M128 192a12 12 0 1 1 12-12a12 12 0 0 1-12 12m8-48.72v.72a8 8 0 0 1-16 0v-8a8 8 0 0 1 8-8c13.23 0 24-9 24-20s-10.77-20-24-20s-24 9-24 20v4a8 8 0 0 1-16 0v-4c0-19.85 17.94-36 40-36s40 16.15 40 36c0 17.38-13.76 31.93-32 35.28"/></svg>

package/layout/_partial/main/navbar/article_banner.ejs

@@ -1,6 +1,13 @@
 <%
 
-var banner_url = page.banner || ''
+var banner_url
+if (page.banner) {
+  banner_url = page.banner
+} else if (theme.topic.tree[page.topic]?.banner != null) {
+  banner_url = theme.topic.tree[page.topic]?.banner
+} else if (theme.wiki.tree[page.wiki]?.banner != null) {
+  banner_url = theme.wiki.tree[page.wiki]?.banner
+}
 
 function layoutTitle() {
   const title = page.h1 != null ? page.h1 : page.title
@@ -35,7 +42,7 @@ function layoutDiv() {
   var style = ``
   var el = ``
   el += `<div class="article banner top">`
-  if (banner_url.length > 0) {
+  if (banner_url?.length > 0) {
     el += `<img class="bg" src="${banner_url}">`
     if (page.poster?.color) {
       style += ' style="--text-banner:' + page.poster?.color + '"'

package/layout/_partial/main/navbar/dateinfo.ejs

@@ -15,6 +15,9 @@ function layoutDiv() {
     }
     // 发布日期
     el += `<span class="text created">`
+    if (!author) {
+      el += `${__("meta.created") + __("symbol.colon")}`
+    }
     el += `<time datetime="${date_xml(page.date)}">${date(page.date, config.date_format)}</time>`
     el += `</span>`
     // 更新日期

package/layout/_partial/main/navbar/nav_tabs_blog.ejs

@@ -1,8 +1,8 @@
 <%
 function layoutDiv() {
   var el = '';
-  el += '<div class="nav-wrap">';
-  el += '<nav class="sub post">';
+  el += '<div class="navbar top">';
+  el += '<nav class="post">';
   if (is_home()) {
     el += '<a class="active" href="' + url_for(config.index_generator.path) + '">' + __("btn.recent_publish") + '</a>';
   } else {

package/layout/_partial/main/navbar/nav_tabs_wiki.ejs

@@ -1,8 +1,8 @@
 <%
 function layoutDiv() {
   var el = '';
-  el += '<div class="nav-wrap">';
-  el += '<nav class="sub wiki">';
+  el += '<div class="navbar top">';
+  el += '<nav class="wiki">';
   // 所有项目
   el += '<a';
   if (page.filter === false) {

package/layout/_partial/main/post_list/post_card.ejs

@@ -69,7 +69,7 @@ function div_default() {
   // meta
   el += '<div class="meta cap">';
   el += '<span class="cap" id="post-meta">';
-  
+  el += icon('default:calendar')
   // time
   el += `<time datetime="${date_xml(post.date)}">${date(post.date, config.date_format)}</time>`
   el += '</span>';
@@ -85,7 +85,8 @@ function div_default() {
       if (cats.length > 0) {
         let cat = cats.shift();
         el += '<span class="cap breadcrumb"' + category_color(cat) + '>';
-        el += cat;
+        el += icon('default:category')
+        el += `<span>${cat}</span>`
         el += '</span>';
       }
     }

package/layout/_partial/widgets/related.ejs

@@ -10,7 +10,7 @@ function relatedPostsInTopic() {
   var el = ''
   el += `<widget class="widget-wrapper${scrollreveal(' ')} post-list">`
   el += `<div class="widget-header dis-select">`
-  el += `<span class="name">${__('btn.topic') + __('symbol.colon') + topic.name}</span>`
+  el += `<span class="name">${__('btn.topic') + __('symbol.colon') + (topic.name || topic.title)}</span>`
   el += `</div>`
   el += `<div class="widget-body">`
   for (let post of topic.pages) {

package/layout/categories.ejs

@@ -13,7 +13,7 @@ if (page.menu_id == undefined) {
       <% site.categories.sort('path').each(function(category){ %>
         <div>
           <a class="<%= category.parent ? 'cat child' : 'cat'%>" href="<%= url_for(category.path) %>">
-            <span class='name'><%- category.name %></span>
+            <span class='name'><%- icon('default:category') %><%- category.name %></span>
             <span class='badge'>(<%- category.posts.length %>)</span>
           </a>
         </div>

package/layout/layout.ejs

@@ -10,6 +10,10 @@ if (['post', 'page', 'wiki', null].includes(page.layout)) {
 var article_type = theme.article.type
 if (page.type?.length > 0) {
   article_type = page.type
+} else if (theme.topic.tree[page.topic]?.type != null) {
+  article_type = theme.topic.tree[page.topic]?.type
+} else if (theme.wiki.tree[page.wiki]?.type != null) {
+  article_type = theme.wiki.tree[page.wiki]?.type
 }
 // 是否缩进
 var indent = false

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hexo-theme-stellar",
-  "version": "1.26.4",
+  "version": "1.26.6",
   "description": "Elegant and powerful theme for Hexo.",
   "main": "package.json",
   "scripts": {

package/scripts/events/lib/utils.js

@@ -70,4 +70,20 @@ module.exports = hexo => {
       return ret.join('&');
     }
   };
+  hexo.utils = {
+    icon: (key, args) => {
+      const { icons } = hexo.theme.config
+      var result = ''
+      if (icons[key]) {
+        result = icons[key]
+      } else {
+        result = key
+      }
+      if (result.startsWith('/') || result.startsWith('https://') || result.startsWith('http://')) {
+        return `<img ${args?.length > 0 ? args : ''} src="${result}" />`
+      } else {
+        return result
+      }
+    }
+  };
 };

package/scripts/helpers/icon.js

@@ -1,16 +1,5 @@
 'use strict';
 
 hexo.extend.helper.register('icon', function(key, args) {
-  const { icons } = hexo.theme.config
-  var result = ''
-  if (icons[key]) {
-    result = icons[key]
-  } else {
-    result = key
-  }
-  if (result.startsWith('/') || result.startsWith('https://') || result.startsWith('http://')) {
-    return `<img ${args?.length > 0 ? args : ''} src="${result}" />`
-  } else {
-    return result
-  }
+  return hexo.utils.icon(key, args)
 })

package/scripts/tags/index.js

@@ -29,9 +29,11 @@ hexo.extend.tag.register('checkbox', require('./lib/checkbox')(hexo, 'checkbox')
 hexo.extend.tag.register('radio', require('./lib/checkbox')(hexo, 'radio'))
 hexo.extend.tag.register('copy', require('./lib/copy')(hexo))
 hexo.extend.tag.register('emoji', require('./lib/emoji')(hexo))
+hexo.extend.tag.register('icon', require('./lib/icon')(hexo))
 hexo.extend.tag.register('frame', require('./lib/frame')(hexo))
 hexo.extend.tag.register('image', require('./lib/image')(hexo))
 hexo.extend.tag.register('link', require('./lib/link')(hexo))
+hexo.extend.tag.register('button', require('./lib/button')(hexo))
 hexo.extend.tag.register('mark', require('./lib/mark')(hexo))
 hexo.extend.tag.register('navbar', require('./lib/navbar')(hexo))
 hexo.extend.tag.register('note', require('./lib/note')(hexo))

package/scripts/tags/lib/button.js

@@ -0,0 +1,39 @@
+/**
+ * button.js v1.0 | https://github.com/xaoxuu/hexo-theme-stellar/
+ * 格式与官方标签插件一致使用空格分隔，中括号内的是可选参数（中括号不需要写出来）
+ *
+ * {% button [color:color] text url [icon:key/src] [size:xs] %}
+ *
+ */
+
+'use strict'
+
+module.exports = ctx => function(args) {
+  args = ctx.args.map(args, ['color', 'icon', 'size'], ['text', 'url'])
+  if (!args.text) {
+    return ''
+  }
+  if (!args.url) {
+    return ''
+  }
+  if (args.url.includes(' ')) {
+    var arr = args.url.split(' ')
+    args.url = arr.pop()
+    args.text = `${args.text} ${arr.join(' ')}`
+  }
+  if (args.color == null) {
+    args.color = 'theme'
+  }
+  var el = ''
+  el += '<a class="tag-plugin colorful button"'
+  el += ' ' + ctx.args.joinTags(args, ['color', 'size']).join(' ')
+  el += ` title="${args.text}"`
+  el += ` href="${args.url}"`
+  el += '>'
+  if (args.icon) {
+    el += ctx.utils.icon(args.icon)
+  }
+  el += `<span>${args.text}</span>`
+  el += '</a>'
+  return el
+}

package/scripts/tags/lib/icon.js

@@ -0,0 +1,27 @@
+/**
+ * icon.js v1.0 | https://github.com/xaoxuu/hexo-theme-stellar/
+ * 格式与官方标签插件一致使用空格分隔，中括号内的是可选参数（中括号不需要写出来）
+ *
+ * {% icon key [color:color] [style:css] %}
+ *
+ */
+
+'use strict'
+
+module.exports = ctx => function(args) {
+  args = ctx.args.map(args, ['color', 'style'], ['key'])
+  if (args.color == null) {
+    args.color = ctx.theme.config.tag_plugins.icon.default_color
+  }
+  var el = ''
+  el += '<span class="tag-plugin colorful icon"'
+  el += ' ' + ctx.args.joinTags(args, ['color']).join(' ')
+  el += '>'
+  var more = ''
+  if (args.style) {
+    more += `style="${args.style}"`
+  }
+  el += ctx.utils.icon(args.key, more)
+  el += '</span>'
+  return el
+}

package/scripts/tags/lib/navbar.js

@@ -18,7 +18,7 @@ module.exports = ctx => function(args) {
   if (args.links) {
     args.links = args.links.split(' ')
   }
-  var el = `<div class="tag-plugin navbar"><nav class="cap">`
+  var el = `<div class="tag-plugin navbar"><nav>`
   for (let link of args.links) {
     const matches = link.match(/\[(.*?)\]\((.*?)\)/i)
     if (matches?.length > 2) {

package/scripts/tags/lib/okr.js

@@ -56,7 +56,7 @@ function generateKRList(ctx, contentArray) {
 function layoutItem(ctx, type, index, title, note, color, label, percent) {
   const percentStr = (percent * 100).toString().replace(/\.\d*/, '')
   return `
-  <div class="okr-item ${type}">
+  <div class="okr-item ${type}" id="okr-${index.toLowerCase()}">
     <div class="okr-left">
       <span class="title">${index.toUpperCase()}</span>
     </div>

package/scripts/tags/lib/quot.js

@@ -3,7 +3,7 @@
  * 格式与官方标签插件一致使用空格分隔，中括号内的是可选参数（中括号不需要写出来）
  *
  * quot:
- * {% quot [el:h2] [icon:default] text %}
+ * {% quot [el:h2] [icon:default] [prefix:icon] text [suffix:icon] %}
  *
  */
 
@@ -11,29 +11,32 @@
 
 module.exports = ctx => function(args) {
   var el = ''
-  args = ctx.args.map(args, ['el', 'icon'], ['text'])
+  args = ctx.args.map(args, ['el', 'icon', 'prefix', 'suffix'], ['text'])
   if (!args.el) {
     args.el = 'p'
   }
 
   var type = ''
-  if (args.icon && args.icon != 'square' && args.icon != 'quotes') {
+  if (args.icon || args.prefix || args.suffix) {
     type = ' type="icon"'
   } else {
     type = ' type="text"'
   }
   function content() {
-    if (!args.icon) {
-      return args.text
-    }
-    var el = ''
     const cfg = ctx.theme.config.tag_plugins.quot[args.icon]
-    if (cfg && cfg.prefix) {
-      el += '<img class="icon prefix" src="' + cfg.prefix + '" />'
+    var el = ''
+    var prefix = args.prefix || cfg?.prefix
+    var suffix = args.suffix || cfg?.suffix
+    if (prefix) {
+      el += ctx.utils.icon(prefix, 'class="icon prefix"')
+    } else {
+      el += `<span class="empty"></span>`
     }
-    el += args.text
-    if (cfg && cfg.suffix) {
-      el += '<img class="icon suffix" src="' + cfg.suffix + '" />'
+    el += `<span class="text">${args.text}</span>`
+    if (suffix) {
+      el += ctx.utils.icon(suffix, 'class="icon prefix"')
+    } else {
+      el += `<span class="empty"></span>`
     }
     return el
   }

package/source/css/_common/base.styl

@@ -25,8 +25,7 @@ img
 
 
 li
-  --fsp: var(--fsp1)
-  font-size: var(--fsp)
+  font-size: 'calc(%s - 1px)' % var(--fsp)
 
 
 ul,ol
@@ -41,7 +40,7 @@ table:not([class])
   margin: 1rem 0
   max-width: 100%
   vertical-align: text-top
-  --fsp: var(--fsp2)
+  --fsp: $fsp2
   font-size: var(--fsp)
   th
     background: var(--block)

package/source/css/_common/blockquote.styl

@@ -6,5 +6,5 @@ blockquote
   background: var(--block)
   $bd-left = 4px
   border-left: $bd-left solid var(--text-meta)
-  border-radius: $bd-left $border-bar $border-bar $bd-left
+  border-radius: $bd-left $border-card $border-card $bd-left
   color: var(--text-p2)

package/source/css/_common/device.styl

@@ -26,20 +26,31 @@
   if hexo-config('style.darkmode') == 'always'
     --blur-bg: alpha(#000, .4)
 
+// 侧边栏弹出按钮
 .sidebar-toggle.mobile
   cursor: pointer
   color: var(--text)
   background: none
   padding: 8px
   line-height: 0
-  font-size: 24px
+  font-size: 28px
   margin: 0
+  display: flex
+  >*
+    path#sep
+      trans1 transform
+    width: auto
+    height: 28px
+// 侧边栏弹出后
+.l_body.mobile.sidebar .sidebar-toggle.mobile
+  svg g
+    fill: currentColor
+    fill-opacity: 0.3
+    path#sep
+      transform: translateX(2px)
 
 
 .l_body.mobile.sidebar
-  .float-panel
-    box-shadow: $boxshadow-float
-    transform: translateY(-2px)
   .sidebar-toggle.mobile
     background: var(--card)
     color: $color-hover

package/source/css/_common/highlight.styl

@@ -12,7 +12,7 @@ p>code:not([class]),li>code:not([class])
 
 .md-text .highlight, pre:not([class]):has(>code)
   margin: var(--gap-p) 0
-  border-radius: $border-block
+  border-radius: $border-card
   overflow: hidden
   background: var(--block)
   line-height: 1.5
@@ -78,7 +78,7 @@ p>code:not([class]),li>code:not([class])
   --fgColor-default: var(--text-p1)
   .gist-file 
     border: 1px solid var(--block-border)
-    border-radius: $border-block
+    border-radius: $border-card
     overflow: hidden
   .gist-data
     border-bottom: 1px solid var(--block-border)
@@ -102,7 +102,7 @@ table:not([class])
     color: var(--text-p3)
   >.hljs
     padding: 1rem
-    border-radius: $border-block
+    border-radius: $border-card
     line-height: 1.5
     box-sizing: border-box
 

package/source/css/_common/title.styl

@@ -1,18 +1,19 @@
 h1,.h1
-  font-size: $fs-h1
+  font-size: var(--fsh2)
   font-weight: 700
   @media screen and (max-width: $device-mobile)
-    font-size: $fs-h1
+    font-size: var(--fsh2)
 h2,.h2
-  font-size: $fs-h2
+  font-size: var(--fsh2)
+  margin-top: 1.5em
 h3,.h3
-  font-size: $fs-h3
+  font-size: var(--fsh3)
 h4,.h4
-  font-size: $fs-h4
+  font-size: var(--fsh4)
 h5
-  font-size: $fs-h5
+  font-size: 'calc(%s + 1px)' % var(--fsp)
 h6
-  font-size: $fs-h6
+  font-size: 'calc(%s + 0px)' % var(--fsp)
 
 // 次级段落字号
 .fs15

package/source/css/_custom.styl

@@ -44,19 +44,23 @@ $fs-14 = .875rem
 $fs-13 = .8125rem
 $fs-12 = .75rem
 
-$fs-h1   = 2rem   // 32px
-$fs-h2   = 1.75rem    // 28px
-$fs-h3   = 1.375rem  // 22px
-$fs-h4   = 1.125rem  // 18px
-$fs-h5   = $fs-15
-$fs-h6   = $fs-12
 $fs-body = convert(hexo-config('style.font-size.body'))
 $fs-code = convert(hexo-config('style.font-size.code'))
 $fs-codeblock = convert(hexo-config('style.font-size.codeblock'))
 
+$fsh1 = 'calc(%s + 11px)' % $fs-body
+$fsh2 = 'calc(%s + 11px)' % $fs-body
+$fsh3 = 'calc(%s + 7px)' % $fs-body
+$fsh4 = 'calc(%s + 4px)' % $fs-body
+$fsh5 = 'calc(%s + 2px)' % $fs-body
 
+$fsp0 = 'calc(%s - 0px)' % $fs-body
+$fsp1 = 'calc(%s - 1px)' % $fs-body
+$fsp2 = 'calc(%s - 2px)' % $fs-body
+$fsp3 = 'calc(%s - 3px)' % $fs-body
+
+$border-card-l = convert(hexo-config('style.border-radius.card-l'))
 $border-card = convert(hexo-config('style.border-radius.card'))
-$border-block = convert(hexo-config('style.border-radius.block'))
 $border-bar = convert(hexo-config('style.border-radius.bar'))
 $border-image = convert(hexo-config('style.border-radius.image'))
 $border-button = 4px
@@ -65,11 +69,11 @@ $border-button = 4px
 :root
   --width-left: 288px
   --width-main: 720px
-  --fs-body: $fs-body
-  --fsp: var(--fs-body)
-  --fsp1: 'calc(%s - 1px)' % var(--fsp)
-  --fsp2: 'calc(%s - 2px)' % var(--fsp)
-  --fsp3: 'calc(%s - 3px)' % var(--fsp)
+  --fsp: $fs-body
+  --fsh2: 'calc(%s + 11px)' % var(--fsp)
+  --fsh3: 'calc(%s + 7px)' % var(--fsp)
+  --fsh4: 'calc(%s + 4px)' % var(--fsp)
+  
   --gap-l: 16px
   --gap-p: 'calc(%s + 4px)' % $fs-body // gap for paragraph
   --gap-p-compact: 'calc(%s * 0.75)' % $fs-body
@@ -91,9 +95,8 @@ $border-button = 4px
 
 // 文章布局风格
 .l_body.story
-  --fsp: 'calc(%s + 2px)' % $fs-body
-  --gap-p: 1.5rem
-  .tag-plugin,p>img
+  --gap-p: 2rem
+  div.tag-plugin,p>img
     margin-top: 2.4rem
     margin-bottom: 2.4rem