update

_config.yml

@@ -85,12 +85,12 @@ widgets:
   categories:
     enable: true
     icon: fas fa-folder-open
-    title: "文章分类"
+    title: "博文分类"
   # 显示文章标签
   tagcloud:
     enable: true
     icon: fas fa-tags
-    title: "文章标签"
+    title: "热门标签"
   # 显示音乐播放器
   music:
     enable: true

layout/_partial/header.ejs

@@ -51,7 +51,7 @@
           <% if (config.nav_menu) { %>
               <% (config.nav_menu || []).forEach(function(value){ %>
                   <li>
-										<a id="<%= url_for(value.url).replace(/\/|%/g, "")?url_for(value.url).replace(/\/|%/g, ""):"home" %>" class="nav flat-btn" href="<%= url_for(value.url) %>">
+										<a id="<%= url_for(value.url).replace(/\/|%/g, "")?url_for(value.url).replace(/\/|%/g, ""):"home" %>" class="nav flat-box" href="<%= url_for(value.url) %>">
 											<i class='<%=value.icon%> fa-fw'></i>&nbsp;<%=value.name%>
 										</a>
                   </li>

layout/links.ejs

@@ -15,7 +15,7 @@
               <%} %>
               <div class='friend-content'>
                 <% (group.items||[]).forEach(function(item){ %>
-                  <a class='friend-card' style='background:<%= item.backgroundColor %>; color:<%= item.textColor %>'
+                  <a class='friend-card float-btn' style='background:<%= item.backgroundColor %>; color:<%= item.textColor %>'
                     target="_blank" rel="external nofollow noopener noreferrer" href='<%= url_for(item.url) %>'>
                     <div class='friend-left'>
                       <img class='avatar' src='<%= url_for(item.avatar ? item.avatar : "https://img.vim-cn.com/a4/87a96e2e01b1180bba1e76e190df5220378c1a.png") %>'/>

source/less/_header.less

@@ -287,7 +287,7 @@
         padding: 8px @gap+6px;
     }
     position: fixed;
-    top: @height_navbar + 2*@gap;
+    top: @height_navbar + @gap;
     right: 0;
     width: ~"calc(100% - 2*@{gap})";
     z-index:9999 + 1;

source/less/_links.less

@@ -21,6 +21,10 @@
         @media(max-width: @on_phone){
           width: 100%;
         }
+        &.float-btn{
+          padding: @gap/2;
+          text-align: left;
+        }
         &:hover{
           text-decoration: none;
           box-shadow: @boxshadow_card_raised, 0 32px 64px 0px rgba(0, 0, 0, 0.1);
@@ -40,7 +44,7 @@
         }
         .friend-right{
           flex: 1;
-          margin: @gap @gap @gap 0;
+          margin: @gap @gap @gap 6px;
           display: flex;
           flex-direction: column;
           justify-content: space-around;

source/less/_main.less

@@ -193,8 +193,7 @@
             margin-bottom: -1.5*@gap;
         }
         @media(max-width:@on_phone) {
-            padding-left: 0;
-            padding-right: 0;
+            padding: 0 0 @gap 0;
         }
     }
     .post {

source/less/_toc.less

@@ -47,7 +47,7 @@
     @media(max-width: @on_phone){
         position: fixed;
         width: ~"calc(100% - 2 * @{gap})";
-        top: @height_navbar + @gap;
+        top: @height_navbar;
         left: @gap;
         box-shadow: @boxshadow_card_raised;
         display: none;

source/less/_widget.less

@@ -95,6 +95,10 @@
 
     &#author{
         .enable-trans();
+        @media(max-width: @on_phone){
+          box-shadow: none;
+          background: @theme_background;
+        }
         h2{
             text-align: center;
             // color: @color_text_header;