hexo-theme-stellar 1.26.4 → 1.26.5

package/_config.yml

@@ -1,6 +1,6 @@
 ######## Stellar info ########
 stellar:
-  version: '1.26.4'
+  version: '1.26.5'
   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

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/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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hexo-theme-stellar",
-  "version": "1.26.4",
+  "version": "1.26.5",
   "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,6 +29,7 @@ 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))

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/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/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/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,16 +44,20 @@ $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 = convert(hexo-config('style.border-radius.card'))
 $border-block = convert(hexo-config('style.border-radius.block'))
@@ -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

package/source/css/_layout/list.styl

@@ -9,12 +9,12 @@
     font-weight: 500
     margin: 1.25rem 0 .75rem 0
     line-height: 1.2
-    font-size: $fs-h3
+    font-size: $fsh4
     border-bottom: none
     color: var(--text)
     trans1 color
     @media screen and (max-width: $device-mobile)
-      font-size: $fs-h4
+      font-size: $fsh5
       margin: 0.5rem 0
   .wiki .post-title
     margin-top: 0.5rem
@@ -46,20 +46,26 @@
         margin: 0.5rem 0
       line-height: 1.5
   .meta.cap
-    display: flex
+    &,span
+      display: flex
+      align-items: center
     flex-wrap: wrap
-    align-items: center
-    margin: 0.25rem 0
-    line-height: 1.5
-    span+span
-      margin-left: 0.5rem
-    span.pin
+    margin: 0
+    line-height: 2
+    --fsp: $fsp1
+    font-size: var(--fsp)
+    svg
+      height: 1em
+      width: auto
       line-height: 0
+      transform: scale(1.2)
+      margin-right: 8px
+    >span+span
+      margin-left: 1.5rem
+    span.pin
       img
         object-fit: contain
-        height: 1.5em
       svg
-        height: 1.5rem
         color: $c-red
 
 .post-list.post .post-card:hover
@@ -121,18 +127,18 @@
         color: unset
       .title
         font-weight: 500
-        font-size: $fs-h3
+        font-size: $fsh3
       @media screen and (max-width: $device-mobile)
         padding: 1rem
         div+div
           margin-top: 2px
         .title
-          font-size: $fs-h4
+          font-size: $fsh4
         .cap
           font-size: $fs-12
   h2
     margin: .25rem 0
-    font-size: $fs-h4
+    font-size: $fsh4
 
 
 // wiki

package/source/css/_layout/md.styl

@@ -22,13 +22,13 @@
 .l_body[text-indent] .md-text.content
   >p
     text-indent: 'calc(%s * 2)' % var(--fsp)
-    text-align: convert(hexo-config('style.text-align'))
+    text-align: justify
   h1,h2,h3,h4,h5,h6
     text-align: center
     a.headerlink
       display: none
-  >h2:not([class])
-    border-bottom: none
+  h2
+    margin: 2em 0 1.5em
 
 .md-text
   ul:not(:last-child),
@@ -37,7 +37,7 @@
     margin: 0
   blockquote,ul,ol
     p,ul,ol
-      --fsp: var(--fsp1)
+      --fsp: $fsp1
       font-size: var(--fsp)
       line-height: 1.5
       code 
@@ -59,7 +59,6 @@
 // titles
 .md-text.content
   h1,h2,h3,h4,h5,h6
-    margin-bottom: var(--gap-p)
     color: var(--text)
     line-height: 1.8
   blockquote, .tag-plugin
@@ -81,17 +80,10 @@
     padding: 0 2px
     font-size: $fs-12
   h2
-    margin-top: 'calc(%s + 1rem)' % var(--gap-p)
-    font-weight: 400
+    font-weight: 500
     a.headerlink:before
       content: ':'
-  h3
-    margin-top: 'calc(%s + 0.75rem)' % var(--gap-p)
-    font-weight: 400
-  h4,h5,h6
-    margin-top: 'calc(%s + 0.5rem)' % var(--gap-p)
-    font-weight: 500
-
+  
 .md-text.content:first-child .tag-plugin:first-child
   margin-top: 0
 

