Breaking Change

1. 不再支持hexo 4.0.0以下版本
2. 添加hexo fragment_cache,加快生成速度
3. 完善V5圖標顯示，不再需要同時加載V4和v5圖標
4. 去除cheerio依賴
5. 整合豆瓣配置，增加配置遊戲，圖書頁面top_img,可設置是否設置meta,解決部分瀏覽器無法顯示圖片問題
6. 友情鏈接除列表外可自定義內容
7. 可設置主頁標題距離頂部距離
8. 側邊欄可隱藏,可設置手機頁面是否隱藏
9. 增加disqusjs和utterances 兩個評論
10. 主頁文章增加tags和更新日期顯示，可以配置post_meta
11. 首頁subtitle可關閉打字效果，可設置打字效果顯示一次或loop
12. 增加valine和gitalk的配置
13. darkmode配置整理
14. 增加404頁面
15. post_beautify改為beautify，頁面美化不再只限於post頁，page頁也一樣
16. 可設置是否顯示cover，可設置各位置的cover顯示
17. 增加mermaid,可畫流程圖、狀態圖、時序圖、甘特圖等等
18. 增加pangu配置，中英文之間添加空格
19. 整合部分配置
20. post-copyright增加decode網址 (可以顯示中文)
21. 增加部分顏色配置
Feature
1. 適配IE
2. 增加一個Tag Plugins: 圖庫集
3. 增加一個Tag Plugins: tag-hide 功能 inline/block
4. 去除page頁開頭顯示與標題一樣的內容
5. aside 公告欄設置，支持html代碼
6. 手機界面sidebar顯示進度條和加深對應的標題
7. 主頁subtitle 的 hitokoto 顯示內容出處
9. footer 的hexo鏈接改為https
10. 修改手機下，menus和toc的打開效果
11. 手機頁面下，搜索界面全屏顯示
12. SEO優化，標題欄改為h1顯示
13. 閲讀模式優化，可根據light mode 和darkmode調整背景
14. 當屏蔽js時，header會出現（之前用js控制，會隱藏）
Fixed
1. 修復Tencent Analytics的script加載為https #105
2. 修復相關文章，日期顯示錯誤bug
3. 修復gitalk報錯問題
4. 修復當valine background 是絕對地址時無法顯示的bug
5. 修復medium-zoom 無法使用的bug
6. 修復在safari下，點擊或移動到首頁文章cover，圓角變成正方形的bug #114
7. 修復在部分瀏覽器下，aside,友情鏈接頭像轉動變形的bug
8. 修復在寬度限制下，表格內容溢出屏幕外而出現滾動條的bug \#138
9. 修復gitalk js 在一些沒有設置評論的page里加載的bug
10. 修復tag plugins 的gist 在不同主題下的背景顏色問題（黑色主題下，文字不易觀看）
11. 修復highlight figcaption 顯示不全的bug
12. 修復disqus評論數無法獲取的bug
13. 修復子目錄在觸摸屏下點擊,偶爾不出現的bug
14. 修復a標籤太長（連續英文字母）不會換行的bug
15. 修復toc滾動時，閲讀進度條也跟著滾動的bug
16. 修復aside的圖片，可點擊顯示大圖bug
17. 修復activate-power-mode設置參數無效bug
18. 修復語言上的錯誤 \#156
19. 修復主頁在safari桌面端，首頁滾動卡頓的bug

source/css/_mode/readmode.styl

@@ -0,0 +1,147 @@
+if hexo-config('readmode') && hexo-config('readmode.enable')
+  [data-theme='light']
+    .read-mode
+      background: #fff
+
+      #nav.post-bg
+        a
+          color: $font-black !important
+
+      #article-container
+        pre,
+        .highlight:not(.js-file-line-container)
+          background: #f7f7f7 !important
+
+        code
+          color: #4c4948
+
+        blockquote
+          border-left: .2rem solid #ddd
+          background-color: transparent
+
+        ol,
+        li
+          &:before
+            background: transparent
+            color: #4c4948
+
+        ul
+          >li
+            &:before
+              border: .2rem solid #90a4ae
+
+        hr
+          border: 2px dashed #d6dbdf
+          background: transparent
+
+          &:before
+            color: darken(#d6dbdf, 10)
+
+        .hide-button
+          background: darken(#d6dbdf, 10) !important
+
+        .note
+          border: 2px solid #eee
+          border-left-color: transparent
+          background-color: transparent
+
+      #mobile-sidebar-menus,
+      #rightside i,
+      #rightside a,
+      #rightside #rightside_config
+        background: darken(#d6dbdf, 10) !important
+
+  [data-theme='dark']
+    .read-mode
+      background: #0d0d0d
+
+      #article-container
+        code
+          color: rgba(255, 255, 255, .6)
+
+        blockquote
+          border-left: .2rem solid rgba(255, 255, 255, .6)
+          background-color: transparent
+
+        ol,
+        li
+          &:before
+            background: transparent
+            color: rgba(255, 255, 255, .6)
+
+        ul
+          >li
+            &:before
+              border: .15rem solid rgba(255, 255, 255, .6)
+
+        .note
+          border: 2px solid rgba(255, 255, 255, .6)
+          border-left-color: transparent
+          filter: none
+          background-color: transparent
+          color: rgba(255, 255, 255, .6)
+
+        .hide-button
+          background: #1f1f1f !important
+
+  .read-mode
+    #body-wrap
+      padding-left: 0 !important
+
+    #nav.post-bg
+      background-color: transparent
+      background-image: none !important
+
+      a
+        text-shadow: none !important
+
+      &:before
+        opacity: 0
+
+      & > #post-info
+        padding: 0
+        color: $font-black
+        text-align: center
+
+    .layout_post
+      > #post
+        background: transparent
+        box-shadow: none
+
+        &:hover
+          box-shadow: none
+
+    .highlight
+      display: block !important
+
+    #rightside
+      #darkmode
+        display: none
+
+    & > canvas
+      display: none !important
+
+    .code-area-wrap > .highlight-tools,
+    #footer,
+    #post > *:not(:first-child),
+    #to_comment,
+    #sidebar,
+    #toggle-sidebar,
+    #mobile-toc-button,
+    #page-header
+      display: none !important
+
+    #web_bg
+      background: none
+
+    #article-container
+      h1,
+      h2,
+      h3,
+      h4,
+      h5,
+      h6
+        padding: 0
+
+        &:before
+          content: ''