1. Feature: 可設置内联代码块样式 #26

2. Feature: 可設置夜間模式作爲默認樣式
3. Feature: 可設置是否顯示code language名稱
4. Feature: 可設置是否展開或關閉代碼框
5. Feature: 可設置背景圖片/顔色
6. Feature: 可設置是否顯示footer背景
7. Feature: 增加 canvas-nest.js
8. Feature: 頭像可設置效果(轉圈圈)
9. Feature: menu可設置分組
9. Fix: 優化打賞和搜索打開特效
10. Fix: 優化sidebar的打開特效，避免與文章頁特效不同步
11. Fix: 適配**hexo-blog-encrypt**，現在可以顯示toc
12. Fix: 修復設置不顯示評論時，直達評論按鈕沒有消失的bug
13. Fix: 修復post頁底欄，當沒有顯示評論，不顯示TOC，評論和toc都不顯示 這三種狀態下按鈕的bug
14. Fix: 修復代碼框左右滑動時，代碼名字跟著滑動的bug
15. Fix: 其他page頁標題的字體顯示
16. Fix: 修復當設置開啓canvas_ribbons，進入網站會先顯示canvas_ribbons的bug
17. Fix: 完善夜間模式下，字體顯示問題
18. Fix: 修復代碼框 複製 和 代碼名 z-index bug #25
19. Fix: 完善阅读模式

source/css/_layout/head.styl

@@ -1,18 +1,21 @@
 #nav
   position: relative
   margin-bottom: 1rem
-  background-color: $light-blue
-  background-position: center
-  background-size: cover
-
 
   &.full_page
-    background-attachment: local
     height: 100vh
   
-  &.bg_local
+  .nav_bg
+    width: 100%
+    height: 100%
+    background-color: $light-blue
+    background-position: center
+    background-size: cover
     background-attachment: local
 
+  &.not_index_bg
+    height: 20rem
+
 
   #site-social-icons
     margin: 0 auto
@@ -49,6 +52,11 @@
 #site-sub-title
   font-size: 0.8rem
 
+#page_site-info
+  position: absolute
+  top: 10rem
+  width: 100%
+
 .scroll-down
   position: absolute
   bottom: 0
@@ -58,6 +66,10 @@
   font-size: 30px
   text-align: center
 
+  .scroll-down-effects
+    position: absolute
+    color: #fff
+
 
 #page-header
   position: absolute
@@ -152,6 +164,20 @@
           // letter-spacing: .5px
           text-transform: uppercase
           color:#4c4948
+
+    .menus-expand
+      position: absolute
+      width: 30px !important
+      height: 30px
+      right: 0
+      padding: 6px
+      display: none
+      transform: rotate(0deg)
+      transition: all .3s
+    
+      &.menus-closed
+        transform: rotate(180deg) !important
+        transition: all .3s
       
     hr         
       margin: 1rem auto
@@ -166,13 +192,10 @@
 
   .site-page
     position: relative
-    margin-left: 0.6rem
     padding-bottom: 0.3rem
     text-shadow: 0.05rem 0.05rem 0.1rem rgba(0, 0, 0, 0.3)
     font-size: 0.7rem
     cursor: pointer
-    margin-left: 1rem
-
     &::after
       position: absolute
       bottom: 0
@@ -225,13 +248,58 @@
     font-weight: bold
     cursor: pointer
 
-@media screen and (min-width: $sm)
+@media screen and (min-width: $sm)  
   #site-title
     font-size: 2rem
 
   #site-sub-title
     font-size: 1.2rem
 
+  #page-header    
+    .menus_item
+      display: inline-block
+      padding: 0 0.5rem
+
+      &:hover,&:focus
+        .menus_item_child
+          display: block
+
+    .menus_item_child
+      position: absolute
+      background-color: alpha($white, 0.8)
+      padding: 8px 10px
+      width: fit-content
+      border-radius: 5px
+      box-shadow: 0 5px 20px -4px rgba(0,0,0,.5)
+      display: none
+      opacity: 1
+      animation: sub_menus .3s .1s ease both
+
+      &:before
+        content: ""
+        position: absolute
+        top: -20px
+        left: 50%
+        margin-left: -10px
+        border-width: 10px
+        border-style: solid
+        border-color: transparent transparent alpha($white, 0.8)
+
+    .menus_item_child li
+      list-style: none
+      text-align: center
+
+      a
+        color: #3b3a3a;
+        text-shadow: none;
+
+    &.fixed.visible
+      .menus_item_child
+        background-color: #ffffff
+
+        &:before
+          border-color: transparent transparent #ffffff
+
 @media screen and (max-width: $sm)
   #page-header
     padding: 10px 0.8rem
@@ -255,7 +323,7 @@
       .mobile_post_data
         display: flex
 
-      .menus_item
+      .menus_items
         a
           display: block !important
           opacity: 1 !important
@@ -278,11 +346,18 @@
 
           &:hover
             color: $light-blue
+
+        .menus-expand
+          display: inline-block
+        
+        .menus_item_child
+          list-style: none
+          margin: 0
         
       .mobile_author_icon
         display: block
      
-      .menus_item 
+      .menus_items 
           padding: 0 .5rem
           margin-bottom: 5rem                              
               
@@ -298,4 +373,7 @@
     &.fixed.open-sidebar 
       .search
         display: inline-block
-        opacity: 1
+        opacity: 1
+
+
+