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/_page/archives.styl

@@ -0,0 +1,115 @@
+.article-sort
+  margin-left: .5rem
+  padding-left: 1rem
+  border-left: 2px solid lighten($light-blue, 20)
+
+  &-title
+    position: relative
+    margin-left: .5rem
+    padding-bottom: 1rem
+    padding-left: 1rem
+    font-size: 1.72em
+
+    &:hover
+      &:before
+        border-color: $pseudo-hover
+
+    &:before
+      position: absolute
+      top: calc(((100% - 1.8rem) / 2))
+      left: -.45rem
+      z-index: 1
+      width: w = .5rem
+      height: h = w
+      border: .5 * w solid $light-blue
+      border-radius: w
+      background: var(--card-bg)
+      content: ''
+      line-height: h
+      transition: all .2s ease-in-out
+
+    &:after
+      position: absolute
+      bottom: 0
+      left: 0
+      z-index: 0
+      width: .1rem
+      height: 1.5em
+      background: lighten($light-blue, 20)
+      content: ''
+
+  &-item
+    position: relative
+    display: flex
+    align-items: center
+    margin: 0 0 1rem .5rem
+    transition: all .2s ease-in-out
+
+    &:hover
+      &:before
+        border-color: $pseudo-hover
+
+    &:before
+      $w = .3rem
+      position: absolute
+      left: calc(-1rem - 17px)
+      width: w = $w
+      height: h = w
+      border: .5 * w solid $light-blue
+      border-radius: w
+      background: var(--card-bg)
+      content: ''
+      transition: all .2s ease-in-out
+
+    &.no-article-cover
+      height: 80px
+
+      .article-sort-item-info
+        padding: 0
+
+    &.year
+      font-size: 1.43em
+
+      &:hover
+        &:before
+          border-color: $light-blue
+
+      &:before
+        border-color: $pseudo-hover
+
+    &-time
+      color: $theme-meta-color
+      font-size: 95%
+
+      time
+        padding-left: .3rem
+        cursor: default
+
+    &-title
+      @extend .limit-more-line
+      color: var(--font-color)
+      font-size: 1.1em
+      transition: all .3s
+      -webkit-line-clamp: 2
+
+      &:hover
+        color: $text-hover
+        transform: translateX(10px)
+
+    &-img
+      overflow: hidden
+      width: 80px
+      height: 80px
+
+      img
+        width: 100%
+        height: 100%
+        transition: all .6s
+        object-fit: cover
+
+        &:hover
+          transform: scale(1.1)
+
+    &-info
+      flex: 1
+      padding: 0 .8rem

source/css/_page/categories.styl

@@ -0,0 +1,60 @@
+.category-content
+  .category-lists
+    padding: 1rem 0 1.5rem
+
+    +maxWidth768()
+      padding: 0
+
+    .category__title
+      text-align: center
+      font-size: 2.57em
+
+    .category-list
+      a
+        color: var(--font-color)
+
+        &:hover
+          color: $text-hover
+
+      .category-list-count
+        margin-left: .4rem
+        color: $theme-meta-color
+
+        &:before
+          content: '('
+
+        &:after
+          content: ')'
+
+    ul
+      margin-top: .4rem
+      padding: 0 0 0 1rem
+      list-style: none
+      counter-reset: li
+
+      ul
+        padding-left: .2rem
+
+      li
+        position: relative
+        margin: .3rem 0
+        padding: .12em .4em .12em 1.4em
+
+        &:before
+          position: absolute
+          left: 0
+          cursor: pointer
+          transition: all .3s ease-out
+          $w = .43em
+          top: .7em
+          width: w = $w
+          height: h = w
+          border: .5 * w solid $light-blue
+          border-radius: w
+          background: transparent
+          content: ''
+          // line-height: h
+
+        &:hover
+          &:before
+            border-color: $pseudo-hover

source/css/_page/common.styl

@@ -0,0 +1,51 @@
+.layout_page
+  display: flex
+  margin: 0 auto
+  padding: 2rem 15px
+  max-width: 1200px
+
+  +maxWidth900()
+    flex-direction: column
+
+  +maxWidth768()
+    padding: 1rem 5px !important
+
+  & > div:first-child:not(.recent-posts)
+    +maxWidth768()
+      padding: 1.8rem .7rem !important
+
+  & > div:first-child
+    width: 75%
+
+    +maxWidth900()
+      width: 100% !important
+
+  // 隱藏aside
+  &.hide-aside
+    max-width: 1000px
+
+    & > div
+      width: 100% !important
+
+.layout_post > #post,
+.layout_page > div:first-child:not(.recent-posts)
+  align-self: flex-start
+  padding: 50px 40px
+  border-radius: 8px
+  background: var(--card-bg)
+  box-shadow: 0 4px 8px 6px rgba(7, 17, 27, .06)
+  transition: all .3s
+
+  &:hover
+    box-shadow: 0 4px 12px 12px rgba(7, 17, 27, .15)
+
++minWidth900()
+  if hexo-config('aside.position') == 'left'
+    #recent-posts,
+    #page,
+    .category-content,
+    #archive,
+    .tag-cloud,
+    #tag,
+    #category
+      order: 2