1. chore: 只支持hexo 4.2.0以上版本

2. feat: 可隱藏Mobile sidebar 子菜單
3. refactor: archives和card-post 改為flex佈局
4. feat: 當寬度小於1024時，點擊toc滾動，增加滾動效果
5. feat: 點擊滾動，如果滾動是向上時，將會偏移60px， 避免導航欄遮擋 close #317
6. feat: 可配置font-size
7. refactor: 去除字體放大、縮小按鈕
8. refactor: 部分css由'px'改為'em'，適應font-size值改變而改變
9.  feat: pjax增加exclude配置
10. fix: 修復canvas_nest 配置沒有生效的Bugs
11. feat: 新增 cnzz_analytics
12. feat: 騰訊分析改為騰訊移動分析，並適配pjax
13. perf: 改cookies為localstore存儲
14. feat: 設置中的theme_color可單獨配置幾個，而不需要全部開啟 close #314
15. feat: butterfly.yml 採用deepMerge, 與_config文件進行合併而不是替換
16. fix: 修復rightsize-bottom配置無效的bug
17. refactor: aside增加position sticky
18. refactor: 調整webinfo 寬度小時的顯示
19. feat: 更改addtoany item的寫法
20. refactor: aside 內容邊距調整
21. feat: 增加最後更新時間顯示

source/css/_layout/head.styl

@@ -29,17 +29,17 @@
   #site_title
     margin: 0
     color: var(--white)
-    font-size: 1.3rem
+    font-size: 1.85em
 
-    @media screen and (min-width: $sm)
-      font-size: 2rem
+    +minWidth768()
+      font-size: 2.85em
 
   #site_subtitle
     color: var(--light-grey)
-    font-size: .8rem
+    font-size: 1.15em
 
-    @media screen and (min-width: $sm)
-      font-size: 1.2rem
+    +minWidth768()
+      font-size: 1.72em
 
   #site_social_icons
     display: none
@@ -47,14 +47,14 @@
     width: 15rem
     text-align: center
 
-    @media screen and (max-width: $sm)
+    +maxWidth768()
       display: block
 
     .social-icon
       margin: 0 .5rem
       color: var(--light-grey)
       text-shadow: .1rem .1rem .2rem rgba(0, 0, 0, .15)
-      font-size: 1rem
+      font-size: 1.43em
       cursor: pointer
 
   #scroll_down
@@ -73,7 +73,7 @@
   &.not-index-bg
     height: 20rem
 
-    @media screen and (max-width: $sm)
+    +maxWidth768()
       height: 14rem
 
   #page_site-info
@@ -82,14 +82,14 @@
     padding: 0 .5rem
     width: 100%
 
-    @media screen and (max-width: $sm)
+    +maxWidth768()
       top: 7rem
 
   // post
   &.post-bg
     height: 20rem
 
-    @media screen and (max-width: $sm)
+    +maxWidth768()
       height: 18rem
 
     &:before
@@ -109,16 +109,16 @@
       width: 100%
       text-align: left
 
-      @media screen and (max-width: $sm)
+      +maxWidth768()
         bottom: 1.1rem
         padding: 0 1.1rem
 
       #post-title
         margin-bottom: .4rem
-        font-size: 1.5rem
+        font-size: 2.15em
 
-        @media screen and (max-width: $sm)
-          font-size: 1.2rem
+        +maxWidth768()
+          font-size: 1.72em
 
         .posttitle
           @extend .limit-more-line
@@ -130,12 +130,12 @@
         color: var(--light-grey)
         font-size: 95%
 
-        @media screen and (min-width: $sm)
+        +minWidth768()
           > .meta-secondline
             > span:first-child
               display: none
 
-        @media screen and (max-width: $sm)
+        +maxWidth768()
           font-size: 90%
 
           > .meta-firstline,
@@ -174,21 +174,26 @@ _:future,
   position: absolute
   top: 0
   z-index: 90
-  padding: 10px 36px
+  display: flex
+  flex-wrap: wrap
+  align-items: center
+  padding: 0 36px
   width: 100%
-  height: 58px
-  border: none
-  font-size: 18px
+  height: 60px
+  font-size: 1.3em
   opacity: 0
   transition: all .5s
 
-  @media screen and (max-width: $sm)
-    padding: 10px .8rem
+  +maxWidth768()
+    padding: 0 16px
 
   &:not(.fixed)
     .menus
       padding-right: 0 !important
 
+  #blog_name
+    flex: 1
+
   .toggle-menu
     display: none
     padding: .1rem 0 0 .3rem
@@ -197,10 +202,6 @@ _:future,
     &:hover
       color: var(--white)
 
-    &.is-visible-inline
-      .site-page
-        font-size: inherit
-
   a
     color: var(--light-grey)
 
@@ -209,7 +210,7 @@ _:future,
 
   &.fixed
     position: fixed
-    top: -60px
+    top: -62px
     z-index: 91
     background: rgba(255, 255, 255, .8)
     box-shadow: 0 5px 6px -5px alpha($grey, .6)
@@ -300,6 +301,19 @@ _:future,
             color: var(--font-color)
             text-shadow: none
 
+  &.hide-menu
+    .toggle-menu
+      display: inline-block !important
+
+      .site-page
+        font-size: inherit
+
+    .menus_items
+      display: none !important
+
+    #search_button span
+      display: none !important
+
   #search_button
     display: inline
     padding: 0 0 0 .7rem
@@ -308,5 +322,5 @@ _:future,
     position: relative
     padding-bottom: .3rem
     text-shadow: .05rem .05rem .1rem rgba($dark-black, .3)
-    font-size: .7rem
+    font-size: .78em
     cursor: pointer