v2.1.0

1. 可設置隱藏文章
2. 適配 Hexo 的 Tag Plugins Code Block With marked lines 顯示
3. 可配置首頁cover顯示的位置
4. 更改深色模式下的配色
5. activate_power_mode 增加關閉顏色和抖動
6. 增加谷歌廣告，騰訊分析
7. 相關文章增加時間顯示，調整佈局，垂直居中
8. 文章頁面，top_img增加評論數顯示
9. 可以取消點擊圖片觀看大圖
10. mathjax和kathex可設置每頁都加載還是按需加載
11. 深色模式下，滾動條顔色的適配
12. 優化gitalk 在 dark mode下的顯示
13. 文章頁，文章標題過長時，只顯示三行內容
14. 深色模式下，背景圖片加上蒙板
15. 優化深色/閲讀模式下，canvas的顯示
16. 優化打賞的特效和移動到二維碼不會立刻消失
17. 優化sub-menu樣式
18. 修改aside 的tags顔色，在深色模式下不會出現觀看困難
19. 升級 normalize.css 到最新版
20. 優化手機上toc和menu的打開動畫
21. 優化代碼框打開關閉的特效
22. 精簡js,部分操作改為css控制
23. 優化主題的一些動畫，不會過於生硬

1. 修復當圖片被a標簽包圍時，點擊圖標沒有跳轉到對應網頁而是出現大圖觀看模式的bug
2. 修復當網址有subdirectory時，menu、打賞二維碼和lodding_bg 鏈接路徑錯誤的bug
3. 修復當網址有subdirectory時,
4. 修復katex 的 CSS無法讀取bug
5. 修復搜索按鈕在文章頁不顯示的bug
6. 修復gitalk css引用失敗的bug
7. 修復 點擊特效 煙花 無效的bug
8. 修復gitalk報path.startsWith is not a function的bug
9. 修復 閲讀模式下，背景沒有變純色的bug
10. 修復閲讀模式下，header 偶爾出現沒有靠攏頂部的bug
11. 修復Hexo Tag Plugins Block Quote 裏的鏈接顯示出外面的Bug
12. 修復aside歸檔日期過長導致錯位的bug
13. 修復toc為空時，toc按鈕仍存在的bug
14. 修復關閉懶加載後，頭像無法顯示的bug
15. 修復深色模式下，切換readmode偶爾會無效的bug
16. 修復在一些手機設備上，toc和menu的按鈕顯示不對齊的bug #72

source/css/_highlight/highlight.styl

@@ -1,14 +1,13 @@
 // https://github.com/equinusocio/vsc-material-theme
-@require "theme"
-@require "diff"
+@require 'theme'
+@require 'diff'
 
-wordWrap = !hexo-config("rootConfig.highlight.line_number") && hexo-config("code_word_wrap")
+wordWrap = !hexo-config('rootConfig.highlight.line_number') && hexo-config('code_word_wrap')
 
 $code-block
   overflow: auto
-  margin: 1rem 0
+  margin: 0 0 1rem
   padding: 0
-  padding-top: 1.4rem
   background: $highlight-background
   color: $highlight-foreground
   font-size: $code-font-size
@@ -18,26 +17,34 @@ $code-block
     counter-reset: line
     white-space: pre-wrap
 
+.code-area-wrap
+  position: relative
+  margin: 0 0 1rem
+
 figure.highlight
   position: relative
 
 blockquote
-  margin: 0
-  padding: 0.1rem 0.8rem
-  border-left: 0.2rem solid $blockquote-padding-color
+  margin: 0 0 1rem
+  padding: .1rem .8rem
+  border-left: .2rem solid $blockquote-padding-color
+  background-color: lighten($blockquote-padding-color, 33)
   color: $blockquote-color
-  background-color: lighten($blockquote-padding-color,33)
+
+  a
+    word-break: break-all
 
   p
     margin: 0 !important
-    padding: 0.5rem 0
+    padding: .5rem 0
 
   footer
-    padding: 0 0 0.5rem 0
-    cite 
+    padding: 0 0 .5rem
+
+    cite
       &:before
-        content: "—"
         padding: 0 .3em
+        content: '—'
 
 .article-container
   pre,
@@ -45,7 +52,7 @@ blockquote
     font-family: $code-font !important
 
   code
-    padding: 0.1rem 0.2rem
+    padding: .1rem .2rem
     background: $code-background
     color: $code-foreground
     word-wrap: break-word
@@ -53,6 +60,7 @@ blockquote
 
   pre
     @extend $code-block
+    padding: 10px 20px
 
     code
       padding: 0
@@ -60,21 +68,14 @@ blockquote
       color: $highlight-foreground
       text-shadow: none
 
-  figure.highlight
-    &:after
-      position: absolute
-      top: 0
-      z-index: 0
-      min-width: 100%
-      height: 1.4rem
-      background: darken($highlight-background, 5)
-      content: ""
-
   .highlight
     @extend $code-block
     position: relative
     border-radius: 1px
 
+    if hexo-config('highlight_shrink') == true
+      display: none
+
     pre
       margin: 0
       padding: 8px 0
@@ -88,31 +89,22 @@ blockquote
       if wordWrap
         &:before
           display: inline-block
-          padding: 0 0.3rem 0 0
+          padding: 0 .3rem 0 0
           min-width: 1.6rem
           color: $highlight-gutter.color
           content: counter(line)
           counter-increment: line
           text-align: left
 
+      &.marked
+        background-color: $highlight-selection
+
     table
       position: relative
       margin: 0
       width: auto
       border: none
 
-      if hexo-config('highlight_shrink') == true
-        display: none
-
-      &:after
-        position: absolute
-        top: -1.4rem
-        z-index: 0
-        width: 100%
-        height: 1.4rem
-        background: darken($highlight-background, 5)
-        content: ""
-
     td
       padding: 0
       border: none
@@ -122,7 +114,7 @@ blockquote
       position: absolute
       z-index: 1
       margin-bottom: 1em
-      padding: 0.2em 0 0.2em 0.7rem
+      padding: .2rem 0 .2rem .7rem
       width: 100%
       height: 1.4em
       color: $highlight-foreground
@@ -145,7 +137,7 @@ blockquote
           border-bottom-color: $highlight-foreground
 
       &+table
-        margin-top: 1em
+        margin-top: 1.1rem
 
         &:before
           margin-top: -2.1rem
@@ -154,15 +146,15 @@ blockquote
           top: -2.1rem
 
     .gutter pre
-      padding-right: 0.5rem
-      padding-left: 0.5rem
+      padding-right: .5rem
+      padding-left: .5rem
       background-color: $highlight-gutter.bg-color
       color: $highlight-gutter.color
       text-align: right
 
     .code pre
-      padding-right: 0.5rem
-      padding-left: 0.5rem
+      padding-right: .5rem
+      padding-left: .5rem
       width: 100%
       background-color: $highlight-background
 
@@ -289,4 +281,18 @@ blockquote
 
       &::selection
         background: $highlight-selection
-        color: $highlight-foreground
+        color: $highlight-foreground
+
+.highlight-tools
+  position: relative
+  width: 100%
+  height: 1.4rem
+  background: darken($highlight-background, 5)
+  color: $highlight-foreground
+  font-size: 14px
+
+  & + figure
+    margin: 0 !important
+
+.highlight-close
+  height: 0 !important