update

_config.yml

@@ -8,7 +8,7 @@ info:
   name: Material X
   docs: https://xaoxuu.com/wiki/material-x/
   # 主题的CDN地址。如需启用CDN，请在主目录的config中设置，详见文档。
-  cdn: https://cdn.jsdelivr.net/gh/xaoxuu/cdn-material-x@19.2.11/
+  cdn: https://cdn.jsdelivr.net/gh/xaoxuu/cdn-material-x@19.2.12/
 
 
 ############################### 主题样式 ###############################

layout/_widget/category.ejs

@@ -3,8 +3,8 @@
     <%- partial('header', {item: item, defIcon: 'fas fa-folder-open', defTitle: __('sidebar.category')}) %>
     <div class='content <%= theme.style %>'>
       <ul class="entry">
-        <% site.categories.sort('name').each(function(category){ %>
-          <li><a class="flat-box" title="<%- url_for(category.path) %>" href="<%- url_for(category.path) %>"><div class='name'><%- category.name %></div><div class='badge'>(<%- category.posts.length %>)</div></a></li>
+        <% site.categories.sort('path').each(function(category){ %>
+          <li><a class="flat-box<%= category.parent ? ' child' : ''%>" title="<%- url_for(category.path) %>" href="<%- url_for(category.path) %>"><div class='name'><%- category.name %></div><div class='badge'>(<%- category.posts.length %>)</div></a></li>
         <% }) %>
       </ul>
     </div>

source/less/_widget.less

@@ -65,7 +65,7 @@
     text-align: justify;
     padding: @gap/2;
     max-height: ~"calc(100% - @{height_navbar} - 12.5 * @{gap})";
-    ul.entry > li > a{
+    ul > li > a{
       padding: 0 @gap;
       line-height: @height_cell;
       height: @height_cell;
@@ -92,6 +92,9 @@
       &:active{
         border-left: 8px solid @theme_main;
       }
+      &.child{
+        padding-left: @gap*2;
+      }
     }
   }