package/source/css/_layout/pages/archives.styl

@@ -52,7 +52,15 @@
     align-items: center
     justify-content: space-between
     font-weight: 500
-    font-size: $fs-14
+    font-size: $fsp2
+    span
+      display: flex
+      align-items: center
+    svg
+      height: 1em
+      width: auto
+      transform: scale(1.2)
+      margin-right: 8px
     .badge
       font-weight: 700
       font-family: $ff-code

package/source/css/_layout/partial/article-banner.styl

@@ -15,7 +15,7 @@
     align-items: flex-start
     margin: 1rem 'calc(1rem - 4px)'
   .title
-    font-size: $fs-h1
+    font-size: $fsh1
     color: var(--text-banner)
   .bottom
     padding: 1.5rem 1rem
@@ -23,7 +23,8 @@
     line-height: 1.2
     margin: 0
   
-  
+.l_body[text-indent] .article.banner .content .bottom
+  justify-content: center
   
 
 // 动画配置

package/source/css/_layout/partial/article-footer.styl

@@ -9,9 +9,9 @@
   .header
     font-weight: 500
     color: var(--text-p2)
-    font-size: $fs-h4
+    font-size: $fsh5
   .body
-    --fsp: var(--fsp2)
+    --fsp: $fsp2
     input.copy-area
       margin: 0.75rem 0
       padding: 0
@@ -29,7 +29,7 @@
       line-height: 1.2
       word-break: break-all
       p
-        --fsp: var(--fsp2)
+        --fsp: $fsp2
       a
         text-decoration: none
         color: unset

package/source/css/_layout/partial/navbar.styl

@@ -1,4 +1,4 @@
-.nav-wrap
+.navbar
   padding: 0 1rem
   z-index: 8
   top: 0
@@ -13,15 +13,15 @@
     margin-top: -8px
   &:after
     content: ''
-    width: 'calc(100% - 2 * %s)' % 1rem
     height: 2px
     border-radius: 2px
     position: absolute
     bottom: 0
     left: 1rem
+    right: 1rem
     background: var(--block-hover)
 
-nav.sub
+.navbar nav
   display: flex
   overflow: scroll visible
   scrollbar(0, 0)
@@ -29,7 +29,7 @@ nav.sub
   >p
     margin: 0
   a
-    padding: .25rem 0.75rem
+    padding: 2px 0.75rem
     if hexo-config('style.site') && hexo-config('style.site.background-image')
       margin: 10px 0.25rem 8px 0
     else
@@ -57,13 +57,15 @@ nav.sub
     &.active
       background: var(--card)
       box-shadow: $boxshadow-button
+      cursor default
+      pointer-events: none
     &.active:after
       content: ''
   a+a
     margin-left: 4px
 
 @media screen and (max-width: $device-mobile-max)
-  .nav-wrap
+  .navbar.top
     margin-top: 0
     padding-left: 0
     padding-right: 0

package/source/css/_layout/partial/related.styl

@@ -31,7 +31,7 @@ article.md-text.content+.related-wrap
     .title
       color: var(--text-p1)
       font-weight: 500
-      --fsp: var(--fsp1)
+      --fsp: $fsp1
       font-size: var(--fsp)
       trans2 color border
       position: relative
@@ -40,7 +40,7 @@ article.md-text.content+.related-wrap
       line-height: 1.6
     .excerpt
       color: var(--text-p3)
-      --fsp: var(--fsp3)
+      --fsp: $fsp3
       font-size: var(--fsp)
       margin-top: 0.5rem
       display: -webkit-box
@@ -74,7 +74,7 @@ article.md-text.content+.related-wrap
       margin: 0
       line-height: 1.2
       color: var(--text-p1)
-      font-size: $fs-h4
+      font-size: $fsh5
       &:hover
         color: $color-hover !important
     #next
@@ -82,7 +82,7 @@ article.md-text.content+.related-wrap
 .wiki+.related-wrap#read-next
   .item
     a
-      font-size: $fs-h3
+      font-size: $fsh3
     &#prev a
       color: var(--text-p3)
 

