优化移动端侧边栏

themes/butterfly/layout/includes/header/nav.pug

@@ -1,9 +1,9 @@
 nav#nav
   //- 左侧区域：包含指纹菜单和网站名
   span#blog-info
-    #ls-menu-container
+    #ls-menu-container.ls-mobile-safe
       i.fas.fa-fingerprint
-      #ls-menu-panel
+      #ls-menu-panel.ls-mobile-safe-panel
         .ls-section
           .ls-title 😀 个人网站
           .ls-grid

themes/butterfly/layout/includes/sidebar.pug

@@ -2,17 +2,4 @@ if theme.menu
   #sidebar
     #menu-mask
     #sidebar-menus
-      .avatar-img.text-center
+      #sidebar-aside-wrapper
-        img(src=url_for(theme.avatar.img) onerror=`this.onerror=null;this.src='${url_for(theme.error_img.flink)}'` alt="avatar")
-      .site-data.text-center
-        a(href=`${url_for(config.archive_dir)}/`)
-          .headline= _p('aside.articles')
-          .length-num= site.posts.length
-        a(href=`${url_for(config.tag_dir)}/`)
-          .headline= _p('aside.tags')
-          .length-num= site.tags.length
-        a(href=`${url_for(config.category_dir)}/`)
-          .headline= _p('aside.categories')
-          .length-num= site.categories.length
-
-      != partial('includes/header/menu_item', {}, { cache: true })

themes/butterfly/source/css/_layout/sidebar.styl

@@ -95,3 +95,50 @@
       max-height: 1000px
       opacity: 1
       transform: scaleY(1)
+
+    #sidebar-aside-wrapper
+      display: none
+
+html.mobile-aside-in-sidebar
+  #content-inner
+    > #aside-content
+      display: none
+
+  #sidebar
+    #sidebar-menus
+      #sidebar-aside-wrapper
+        display: block
+        padding: 20px
+
+        &:empty
+          display: none
+
+        #aside-content
+          margin-top: 0
+          width: 100%
+
+          .card-widget
+            margin-bottom: 16px
+
+          .sticky_layout
+            position: static
+            position: initial
+            top: auto
+
+          #card-toc
+            position: relative
+            right: auto
+            bottom: auto
+            z-index: auto
+            max-width: none
+            max-height: none
+            width: 100%
+            transition: none
+            transform: none
+            transform-origin: center top
+
+            &.open
+              transform: none
+
+            .toc-content
+              max-height: 60vh