breaking change: 重構 gallery 標籤外掛

improvement: 首頁社交圖標左右邊距調整
feat: 文章版權增加圖標
improvement: 重構 main.js 代碼
improvement: 優化 pjax 下的性能
fix: 修復子目錄下,pjax 跳轉 404 錯誤
feat: getScript 增加 attribute 配置
improvement: 優化手機端 toc 打開和關閉特效
improvement: 文章進入特效改為 transform, 優化 stylus
improvement: 目錄側邊欄出現滾動條時，元素不會被擠壓
feat: 文章左右對齊
improvement: 處理 waline 的 url 後面多 / 導致跨域的問題
fix: 修復夜間模式下，小屏幕的toc 滾動條顏色不明顯的 bug
fix: 修復設置字體超過17px時，toc 裏面的邊框異常的 bug
improvement: 優化語言文件部分用詞
improvement: disqus 和 disqusjs 的評論數獲取不到時，顯示為 0
improvement: disqusjs 的評論數改為 api 獲取
improvement: 代碼優化
improvement: 更新 plugins.yml

source/css/_global/function.styl

@@ -155,7 +155,7 @@ if hexo-config('enter_transitions')
     &.open
       for i in 1 2 3 4
         > :nth-child({i})
-          animation: sidebarItem (i / 5)s
+          animation: sidebarItem (i / 5s)
 
 .scroll-down-effects
   animation: scroll-down-effect 1.5s infinite
@@ -169,16 +169,16 @@ if hexo-config('avatar.effect') == true
 
 @keyframes scroll-down-effect
   0%
-    top: 0
     opacity: .4
+    transform: translate(0, 0)
 
   50%
-    top: -16px
     opacity: 1
+    transform: translate(0, -16px)
 
   100%
-    top: 0
     opacity: .4
+    transform: translate(0, 0)
 
 @keyframes header-effect
   0%
@@ -198,12 +198,12 @@ if hexo-config('avatar.effect') == true
 
 @keyframes bottom-top
   0%
-    margin-top: 50px
     opacity: 0
+    transform: translateY(50px)
 
   100%
-    margin-top: 0
     opacity: 1
+    transform: translateY(0)
 
 @keyframes titleScale
   0%

source/css/_highlight/highlight.styl

@@ -13,6 +13,16 @@ wordWrap = $highlight_enable && !$highlight_line_number && hexo-config('code_wor
   --hlscrollbar-bg: $highlight-scrollbar
   --hlexpand-bg: linear-gradient(180deg, rgba($highlight-background, .6), rgba($highlight-background, .9))
 
+[data-theme='dark']
+  --hl-color: alpha(#FFFFFF, .7)
+  --hl-bg: lighten(#121212, 2)
+  --hltools-bg: lighten(#121212, 3)
+  --hltools-color: #90a4ae
+  --hlnumber-bg: lighten(#121212, 2)
+  --hlnumber-color: alpha(#FFFFFF, .4)
+  --hlscrollbar-bg: lighten(#121212, 5)
+  --hlexpand-bg: linear-gradient(180deg, rgba(lighten(#121212, 2), .6), rgba(lighten(#121212, 2), .9))
+
 if $highlight_enable
   @require 'highlight/index'
 
@@ -94,8 +104,13 @@ $code-block
     color: var(--hltools-color)
     font-size: $code-font-size
 
-    &.closed ~ *
-      display: none
+    &.closed
+      & ~ *
+        display: none
+
+      .expand
+        transition: all .3s
+        transform: rotate(-90deg) !important
 
     .expand
       position: absolute
@@ -106,10 +121,6 @@ $code-block
       & + .code-lang
         left: 1.7em
 
-      &.closed
-        transition: all .3s
-        transform: rotate(-90deg) !important
-
     .code-lang
       position: absolute
       left: 14px

source/css/_layout/aside.styl

@@ -179,6 +179,13 @@
 
       > .parent
         > a
+          &.expand
+            i
+              transform: rotate(-90deg)
+
+            & + .child
+              display: block
+
           .card-category-list
             &-name
               width: 70% !important
@@ -187,15 +194,12 @@
               width: calc(100% - 70% - 20px)
               text-align: right
 
-        i
-          float: right
-          margin-right: -.5em
-          padding: .5em
-          transition: transform .3s
-          transform: rotate(0)
-
-          &.expand
-            transform: rotate(-90deg)
+          i
+            float: right
+            margin-right: -.5em
+            padding: .5em
+            transition: transform .3s
+            transform: rotate(0)
 
         if hexo-config('aside.card_categories.expand') == false
           > .child
@@ -220,16 +224,19 @@
 
     +maxWidth900()
       position: fixed
-      right: -100%
+      right: 55px
       bottom: 30px
       z-index: 100
       max-width: $toc-mobile-maxWidth
       max-height: calc(100% - 60px)
       width: $toc-mobile-width
-      opacity: 0
-      transition: initial
+      transition: transform .3s
+      transform: scale(0)
       transform-origin: right bottom
 
+      &.open
+        transform: scale(1)
+
     .toc-percentage
       float: right
       margin-top: -9px
@@ -242,6 +249,7 @@
       overflow-y: overlay
       margin: 0 -24px
       max-height: calc(100vh - 120px)
+      width: calc(100% + 48px)
 
       +maxWidth900()
         max-height: calc(100vh - 140px)