package/source/css/_layout/sidebar/search.styl

@@ -18,29 +18,31 @@
       background: var(--alpha100)
   .search-input
     width: 100%
-    line-height: 16px
     box-sizing: border-box
     font-family: $ff-body
-    font-size: $fs-13
+    font-size: $fs-14
     padding: 12px 0
     color: var(--text)
   .search-button 
     border-radius: $border-bar
-    line-height: 40px
-  .search-icon
-    width: 44px
-    margin-left: 4px
-    color: var(--text-p2)
-    margin-bottom: 2px
-    path[p-id="1562"]
-      color: $color-theme
+    display: flex
+    align-items: center
+    height: 40px
+    svg
+      height: 1rem
+      width: 40px
+      margin-left: 4px
+      color: var(--text-p2)
+      fill: currentColor
+      path[p-id="1562"]
+        color: $color-theme
     
   &[searching='true']
-    .search-icon
+    .search-button
       path[p-id="1562"]
         color: $c-green
   &.noresult[searching='true']
-    .search-icon
+    .search-button
       path[p-id="1562"]
         color: $c-red
 

package/source/css/_layout/sidebar/sidebar.styl

@@ -1,5 +1,5 @@
 .l_left
-  margin-right: 8px
+  margin: 8px 8px 8px 0
   height: 'calc(%s - 16px)' % 100vh
   border-radius: $border-card
   overflow: hidden

package/source/css/_layout/tag-plugins/banner.styl

@@ -24,24 +24,34 @@
       align-items: center
       line-height: 1
       margin: 1rem
-      .navbar
+      .tag-plugin.navbar
         margin: 0
-        nav.cap
-          border-radius: 6px
-          background: rgba(black, 0.2)
+        border-radius: 6px
+        padding: 2px
+        background: rgba(black, 0.2)
+        overflow: hidden
+        &:after
+          content: none
         .link
+          margin: 0
+          border-radius: 4px
           color: rgba(white, 0.8)
           padding: 2px 6px
-          border-radius: 4px
           background: none
           line-height: 1.5
           font-size: $fs-15
-          &.active
+          text-shadow: 0 0 1px rgba(0,0,0,0.12)
+          &+.link
+            margin-left: 2px
+          &:after
+            content: none
+          &:hover
             color: white
             background: rgba(white, 0.25)
-          &:hover
+          &.active
             color: white
-            background: rgba(black, 0.5) !important
+            background: rgba(white, 0.25)
+        
       .back
         background: none
         padding: 0

package/source/css/_layout/tag-plugins/common.styl

@@ -40,6 +40,10 @@ set_dynamic_color($theme)
   set_dynamic_color($c-blue)
 .colorful[color='purple']
   set_dynamic_color($c-purple)
+.colorful[color='theme']
+  set_dynamic_color($color-theme)
+.colorful[color='accent']
+  set_dynamic_color($color-accent)
 
 .colorful[color='light']
   --theme-block: white

package/source/css/_layout/tag-plugins/folders.styl

@@ -1,6 +1,6 @@
 .tag-plugin.folders
   margin: var(--gap-p) 0
-  --fsp: var(--fsp2)
+  --fsp: $fsp2
   font-size: var(--fsp)
   border-top: 1px solid var(--block-border)
   overflow: hidden
@@ -43,7 +43,7 @@
       content: '-'
       
   >div.body
-    --fsp: var(--fsp1)
+    --fsp: $fsp1
     >:first-child
       margin-top: 1rem
     >:last-child

package/source/css/_layout/tag-plugins/folding.styl

@@ -11,7 +11,7 @@ details.folding
     margin: -1rem
     color: var(--text-p2)
     font-weight: 500
-    --fsp: var(--fsp2)
+    --fsp: $fsp2
     font-size: var(--fsp)
     position: relative
     line-height: 1.2
@@ -45,7 +45,7 @@ details.folding[open]
     padding: 0 1rem 1rem
     margin: 0 -1rem -1rem
     color: var(--text-p1)
-    --fsp: var(--fsp1)
+    --fsp: $fsp1
     >:first-child
       margin-top: 1rem
     >:last-child

