V2.0.0

Breaking change
1. 手機端界面卡片化，同時，手機端也可以顯示側邊欄的內容
2. 修復當menu過多時，header界面出現錯亂的bug。當menu過多時，會變為sidebar模式
3. 增加medium-zoom大圖查看模式
4. 增加鼠標點擊特效：文字和愛心 兩個點擊特效
5. 主頁subtitle可以調用第三方api(金山詞霸每日一句、一言網的一句話、一句網、今日詩詞)
6. 添加 snackbar 彈窗
7. 修改nightshift為darkmode，darkmode可隨系統設置而自動切換，可設置隨時間而切換darkmode
8. 修復hexo自帶的標籤外掛(Tag Plugins)顯示bug(Block Quote、Code Block With caption、Gist、Youtube、Vimeo)
9. 主題所需要的css和js可根據需要配置CDN
10. 更改darkmode的加載方式，網站設置dark mode後，現在進入網頁不會在'閃'一下
11. 背景特效和背景圖片在手機界面也會顯示
12. 增加justified-gallery圖片顯示(Tag Plugins)
Feature
1. 文章頁面，字數統計、閲讀時長和閲讀量前面添加icon
2. 更改懶加載js
3. 升級typed.js/instantpage.js到最新版
4. 搜索和右下角按鈕添加退出特效
Fixed
1. 修復在 Hexo 4.0.0下，一些按鈕點擊會跳出一個空白頁的bug
2. 修復在 Hexo 4.0.0下，分頁按鈕出現代碼的bug
3. 修復當沒有設置評論時，右下角依舊出現'直達評論'按鈕的bug
4. 優化sidebar的打開速度
5. 修復文章頁標題左右邊距不平等的bug
6. 修復keywords讀取的bug
7. 修復當post/page 內容為空時，footer位置錯亂的bug
8. 修復在手機safari，toc sidebar底部內容被遮擋的bug
9. 完善Dark mode,一些界面的配色
10. 修復 card-archives 查看更多 跳轉bug
Remove
1. 移除Gitment
2. 移除Gallery

source/css/_layout/aside.styl

@@ -72,7 +72,7 @@
     #bookmark-it
       margin-top: .2rem
       height: 1.6rem
-      background: $light-blue
+      background-color: $light-blue
       color: #fff
       text-decoration: none
       line-height: 1.6rem
@@ -83,10 +83,10 @@
       span
         padding-left: 10px
 
-    .toggle_change--primary,.bookmark--primary 
+    .bookmark--primary 
       color: $ruby
     
-    .toggle_change--animated,.bookmark--animated 
+    .bookmark--animated 
       transition-property: color
       transition-duration: 1s
 
@@ -130,28 +130,18 @@
     span 
       margin-left: 10px
 
-  .card-tag-cloud a
-    text-decoration: none
-    position: relative
-    padding-bottom: 0.3rem
-    word-break: keep-all
+  .card-tag-cloud 
+    a
+      text-decoration: none
+      position: relative
+      padding-bottom: 0.3rem
+      word-break: keep-all
 
-    &::after
-      position: absolute
-      bottom: 0
-      left: 0
-      z-index: -1
-      width: 0
-      height: 3px
-      background-color: lighten($theme-color, 30%)
-      content: ""
-      transition: all 0.3s ease-in-out
+      &:hover
+        color: $light-blue !important
 
-    &:hover
-      color: $light-blue !important
-
-      &::after
-        width: 100%
+      // &::after
+      //   width: 100%
 
   .aside_recent_item 
       margin: 10px 0 -15px 0
@@ -223,6 +213,10 @@
       text-decoration: none
       color: $font-black
       padding: 0.2rem 1rem
+      transition: .2s
+
+      &:hover
+        padding: 0.2rem 0.85rem
   
   .aside_category_list_name,.archive-list-link
     white-space: nowrap
@@ -260,61 +254,6 @@
           float: right
           display: inline-block
 
-// bookmark 樣式
-.fc-container .fancybox-bg 
-  background: #eee
-
-.fancybox-is-open.fc-container .fancybox-bg 
-  opacity: 0.95
-
-.fc-content 
-  margin: 20px
-  max-width: 550px
-  padding: 50px
-  box-shadow: 10px 10px 60px -25px
-  border-radius: 4px
-
-.fc-content h3 
-  margin-top: 0
-  font-size: 1.6em
-  letter-spacing: normal
-
-.fc-content p 
-  color: #666
-  line-height: 1.5
-
-.fc-content p:last-child 
-  margin-bottom: 0
-
-/* Custom animation */
-.fancybox-fx-material.fancybox-slide--previous,
-.fancybox-fx-material.fancybox-slide--next 
-  transform: translateY(-60px) scale(1.1)
-  opacity: 0
-
-.fancybox-fx-material.fancybox-slide--current 
-  opacity: 1
-  transform: translateY(0) scale(1)
-
-.bookmark-ok
-  background: #FF6666
-  border-width: 0
-  color: #fff
-  text-decoration: none
-  padding: 7px 20px
-  line-height: 1.5
-  border-radius: 20px
-  text-transform: uppercase
-  font-family: 'Montserrat', 'Helvetica Neue', Helvetica, Arial, sans-serif
-  font-size: 80%
-  font-weight: 700
-  margin: 5px 5px 5px 0
-  display: inline-block
-  cursor: pointer
-  outline: none
-  transition: all .2s ease-in-out
-  user-select: none
-
 @media screen and (max-width: 900px) 
   .layout_page
     flex-direction: column