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/_layout/flink.styl

@@ -1,122 +1,91 @@
 .flink
-  .md-links 
-    min-height: calc(100% - 120px - 5pc - 6em)
-    text-align: center
-    overflow: auto
-    padding: 0
-    margin: 0 auto
+  .post-cards
+    margin: -10px 10px 0
 
-    a 
-      color: #333
-      text-decoration: none
-  
-    li 
-      width: calc(100%/3 - 14px)
-      float: left
-      list-style: none
-    
-  .md-links-item 
-    height: 90px
-    line-height: 17px
-    margin: 20px 7px
-    padding: 0px 0px
-    transition: box-shadow 0.25s
-    text-overflow: ellipsis
-    overflow: hidden
-    border-radius: 8px
-    transform: perspective(1px) translateZ(0)
-    box-shadow: 0 0 1px rgba(0, 0, 0, 0)
-    position: relative
-    transition-property: color
-    transition-duration: 0.3s                      
-    
-    img 
-      float: left
-      border-radius: 35px
-      margin: 11px 10px
-      width: 70px
-      height: 70px
-      border: 0px solid #eaeefb      
-      transition: all .3s 
-  
-    &:hover 
-      img
-        filter: unqoute("progid:DXImageTransform.Microsoft.BasicImage(rotation=3)")
-        transform: rotate(540deg)
-    
-    &:before
-      content: ""
-      position: absolute
-      z-index: -1
-      top: 0
-      left: 0
-      right: 0
-      bottom: 0
-      background: $light-blue !important
-      transform: scale(0)
-      transition-property: transform
-      transition-duration: 0.3s
-      transition-timing-function: ease-out
+    .md-links
+      overflow: auto
+      margin: 0 auto
+      padding: 0
+      text-align: center
 
-  .md-links-item:hover, 
-  .md-links-item:focus, 
-  .md-links-item:active 
-    color: white
+      & > .md-links-item
+        position: relative
+        float: left
+        overflow: hidden
+        margin: 20px 7px
+        padding: 0
+        width: calc(100% / 3 - 14px)
+        height: 90px
+        border-radius: 8px
+        list-style: none
+        line-height: 17px
+        transform: perspective(1px) translateZ(0)
 
-  .md-links-item:hover:before, 
-  .md-links-item:focus:before, 
-  .md-links-item:active:before 
-      -webkit-transform: scale(1)
-      transform: scale(1)
-  
-  .md-links-item a:hover
-    cursor: pointer
-  
-  .md-links-title 
-      padding-top: 16px
-      padding-right: 10px
-      font-size: 20px
-      font-weight: bold
-      height:40px
-      overflow: hidden
-      white-space: nowrap
-      text-overflow: ellipsis
+        &:hover
+          img
+            transform: rotate(540deg)
+
+        &:before
+          position: absolute
+          top: 0
+          right: 0
+          bottom: 0
+          left: 0
+          z-index: -1
+          background: $light-blue
+          content: ''
+          transition-timing-function: ease-out
+          transition-duration: .3s
+          transition-property: transform
+          transform: scale(0)
+
+        &:hover:before,
+        &:focus:before,
+        &:active:before
+          transform: scale(1)
+
+        a
+          color: #333
+          text-decoration: none
+
+          img
+            float: left
+            margin: 11px 10px
+            padding: 4px
+            width: 70px
+            height: 70px
+            border-radius: 35px
+            transition: all .3s
+
+          .md-links-title
+            overflow: hidden
+            padding: 16px 10px 0 0
+            height: 40px
+            text-overflow: ellipsis
+            white-space: nowrap
+            font-weight: bold
+            font-size: 20px
+
+          .md-links-des
+            overflow: hidden
+            padding: 16px 10px
+            height: 50px
+            text-overflow: ellipsis
+            white-space: nowrap
+            font-size: 13px
 
-  .post-cards 
-      margin-top: 5px
-      min-height: 100px
-      padding: 0 15px
-      border-radius: 15px
-  
   .comment-word
-      font-weight:bold
-      font-size:1.7em
-  
-  .md-links-des
-      padding: 16px 10px  
-      font-size:13px 
-      overflow: hidden
-      height:50px
-      white-space: nowrap
-      text-overflow: ellipsis
+    font-weight: bold
+    font-size: 1.7em
 
-@media screen and (max-width:1100px)
+@media screen and (max-width: 1100px)
   .flink
-    .post-cards 
-      position: relative
-      margin: -20px -16px 0
-      border-radius: 18px
-      padding: 16px
-    
-    .md-links 
-      li 
-        width: calc(100%/2 - 14px)   
+    .md-links
+      .md-links-item
+        width: calc(50% - 14px) !important
 
-@media screen and (max-width:600px)
+@media screen and (max-width: 600px)
   .flink
-    .md-links 
-      li 
-        width: calc(100%/1 - 14px) 
-
-
-
+    .md-links
+      .md-links-item
+        width: calc(100% - 14px) !important