package/source/css/_layout/tag-plugins/hashtag.styl

@@ -6,7 +6,7 @@
   margin: 2px 0
   display: inline-flex
   align-items: center
-  --fsp: var(--fsp2)
+  --fsp: $fsp2
   font-size: var(--fsp)
   font-weight: 500
   trans2 background color

package/source/css/_layout/tag-plugins/icon.styl

@@ -0,0 +1,12 @@
+span.tag-plugin.icon
+  display: inline-block
+  margin: -4px 1px 0
+  vertical-align: middle
+  svg,img
+    display: block
+    height: 1.5em
+    width: auto
+  svg
+    color: var(--theme)
+  img
+    object-fit: contain

package/source/css/_layout/tag-plugins/navbar.styl

@@ -1,22 +1,9 @@
-.md-text .tag-plugin.navbar
-  text-align: center
-  nav.cap
-    margin: 0
-    padding: 1px
-    background: var(--card)
-    box-shadow: $boxshadow-button
-    border-radius: 6px
-    display: inline-flex
-    max-width: 100%
-    a
-      margin: 1px
-      padding: 0.25em 0.75rem
-      color: var(--text-p2)
-      &:after
-        display: none
-      &:hover
-        background: var(--block)
-      &.active
-        background: var(--block)
-        box-shadow: none
-        color: var(--text-p1)
+.tag-plugin.navbar
+  padding: 0
+  &:after
+    left: 0
+    right: 0
+
+@media screen and (min-width: $device-mobile-max)
+  .tag-plugin.navbar nav a
+    margin-top: 2px

package/source/css/_layout/tag-plugins/note.styl

@@ -8,7 +8,7 @@
     border: 1px solid var(--theme-border)
   color: var(--text-p1)
   >.title
-    --fsp: var(--fsp1)
+    --fsp: $fsp1
     font-size: var(--fsp)
     line-height: 1.5
     margin-top: var(--gap-p-compact)
@@ -16,7 +16,7 @@
     color: var(--text)
   >.body
     &,p
-      --fsp: var(--fsp2)
+      --fsp: $fsp2
       font-size: var(--fsp)
       line-height: 1.5
     margin-top: var(--gap-p-compact)

package/source/css/_layout/tag-plugins/poetry.styl

@@ -8,7 +8,7 @@
       margin-top: var(--gap-p)
     >.meta
       color: var(--text-p2)
-      --fsp: var(--fsp3)
+      --fsp: $fsp3
       font-size: var(--fsp)
       font-weight: 500
       span+span
@@ -22,7 +22,7 @@
       font-style: italic
       color: var(--text-p4)
       margin: var(--gap-p) 0
-      --fsp: var(--fsp3)
+      --fsp: $fsp3
       font-size: var(--fsp)
 
 // 描边修饰

package/source/css/_layout/tag-plugins/quot.styl

@@ -3,36 +3,34 @@
   align-items: center
   display: flex
   flex-direction: column
-  
+  --gap-p: 2rem
+  margin: var(--gap-p) 1rem
   .content
     display: flex
     align-items: center
     border-bottom: none
     font-weight: 700
-    padding: 16px 24px
+    padding: 0 24px
     a.headerlink
       display: none
     @media screen and (max-width: $device-mobile)
-      padding: 12px 20px
+      padding: 0 20px
     line-height: 1.2
 
 .md-text .tag-plugin.quot .content
-  max-width 500px
   position: relative
 // override
 .md-text.content .tag-plugin.quot
-  h1
-    font-size: $fs-h1
+  h1,h2
+    font-size: $fsh2
     font-weight: 900
-    padding: 20px 32px 12px 32px
+    padding: 4px 32px 0
     @media screen and (max-width: $device-mobile)
-      padding: 20px 24px 12px
-  h2,h3,h4,h5,h6
-    font-size: $fs-h3
-    margin-top: 1em
-    margin-bottom: 0
+      padding: 4px 24px 0
+  h3,h4,h5,h6
+    font-size: $fsh3
   p
-    font-size: $fs-h4
+    --fsp: $fsh4
     color: var(--text)
 
 // type=text
@@ -44,13 +42,13 @@
       width: 8px
       height: 14px
     &:before
-      top: 8px
+      top: -8px
       left: 0
       border-top: 6px solid $color-accent
       border-left: 6px solid $color-accent
     &:after
       right: 0
-      bottom: 8px
+      bottom: -8px
       border-right: 6px solid $color-accent
       border-bottom: 6px solid $color-accent
   h1.content[type=text]
@@ -61,13 +59,15 @@
 
 // type=icon
 .md-text .tag-plugin.quot .content[type=icon]
-  .icon
+  img,svg
     height: 1.5em
     display: inline-block
     color: $color-accent
     border-radius: 0
-    &.prefix
-      margin-left: -0.5rem
-      margin-right: .5rem
-    &.suffix
-      margin-left: .5rem
+    flex-shrink: 0
+  span.text
+    margin: 0 .5rem
+    padding-top: 1px
+  span.empty
+    padding: 0 8px
+  

package/source/css/_layout/tag-plugins/tabs.styl

@@ -42,7 +42,7 @@
         display: block
         cursor: pointer
         padding: .25rem .75rem
-        --fsp: var(--fsp3)
+        --fsp: $fsp3
         font-size: var(--fsp)
         line-height: inherit
         font-weight: 500

package/source/css/_layout/tag-plugins/timeline.styl

@@ -1,6 +1,5 @@
 .md-text .tag-plugin.timeline
   position: relative
-  margin-top: 0
   padding-left: 16px
   &:before
     content: ''
@@ -102,7 +101,7 @@
   margin-top: 4px
   box-shadow: $boxshadow-block
   p
-    --fsp: var(--fsp1)
+    --fsp: $fsp1
     img  
       display: block
   &:empty
@@ -123,7 +122,7 @@
     color: var(--text-p1)
     line-height: 1.25
     padding: 0.75rem 1rem
-    --fsp: var(--fsp1)
+    --fsp: $fsp1
     font-size: var(--fsp)
 
 
@@ -142,7 +141,7 @@
       trans1 all
       &:hover
         border-bottom: 2px solid $color-hover
-  p:first-child:not([class]) a:not([class])
+  >p:first-child:not([class]) a:not([class])
     padding: 0
     margin: 0
     color: inherit
@@ -205,7 +204,7 @@
   padding: 0 0.5rem
   margin: 0.75rem 0
   p
-    --fsp: var(--fsp2)
+    --fsp: $fsp2
     margin: 0.25rem
 
 .tag-plugin.timeline .body

package/source/css/_layout/widgets/ghuser.styl

@@ -22,7 +22,7 @@
 
   p.username
     font-weight: 900
-    font-size: $fs-h2
+    font-size: $fsh2
     color: var(--text)
     margin: 0
   p.bio

package/source/css/_layout/widgets/timeline.styl

@@ -1,6 +1,15 @@
 .widget-wrapper.timeline 
   .widget-body
     margin-top: 0.5rem
+  .body
+    a
+      trans1 all
+      border-bottom: 1px solid var(--text)
+      color: var(--text-p1)
+      --fsp: $fsp2
+      &:hover
+        color: $color-hover
+        border-bottom: 1px solid $color-hover
   .tag-plugin.timeline .timenode
     .header
       margin: 0.5rem 16px
@@ -20,14 +29,8 @@
       border-radius: $border-card
       background: var(--alpha50)
       box-shadow: none
-
-      a
-        trans1 all
-        border-bottom: 1px solid var(--text)
-        color: var(--text-p1)
-        &:hover
-          color: $color-hover
-          border-bottom: 1px solid $color-hover
+      p,li
+        --fsp: $fsp3
       code 
         background: none
         padding: 0

package/source/css/_layout/widgets/widgets.styl

@@ -36,7 +36,7 @@
         trans2: opacity background
         border-radius: 4px
         padding: 6px
-        margin-right: -5px
+        margin-right: -6px
         svg
           height: 1em
           width: auto