🏷️ 更新至3.0.0-RC-1 close #189 , close #192 , close #223 , close #224 , close #229 , close 232, close #240

🐛 fix: 修復因instantpage新版本bugs而導致fancybox和簡繁轉換無法正常工作的bugs
🏷️ 更新2.3.5 更新內容查看 https://github.com/jerryc127/hexo-theme-butterfly/releases/tag/2.3.5
2026-04-10 21:17:07 +08:00 · 2020-06-16 18:37:22 +08:00 · 2020-05-21 16:27:44 +08:00 · 2020-05-01 18:58:09 +08:00 · 2020-04-30 00:32:43 +08:00 · 2020-04-28 15:31:14 +08:00
168 changed files with 6792 additions and 4530 deletions
--- a/.github/ISSUE_TEMPLATE.md
+++ b/.github/ISSUE_TEMPLATE.md
@@ -1,8 +1,15 @@
 <!--
 IMPORTANT: Please follow the template to create a new issue.
 重要：請依照該模板來提交。
+
+If you upgrade from the old version, and an error occurs when running, please copy the new content in the config to the butterfly.yml
+如果你是由舊版本升級到新版，運行時出現報錯，請首先把config裏新的內容複製到舊的butterfly設置去
+
+If you are a problem when visit the website, please open your browser 'developer tools (shortcut F12)' and check the console if there is an error, include your website address in the feedback
+如果你是線上訪問出現問題，請檢查瀏覽器‘開發人員工具（快捷鍵F12）’的console是否有報錯，反饋時附上你的網站
 -->

+
 ## I want to create a new issue <!-- 我想要建立一個新的issue --> 

 <!-- Check all with "x" especially FAQ & Documentation!! (使用 "x" 選擇) -->
--- a/.github/stale.yml
+++ b/.github/stale.yml
@@ -0,0 +1,21 @@
+# Number of days of inactivity before an issue becomes stale
+daysUntilStale: 30
+# Number of days of inactivity before a stale issue is closed
+daysUntilClose: 7
+# Issues with these labels will never be considered stale
+exemptLabels:
+  - pinned
+  - security
+  - bug
+  - enhancement
+  - Solved
+  - documentation 
+# Label to use when marking an issue as stale
+staleLabel: wontfix
+# Comment to post when marking an issue as stale. Set to `false` to disable
+markComment: >
+  This issue has been automatically marked as stale because it has not had
+  recent activity. It will be closed if no further activity occurs. Thank you
+  for your contributions.
+# Comment to post when closing a stale issue. Set to `false` to disable
+closeComment: false
--- a/README.md
+++ b/README.md
@@ -1,37 +1,33 @@
 # hexo-theme-butterfly

-<a href="https://github.com/jerryc127/hexo-theme-butterfly/releases"><img alt="Version" src="https://img.shields.io/badge/release-2.1.0-blue"/></a>
+<a href="https://github.com/jerryc127/hexo-theme-butterfly/releases"><img alt="Version" src="https://img.shields.io/badge/release-3.0.0-blue"/></a>
 <a href="https://jerryc.me"><img alt="Author" src="https://img.shields.io/badge/author-JerryC-blur"/></a>
-<a href="https://hexo.io"><img alt="Hexo" src="https://img.shields.io/badge/hexo-3.0+-0e83c"/></a>
-<a href="https://nodejs.org/"><img alt="node.js" src="https://img.shields.io/badge/node.js-6.0-blur"/></a>
-
-Demo:  https://demo.jerryc.me/ 
-
-JerryC:  https://jerryc.me/
-
+<a href="https://hexo.io"><img alt="Hexo" src="https://img.shields.io/badge/hexo-4.0+-0e83c"/></a>
+<a href="https://nodejs.org/"><img alt="node.js" src="https://img.shields.io/badge/node.js-8.0+-blur"/></a>

+Demo:  👍 [Butterfly](https://demo.jerryc.me/)  ||   🤞 [JerryC](https://jerryc.me/)

 Based on [hexo-theme-melody](https://github.com/Molunerfinn/hexo-theme-melody) theme.

 ## Installation

-Stable branch:
+Stable branch [recommend]:

 ```
-git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/Butterfly
+git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly
 ```

 Dev branch:

 ```
-git clone -b dev https://github.com/jerryc127/hexo-theme-butterfly.git themes/Butterfly
+git clone -b dev https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly
 ```

 ## Configuration

 Set theme in the hexo work folder's root config file `_config.yml`: 

-> theme: Butterfly
+> theme: butterfly

 If you don't have pug & stylus renderer, try this: 

@@ -39,7 +35,15 @@ git clone -b dev https://github.com/jerryc127/hexo-theme-butterfly.git themes/Bu

 ## Documentation

- Documentation is [here](https://jerryc.me/posts/21cfbf15). it supports `zh-TW`
+Find in [Butterfly Docs](https://demo.jerryc.me/posts/21cfbf15/). it supports `zh-TW` and `zh-CN`
+
+You can also join the Chat Group.
+
+[💬 Join QQ Group [recommend]](https://jq.qq.com/?_wv=1027&k=5KI3Jqb)
+
+[💬 Join Telegram Group](https://t.me/hexo_butterfly)
+
+

 ## Screenshots

--- a/README_CN.md
+++ b/README_CN.md
@@ -1,45 +1,49 @@
 # hexo-theme-butterfly

-<a href="https://github.com/jerryc127/hexo-theme-butterfly/releases"><img alt="Version" src="https://img.shields.io/badge/release-2.1.0-blue"/></a>
+<a href="https://github.com/jerryc127/hexo-theme-butterfly/releases"><img alt="Version" src="https://img.shields.io/badge/release-3.0.0-blue"/></a>
 <a href="https://jerryc.me"><img alt="Author" src="https://img.shields.io/badge/author-JerryC-blur"/></a>
-<a href="https://hexo.io"><img alt="Hexo" src="https://img.shields.io/badge/hexo-3.0+-0e83c"/></a>
-<a href="https://nodejs.org/"><img alt="node.js" src="https://img.shields.io/badge/node.js-6.0-blur"/></a>
-
-Demo:  https://demo.jerryc.me/ 
-
-JerryC:  https://jerryc.me/
+<a href="https://hexo.io"><img alt="Hexo" src="https://img.shields.io/badge/hexo-4.0+-0e83c"/></a>
+<a href="https://nodejs.org/"><img alt="node.js" src="https://img.shields.io/badge/node.js-8.0+-blur"/></a>

+Demo:  👍 [Butterfly](https://demo.jerryc.me/)  ||   🤞 [JerryC](https://jerryc.me/)

 一款基於[hexo-theme-melody](https://github.com/Molunerfinn/hexo-theme-melody)修改的主題

 ## 安裝

-在你的博客根目錄裏
+在你的博客根目錄裡安裝穩定版【推薦】

 ```
-git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/Butterfly
+git clone -b master https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly
 ```

 如果想要安裝比較新的dev分支，可以

 ```
-git clone -b dev https://github.com/jerryc127/hexo-theme-butterfly.git themes/Butterfly
+git clone -b dev https://github.com/jerryc127/hexo-theme-butterfly.git themes/butterfly
 ```

 ## 應用主題
 修改hexo配置文件`_config.yml`，把主題改為`Butterfly`

 ```
-theme: Butterfly
+theme: butterfly
 ```

 >如果你沒有pug以及stylus的渲染器，請下載安裝： npm install hexo-renderer-pug hexo-renderer-stylus --save or yarn add hexo-renderer-pug hexo-renderer-stylus

 ## 文檔

-可查看[這裏](https://jerryc.me/posts/21cfbf15)
+可查看[Butterfly Docs](https://demo.jerryc.me/posts/21cfbf15/)
+
+你也可以加入群組
+
+[ 💬 QQ群 [推薦]](https://jq.qq.com/?_wv=1027&k=5KI3Jqb)
+
+[ 💬 Telegram群](https://t.me/hexo_butterfly)

 ## 截圖
+
 ![image](https://user-images.githubusercontent.com/16351105/58887365-1272f780-8718-11e9-9329-3292c6ba20d4.png)
 ![image](https://user-images.githubusercontent.com/16351105/58887457-3cc4b500-8718-11e9-9417-2bdea603c92e.png)

--- a/_config.yml
+++ b/_config.yml
--- a/languages/default.yml
+++ b/languages/default.yml
@@ -19,26 +19,26 @@ page:

 sticky: Sticky
 no_title: No title
-archives: Archives

 post:
  created: Created
  updated: Updated
  wordcount: Word count
-  min2read: "Reading time: %s min"
+  min2read: 'Reading time: %s min'
  page_pv: Post View
-  comments: comments
+  comments: Comments
  copyright:
    author: Author
    link: Link
    copyright_notice: Copyright Notice
    copyright_content: 'All articles in this blog are licensed under <a href="%s">%s</a> unless stating additionally.'
+  recommend: Related Articles

 search: Search
 algolia_search:
  input_placeholder: Search for Posts
  hits_empty: "We didn't find any results for the search: ${query}."
-  hits_stats: "${hits} results found in ${time} ms"
+  hits_stats: '${hits} results found in ${time} ms'

 local_search:
  label: Local search
@@ -61,30 +61,30 @@ aside:
  card_tags: Tags
  card_archives: Archives
  card_recent_post: Recent Post
-  card_bookmark: Add to bookmark
+  card_bookmark: Bookmark
  card_webinfo:
    headline: Info
    article_name: Article
    runtime_name: Run time
+    site_wordcount: Total Count
    site_uv_name: UV
    site_pv_name: PV
+  more_button: More

 donate: Donate
 share: Share
-
 bookmark:
  title: Bookmark

-
 rightside:
  readmode_title: Read Mode
-  font_plus_title: Increase font size
-  font_minus_title: Decrease font size
-  translate_title: Traditional Chinese and Simplified Chinese Conversion
-  night_mode_title: Dark Mode
-  back_to_top: Back to top
-  toc: Table of Contents
-  scroll_to_comment: Scroll to comment
+  font_plus_title: Increase Font Size
+  font_minus_title: Decrease Font Size
+  translate_title: Switch Between Traditional Chinese And Simplified Chinese
+  night_mode_title: Switch Between Light And Dark Mode
+  back_to_top: Back To Top
+  toc: Table Of Contents
+  scroll_to_comment: Scroll To Comments
  setting: Setting

 runtime_unit: days
@@ -101,5 +101,11 @@ Snackbar:
    message_next: to bookmark this page
  chs_to_cht: Traditional Chinese Activated Manually
  cht_to_chs: Simplified Chinese Activated Manually
-  day_to_night: Light Mode Activated Manually
-  night_to_day: Dark Mode Activated Manually
+  day_to_night: Dark Mode Activated Manually
+  night_to_day: Light Mode Activated Manually
+
+loading: Loading...
+
+error404:
+  error_title: Page not found
+  back_button: Go back home
--- a/languages/en.yml
+++ b/languages/en.yml
@@ -19,26 +19,26 @@ page:

 sticky: Sticky
 no_title: No title
-archives: Archives

 post:
  created: Created
  updated: Updated
  wordcount: Word count
-  min2read: "Reading time: %s min"
+  min2read: 'Reading time: %s min'
  page_pv: Post View
-  comments: comments
+  comments: Comments
  copyright:
    author: Author
    link: Link
    copyright_notice: Copyright Notice
    copyright_content: 'All articles in this blog are licensed under <a href="%s">%s</a> unless stating additionally.'
+  recommend: Related Articles

 search: Search
 algolia_search:
  input_placeholder: Search for Posts
  hits_empty: "We didn't find any results for the search: ${query}."
-  hits_stats: "${hits} results found in ${time} ms"
+  hits_stats: '${hits} results found in ${time} ms'

 local_search:
  label: Local search
@@ -61,13 +61,15 @@ aside:
  card_tags: Tags
  card_archives: Archives
  card_recent_post: Recent Post
-  card_bookmark: Add to bookmark
+  card_bookmark: Bookmark
  card_webinfo:
    headline: Info
    article_name: Article
    runtime_name: Run time
+    site_wordcount: Total Count
    site_uv_name: UV
    site_pv_name: PV
+  more_button: More

 donate: Donate
 share: Share
@@ -76,13 +78,13 @@ bookmark:

 rightside:
  readmode_title: Read Mode
-  font_plus_title: Increase font size
-  font_minus_title: Decrease font size
-  translate_title: Traditional Chinese and Simplified Chinese Conversion
-  night_mode_title: Dark Mode
-  back_to_top: Back to top
-  toc: Table of Contents
-  scroll_to_comment: Scroll to comment
+  font_plus_title: Increase Font Size
+  font_minus_title: Decrease Font Size
+  translate_title: Switch Between Traditional Chinese And Simplified Chinese
+  night_mode_title: Switch Between Light And Dark Mode
+  back_to_top: Back To Top
+  toc: Table Of Contents
+  scroll_to_comment: Scroll To Comments
  setting: Setting

 runtime_unit: days
@@ -99,5 +101,11 @@ Snackbar:
    message_next: to bookmark this page
  chs_to_cht: Traditional Chinese Activated Manually
  cht_to_chs: Simplified Chinese Activated Manually
-  day_to_night: Light Mode Activated Manually
-  night_to_day: Dark Mode Activated Manually
+  day_to_night: Dark Mode Activated Manually
+  night_to_day: Light Mode Activated Manually
+
+loading: Loading...
+
+error404:
+  error_title: Page not found
+  back_button: Go back home
--- a/languages/zh-CN.yml
+++ b/languages/zh-CN.yml
@@ -19,32 +19,33 @@ page:

 sticky: 置顶
 no_title: 无题
-archives: 时间轴

 post:
  created: 发表于
  updated: 更新于
  wordcount: 字数总计
-  min2read: "阅读时长: %s 分钟"
+  min2read: '阅读时长: %s 分钟'
  page_pv: 阅读量
  comments: 评论数
  copyright:
    author: 文章作者
    link: 文章链接
    copyright_notice: 版权声明
-    copyright_content: '本博客所有文章除特别声明外，均采用 <a href="%s">%s</a> 许可协议。转载请注明来自 <a href="%s">%s</a>！'
+    copyright_content: '本博客所有文章除特别声明外，均采用
+      <a href="%s" target="_blank">%s</a> 许可协议。转载请注明来自 <a href="%s" target="_blank">%s</a>！'
+  recommend: 相关推荐

 search: 搜索
 algolia_search:
  input_placeholder: 搜索文章
-  hits_empty: "找不到您查询的内容:${query}"
-  hits_stats: "找到 ${hits} 条结果，用时 ${time} 毫秒"
+  hits_empty: '找不到您查询的内容:${query}'
+  hits_stats: '找到 ${hits} 条结果，用时 ${time} 毫秒'

 local_search:
  label: 本地搜索
  input_placeholder: 搜索文章
-  hits_empty: "找不到您查询的内容:${query}"
-  powered: "提供支持"
+  hits_empty: '找不到您查询的内容:${query}'
+  powered: '提供支持'
  by: 由

 pagination:
@@ -67,21 +68,22 @@ aside:
    headline: 网站资讯
    article_name: 文章数目
    runtime_name: 已运行时间
+    site_wordcount: 本站总字数
    site_uv_name: 本站访客数
    site_pv_name: 本站总访问量
+  more_button: 查看更多

 donate: 打赏
 share: 分享
 bookmark:
  title: 添加书签

-
 rightside:
  readmode_title: 阅读模式
  font_plus_title: 放大字体
  font_minus_title: 缩小字体
  translate_title: 简繁转换
-  night_mode_title: 夜间模式
+  night_mode_title: 浅色和深色模式转换
  back_to_top: 回到顶部
  toc: 目录
  scroll_to_comment: 直达评论
@@ -103,3 +105,10 @@ Snackbar:
  cht_to_chs: 你已切换为简体
  day_to_night: 你已切换为深色模式
  night_to_day: 你已切换为浅色模式
+
+error_title: 页面没有找到
+loading: 加载中...
+
+error404:
+  error_title: 页面没有找到
+  back_button: 回到主页
--- a/languages/zh-TW.yml
+++ b/languages/zh-TW.yml
@@ -9,43 +9,43 @@ footer:
 copy:
  success: 複製成功
  error: 複製錯誤
-  noSupport: 瀏覽器不支持
+  noSupport: 瀏覽器不支援

 page:
  articles: 文章總覽
  tag: 標籤
  category: 分類
-  archives: 時間軸
+  archives: 歸檔

 sticky: 置頂
 no_title: 無題
-archives: 時間軸

 post:
  created: 發表於
  updated: 更新於
  wordcount: 字數總計
-  min2read: "閲讀時長: %s 分鐘"
-  page_pv: 閲讀量
+  min2read: '閱讀時長: %s 分鐘'
+  page_pv: 閱讀量
  comments: 評論數
  copyright:
    author: 文章作者
-    link: 文章鏈接
+    link: 文章連結
    copyright_notice: 版權聲明
-    copyright_content: '本博客所有文章除特別聲明外，均採用
+    copyright_content: '本部落格所有文章除特別聲明外，均採用
      <a href="%s" target="_blank">%s</a> 許可協議。轉載請註明來自 <a href="%s" target="_blank">%s</a>！'
+  recommend: 相關推薦

-search: 搜索
+search: 搜尋
 algolia_search:
-  input_placeholder: 搜索文章
-  hits_empty: "找不到您查詢的內容:${query}"
-  hits_stats: "找到 ${hits} 條結果，用時 ${time} 毫秒"
+  input_placeholder: 搜尋文章
+  hits_empty: '找不到您查詢的內容:${query}'
+  hits_stats: '找到 ${hits} 條結果，用時 ${time} 毫秒'

 local_search:
-  label: 本地搜索
-  input_placeholder: 搜索文章
-  hits_empty: "找不到您查詢的內容:${query}"
-  powered: "提供支持"
+  label: 本地搜尋
+  input_placeholder: 搜尋文章
+  hits_empty: '找不到您查詢的內容:${query}'
+  powered: '提供支援'
  by: 由

 pagination:
@@ -67,34 +67,35 @@ aside:
  card_webinfo:
    headline: 網站資訊
    article_name: 文章數目
-    runtime_name: 已運行時間
+    runtime_name: 已執行時間
+    site_wordcount: 本站總字數
    site_uv_name: 本站訪客數
    site_pv_name: 本站總訪問量
+  more_button: 檢視更多

 donate: 打賞
 share: 分享
 bookmark:
-  title: 添加書籤
-
+  title: 新增書籤

 rightside:
-  readmode_title: 閲讀模式
-  font_plus_title: 放大字體
-  font_minus_title: 縮小字體
+  readmode_title: 閱讀模式
+  font_plus_title: 放大字型
+  font_minus_title: 縮小字型
  translate_title: 簡繁轉換
-  night_mode_title: 夜間模式
+  night_mode_title: 淺色和深色模式轉換
  back_to_top: 回到頂部
  toc: 目錄
  scroll_to_comment: 直達評論
-  setting: 設置
+  setting: 設定

 runtime_unit: 天

 copy_copyright:
  author: 作者
-  link: 鏈接
+  link: 連結
  source: 來源
-  info: 著作權歸作者所有。商業轉載請聯繫作者獲得授權，非商業轉載請註明出處。
+  info: 著作權歸作者所有。商業轉載請聯絡作者獲得授權，非商業轉載請註明出處。

 Snackbar:
  bookmark:
@@ -105,4 +106,8 @@ Snackbar:
  day_to_night: 你已切換為深色模式
  night_to_day: 你已切換為淺色模式

+loading: 載入中...

+error404:
+  error_title: 頁面沒有找到
+  back_button: 回到主頁
--- a/layout/404.pug
+++ b/layout/404.pug
@@ -0,0 +1,30 @@
+- var top_img = theme.error_404.background || theme.default_top_img
+- var bg_img = `background-image: url(${url_for(top_img)})`
+
+doctype html
+html(lang=config.language data-theme=theme.display_mode)
+  head
+    include includes/head.pug
+  body
+    if theme.preloader
+      !=partial('includes/loading/loading', {}, {cache:theme.fragment_cache})
+
+    if theme.fireworks && theme.fireworks.enable
+      canvas.fireworks
+    
+    if theme.background
+      - var is_photo = theme.background.startsWith('url') ? 'photo':'color'
+      #web_bg(data-type=is_photo)
+
+    #error-wrap
+      .error-content
+        .error-img(style=bg_img)
+        .error-info
+          h1.error_title= '404'
+          .error_subtitle= theme.error_404.subtitle
+          a.button--animated(href=url_for(config.root))
+            i.fas.fa-rocket
+            = _p('error404.back_button')
+          
+    !=partial('includes/search/index', {}, {cache:theme.fragment_cache})
+    include includes/additional-js.pug
--- a/layout/archive.pug
+++ b/layout/archive.pug
@@ -1,4 +1,3 @@
-
 extends includes/layout.pug

 block content
@@ -6,6 +5,4 @@ block content
  #archive
    .article-sort-title= _p('page.articles') + ' - ' + site.posts.length
    +articleSort(page.posts)
-    include includes/pagination.pug
-  #aside_content.aside_content
-    include includes/widget/index.pug
+    include includes/pagination.pug
--- a/layout/category.pug
+++ b/layout/category.pug
@@ -2,18 +2,13 @@ extends includes/layout.pug

 block content
  if theme.category_ui == 'index'
-    include ./includes/mixins/UI.pug
+    include ./includes/mixins/post-ui.pug
    #recent-posts.recent-posts.category_ui   
-      +UI_NEW(page.posts)
-      include includes/pagination.pug
-    #aside_content.aside_content
-      include includes/widget/index.pug
+      +postUI
+      include includes/pagination.pug    
  else
    include ./includes/mixins/article-sort.pug
    #category
      .article-sort-title= _p('page.category') + ' - ' + page.category
      +articleSort(page.posts)
-      include includes/pagination.pug
-    #aside_content.aside_content
-      include includes/widget/index.pug
-    
+      include includes/pagination.pug    
--- a/layout/flink.pug
+++ b/layout/flink.pug
@@ -1,30 +1,23 @@
-.flink
-  each i in site.data.link
-    h1= i.class_name
-    .post-cards
-      ul.md-links
-        each item in i.link_list
-          li.md-links-item
-            a(href=item.link  title=item.name target="_blank")
-              if theme.lazyload.enable
-                img.lazyload(data-src=item.avatar onerror=`this.onerror=null;this.src='` + url_for(theme.lodding_bg.flink) + `'` alt=item.name )
-              else
-                img(src=item.avatar onerror=`this.onerror=null;this.src='` + url_for(theme.lodding_bg.flink) + `'` alt=item.name )
-              .md-links-title= item.name 
-              .md-links-des= item.descr
-
-  hr
-  div 
-    h2= theme.Flink.info_headline
-    ul
-      li= theme.Flink.name
-      li= theme.Flink.address
-      li= theme.Flink.avatar 
-      li= theme.Flink.info
-
-  hr
-  .comment_int
-    p.comment-word= theme.Flink.comment
-
+#page
+  .flink#article-container
+    if site.data.link
+      each i in site.data.link
+        if i.class_name
+          h2!= i.class_name
+        if i.class_desc
+          .flink-desc!=i.class_desc
+        .flink-list
+          each item in i.link_list
+            .flink-list-item
+              a(href=url_for(item.link)  title=item.name target="_blank")
+                if theme.lazyload.enable
+                  img(data-src=url_for(item.avatar) onerror=`this.onerror=null;this.src='` + url_for(theme.error_img.flink) + `'` alt=item.name )
+                else
+                  img(src=url_for(item.avatar) onerror=`this.onerror=null;this.src='` + url_for(theme.error_img.flink) + `'` alt=item.name )
+                .flink-item-name= item.name 
+                .flink-item-desc= item.descr
+    != page.content
+  if page.comments !== false
+    include includes/comments/index.pug


--- a/layout/includes/additional-js.pug
+++ b/layout/includes/additional-js.pug
@@ -1,7 +1,14 @@
-if (theme.medium_zoom && theme.medium_zoom.enable)
+script(src=url_for(theme.CDN.jquery))
+script(src=url_for(theme.CDN.utils))
+script(src=url_for(theme.CDN.main))
+
+if theme.translate && theme.translate.enable
+  script(src=url_for(theme.CDN.translate))
+
+if theme.medium_zoom
  script(src=url_for(theme.CDN.medium_zoom))

-if (theme.fancybox && theme.fancybox.enable)
+if theme.fancybox
  script(src=url_for(theme.CDN.fancybox))

 include ./math/index.pug 
@@ -23,32 +30,47 @@ if (theme.canvas_nest && theme.canvas_nest.enable)
  include ./third-party/canvas-nest.pug 

 if theme.activate_power_mode.enable
-  - var colorful = theme.activate_power_mode.colorful == false ? false : true
-  - var shake = theme.activate_power_mode.shake == false ? false : true
  script(src=url_for(theme.CDN.activate_power_mode))
  script.
-    POWERMODE.colorful = !{colorful};
-    POWERMODE.shake = !{shake}; 
+    POWERMODE.colorful = #{theme.activate_power_mode.colorful};
+    POWERMODE.shake = #{theme.activate_power_mode.shake};
    document.body.addEventListener('input', POWERMODE);

-if theme.translate && theme.translate.enable
-  script(src=url_for(theme.CDN.translate))
-
-if is_home()
-  include index-js.pug
-
 if theme.busuanzi.site_uv || theme.busuanzi.site_pv || theme.busuanzi.page_pv
  script(async src=url_for(theme.CDN.busuanzi))

-if theme.instantpage.enable
-  script(src=url_for(theme.CDN.instantpage) type="module")
+if theme.instantpage
+  script(src=url_for(theme.CDN.instantpage) type="module" defer)

 if theme.lazyload.enable
-  script(src=url_for(theme.CDN.lazyload) async="")
+  script(src=url_for(theme.CDN.lazyload) async)

 //- 鼠標特效
-if theme.click_heart && theme.click_heart.enable
+if theme.click_heart
  script(src=url_for(theme.CDN.click_heart))

 if theme.ClickShowText && theme.ClickShowText.enable
  script(src=url_for(theme.CDN.ClickShowText))
+
+if theme.pangu && theme.pangu.enable
+  include ./third-party/pangu.pug
+
+//- search
+if theme.algolia_search && theme.algolia_search.enable
+  script(src=url_for(theme.CDN.algolia_js))
+else if theme.local_search && theme.local_search.enable
+  script(src=url_for(theme.CDN.local_search))
+
+//- mermaid
+if theme.mermaid.enable
+  include ./math/mermaid.pug
+
+if is_home()
+  include ./head/subtitle.pug
+
+!=fragment_cache('injectBottom', function(){return injectHtml(theme.inject.bottom)})
+
+if theme.preloader
+  !=partial('includes/loading/loading-js', {}, {cache:theme.fragment_cache})
+
+!=partial('includes/chat/index', {}, {cache:theme.fragment_cache})
--- a/layout/includes/chat/chatra.pug
+++ b/layout/includes/chat/chatra.pug
@@ -0,0 +1,30 @@
+//- https://chatra.io/help/api/
+script.
+  (function(d, w, c) {
+      w.ChatraID = '#{theme.chatra.id}';
+      var s = d.createElement('script');
+      w[c] = w[c] || function() {
+          (w[c].q = w[c].q || []).push(arguments);
+      };
+      s.async = true;
+      s.src = 'https://call.chatra.io/chatra.js';
+      if (d.head) d.head.appendChild(s);
+  })(document, window, 'Chatra');
+
+  if (!{theme.chat_btn}) {
+    var chatBtn = document.getElementById("chat_btn")
+      chatBtn.addEventListener("click", function(){
+        Chatra('openChat')
+      });
+  } else {
+    if (!{theme.chat_hide_show}) {
+      function chatBtnHide () {
+        Chatra('hide')
+      }
+      function chatBtnShow () {
+        Chatra('show')
+      }
+    }
+  }
+
+
--- a/layout/includes/chat/daovoice.pug
+++ b/layout/includes/chat/daovoice.pug
@@ -0,0 +1,37 @@
+//- https://guide.daocloud.io/daovoice/javascript-api-5869833.html
+script.
+  (function(i,s,o,g,r,a,m){i["DaoVoiceObject"]=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;a.charset="utf-8";m.parentNode.insertBefore(a,m)})(window,document,"script",('https:' == document.location.protocol ? 'https:' : 'http:') + "//widget.daovoice.io/widget/!{theme.daovoice.app_id}.js","daovoice")
+
+script.
+  var isChatBtn = !{theme.chat_btn}
+  daovoice('init', {
+    app_id: '!{theme.daovoice.app_id}',},{
+    launcher: { 
+       disableLauncherIcon: isChatBtn // 悬浮 ICON 是否显示
+    },
+  });
+  daovoice('update');
+
+  if (isChatBtn) {
+    var chatBtn = document.getElementById("chat_btn")
+    chatBtn.addEventListener("click", function(){
+      daovoice('show')
+    });
+  } else {
+    if (!{theme.chat_hide_show}) {
+      function chatBtnHide () {
+        daovoice('update', {},{
+          launcher: { 
+          disableLauncherIcon: true // 悬浮 ICON 是否显示
+          },
+        });
+      }
+      function chatBtnShow () {
+        daovoice('update', {},{
+          launcher: { 
+          disableLauncherIcon: false // 悬浮 ICON 是否显示
+          },
+        });
+      }
+    }
+  }
--- a/layout/includes/chat/gitter.pug
+++ b/layout/includes/chat/gitter.pug
@@ -0,0 +1,28 @@
+//- https://sidecar.gitter.im/
+script.
+  var isChatBtn = !{theme.chat_btn}
+
+  if (isChatBtn) {
+    ((window.gitter = {}).chat = {}).options = {
+      room: '#{theme.gitter.room}',
+      activationElement: '#chat_btn'
+    };
+  } else {
+    ((window.gitter = {}).chat = {}).options = {
+      room: '#{theme.gitter.room}',
+    };
+
+    if (!{theme.chat_hide_show}) {
+      var gitterBtn = document.getElementsByClassName('gitter-open-chat-button')
+
+      function chatBtnHide () {
+        gitterBtn[0].style.display= 'none'
+      }
+
+      function chatBtnShow () {
+        gitterBtn[0].style.display= 'block'
+      }
+    }
+  }
+
+script(src="https://sidecar.gitter.im/dist/sidecar.v1.js" async defer)
--- a/layout/includes/chat/index.pug
+++ b/layout/includes/chat/index.pug
@@ -0,0 +1,8 @@
+if theme.chatra && theme.chatra.enable
+  include ./chatra.pug
+else if theme.tidio && theme.tidio.enable
+  include ./tidio.pug
+else if theme.daovoice && theme.daovoice.enable
+  include ./daovoice.pug
+else if theme.gitter && theme.gitter.enable
+  include ./gitter.pug
--- a/layout/includes/chat/tidio.pug
+++ b/layout/includes/chat/tidio.pug
@@ -0,0 +1,39 @@
+script(src=`//code.tidio.co/${theme.tidio.public_key}.js` async)
+
+if theme.chat_btn
+  script.
+    (function() {
+      function onTidioChatApiReady() {
+        window.tidioChatApi.hide();
+        window.tidioChatApi.on("close", function() {
+          window.tidioChatApi.hide();
+        });
+      }
+      if (window.tidioChatApi) {
+        window.tidioChatApi.on("ready", onTidioChatApiReady);
+      } else {
+        document.addEventListener("tidioChat-ready", onTidioChatApiReady);
+      }
+
+      document.getElementById("chat_btn").addEventListener("click", function(){
+        window.tidioChatApi.show();
+        window.tidioChatApi.open();
+    });
+    })();
+else if theme.chat_hide_show
+  script.
+    function chatBtnHide () {
+      if (window.tidioChatApi) {
+        window.tidioChatApi.hide();
+        //- document.getElementById('tidio-chat').style.display= 'none'
+      }
+    }
+
+    function chatBtnShow () {
+      if (window.tidioChatApi) {
+        window.tidioChatApi.show();
+        //- document.getElementById('tidio-chat').style.display= 'block'
+      } 
+    }
+
+
--- a/layout/includes/comments/disqus.pug
+++ b/layout/includes/comments/disqus.pug
@@ -1,13 +1,24 @@
-if theme.disqus && theme.disqus.enable
-  #disqus_thread
-  script.
-    var unused = null;
-    var disqus_config = function () {
-      this.page.url = '!{ page.permalink }';
-      this.page.identifier = '!{ page.path }';
-      this.page.title = '!{ page.title }';
-    }
+#disqus_thread
+script.
+  var disqus_config = function () {
+    this.page.url = '!{ page.permalink }';
+    this.page.identifier = '!{ page.path }';
+    this.page.title = '!{ page.title }';
+  };
+  (function() { 
    var d = document, s = d.createElement('script');
-    s.src = "https://" + '!{theme.disqus.shortname}' +".disqus.com/embed.js";
-    s.setAttribute('data-timestamp', '' + +new Date());
-    (d.head || d.body).appendChild(s);
+    s.src = 'https://!{theme.disqus.shortname}.disqus.com/embed.js';
+    s.setAttribute('data-timestamp', +new Date());
+    (d.head || d.body).appendChild(s);
+  })();
+
+if is_post() && theme.disqus.count
+  script.
+    function getDisqusCount() {
+      var d = document, s = d.createElement('script');
+      s.src = 'https://!{theme.disqus.shortname}.disqus.com/count.js';
+      s.id = 'dsq-count-scr';
+      (d.head || d.body).appendChild(s);
+    }
+
+    window.addEventListener('load', getDisqusCount, false);
--- a/layout/includes/comments/disqusjs.pug
+++ b/layout/includes/comments/disqusjs.pug
@@ -0,0 +1,25 @@
+#disqus_thread
+script(src=url_for(theme.CDN.disqusjs))
+script.
+  var dsqjs = new DisqusJS({
+    shortname: '!{theme.disqusjs.shortname}',
+    siteName: '!{theme.disqusjs.siteName}',
+    identifier: '!{ page.path }',
+    url: '!{ page.permalink }',
+    title: '!{ page.title }',
+    api: '!{theme.disqusjs.api}',
+    apikey: '!{theme.disqusjs.apikey}',
+    nocomment: '!{theme.disqusjs.nocomment}',
+    admin: '!{theme.disqusjs.admin}',
+    adminLabel: '!{theme.disqusjs.adminLabel}'
+  });
+
+if is_post() && theme.disqusjs.count
+  script.
+    function getDisqusCount() {
+      var d = document, s = d.createElement('script');
+      s.src = 'https://!{theme.disqusjs.shortname}.disqus.com/count.js';
+      s.id = 'dsq-count-scr';
+      (d.head || d.body).appendChild(s);
+    }
+    window.addEventListener('load', getDisqusCount, false);
--- a/layout/includes/comments/facebook_comments.pug
+++ b/layout/includes/comments/facebook_comments.pug
@@ -0,0 +1,12 @@
+#fb-root
+script(async defer crossorigin="anonymous" src=`https://connect.facebook.net/${theme.facebook_comments.lang}/sdk.js#xfbml=1&version=v6.0`)
+.fb-comments(data-colorscheme = theme.display_mode === 'dark' ? 'dark' : 'light'
+            data-href=urlNoIndex() 
+            data-numposts= theme.facebook_comments.pageSize || 10
+            data-order-by= theme.facebook_comments.order_by || 'social'
+            data-width="100%")
+
+if theme.darkmode.enable
+  script.
+    var themeNow = document.documentElement.getAttribute('data-theme') === 'dark' ? 'dark' : 'light'
+    document.getElementsByClassName('fb-comments')[0].setAttribute('data-colorscheme',themeNow)
--- a/layout/includes/comments/gitalk.pug
+++ b/layout/includes/comments/gitalk.pug
@@ -1,20 +1,27 @@
-if theme.gitalk && theme.gitalk.enable
-  #gitalk-container
-  script.
-    var gitalk = new Gitalk({
-      clientID: '!{theme.gitalk.client_id}',
-      clientSecret: '!{theme.gitalk.client_secret}',
-      repo: '!{theme.gitalk.repo}',
-      owner: '!{theme.gitalk.owner}',
-      admin: '!{theme.gitalk.admin}',
-      id: md5(decodeURI(location.pathname)),
-      language: '!{theme.gitalk.language}',
-      updateCountCallback: commentCount
-    })
-    gitalk.render('gitalk-container')
+#gitalk-container
+script.
+  var gitalk = new Gitalk({
+    clientID: '!{theme.gitalk.client_id}',
+    clientSecret: '!{theme.gitalk.client_secret}',
+    repo: '!{theme.gitalk.repo}',
+    owner: '!{theme.gitalk.owner}',
+    admin: ['!{theme.gitalk.admin}'],
+    id: md5(decodeURI(location.pathname)),
+    language: '!{theme.gitalk.language}',
+    perPage: !{theme.gitalk.perPage},
+    distractionFreeMode: !{theme.gitalk.distractionFreeMode},
+    pagerDirection: '!{theme.gitalk.pagerDirection}',
+    createIssueManually: !{theme.gitalk.createIssueManually},
+    updateCountCallback: commentCount
+  })
+  gitalk.render('gitalk-container')

-    function commentCount(n){
+  function commentCount(n){
+    try {
      document.getElementsByClassName('gitalk-comment-count')[0].innerHTML= n
+    } catch (e) {
+      return false
    }
+  }


--- a/layout/includes/comments/index.pug
+++ b/layout/includes/comments/index.pug
@@ -1,19 +1,29 @@
 - var d = theme.disqus && theme.disqus.enable
- var l = theme.laibili && theme.laibili.enable
+- var dj = theme.disqusjs && theme.disqusjs.enable
+- var l = theme.livere && theme.livere.enable
 - var gt = theme.gitalk && theme.gitalk.enable
 - var v = theme.valine && theme.valine.enable
+- var u = theme.utterances && theme.utterances.enable
+- var fb = theme.facebook_comments && theme.facebook_comments.enable
+- var isComment = d || dj || l || gt || v || u || fb

-if d || l || gt || v
+if isComment
  hr
  #post-comment
    .comment_headling
-      i.fa.fa-comments.fa-fw(aria-hidden="true")
+      i.fas.fa-comments.fa-fw
      span= ' ' + _p('comment')
    if d
      include ./disqus.pug
+    else if dj
+      include ./disqusjs.pug
    else if l
-      include ./laibili.pug
+      include ./livere.pug
    else if gt
      include ./gitalk.pug
    else if v
-      include ./valine.pug
+      include ./valine.pug
+    else if u
+      include ./utterances.pug
+    else if fb
+      include ./facebook_comments.pug
--- a/layout/includes/comments/laibili.pug
+++ b/layout/includes/comments/laibili.pug
@@ -1,11 +0,0 @@
-if theme.laibili && theme.laibili.enable
-  #lv-container(data-id="city" data-uid=theme.laibili.uid)
-    script.
-      (function(d, s) {
-          var j, e = d.getElementsByTagName(s)[0];
-          if (typeof LivereTower === 'function') { return; }
-          j = d.createElement(s);
-          j.src = 'https://cdn-city.livere.com/js/embed.dist.js';
-          j.async = true;
-          e.parentNode.insertBefore(j, e);
-      })(document, 'script');
--- a/layout/includes/comments/livere.pug
+++ b/layout/includes/comments/livere.pug
@@ -0,0 +1,10 @@
+#lv-container(data-id="city" data-uid=theme.livere.uid)
+  script.
+    (function(d, s) {
+        var j, e = d.getElementsByTagName(s)[0];
+        if (typeof LivereTower === 'function') { return; }
+        j = d.createElement(s);
+        j.src = 'https://cdn-city.livere.com/js/embed.dist.js';
+        j.async = true;
+        e.parentNode.insertBefore(j, e);
+    })(document, 'script');
--- a/layout/includes/comments/utterances.pug
+++ b/layout/includes/comments/utterances.pug
@@ -0,0 +1,21 @@
+script#utterances_comment(src=theme.CDN.utterances
+        repo=theme.utterances.repo
+        issue-term=theme.utterances.issue_term
+        theme= theme.display_mode === 'dark' ? theme.utterances.dark_theme : theme.utterances.light_theme
+        crossorigin="anonymous"
+        async)
+
+if theme.darkmode.enable
+  script.
+    var themeNow = document.documentElement.getAttribute('data-theme') === 'dark' ? '#{theme.utterances.dark_theme}' : '#{theme.utterances.light_theme}'
+    document.getElementById('utterances_comment').setAttribute('theme',themeNow)
+
+    function utterancesTheme () {
+    var theme = document.documentElement.getAttribute('data-theme') === 'dark' ? '#{theme.utterances.dark_theme}' : '#{theme.utterances.light_theme}'
+    const message = {
+      type: 'set-theme',
+      theme: theme
+    };
+    const iframe = document.querySelector('.utterances-frame');
+    iframe.contentWindow.postMessage(message, 'https://utteranc.es');
+    }
--- a/layout/includes/comments/valine.pug
+++ b/layout/includes/comments/valine.pug
@@ -1,25 +1,35 @@
-if theme.valine && theme.valine.enable
-  #vcomment.vcomment
-  script(src=url_for(theme.CDN.valine))
-  script.
-    var notify = #{ theme.valine.notify } == true ? true : false;
-    var verify = #{ theme.valine.verify } == true ? true : false;
-    var GUEST_INFO = ['nick','mail','link'];
-    var guest_info = '#{ theme.valine.guest_info }'.split(',').filter(function(item){
-      return GUEST_INFO.indexOf(item) > -1
-    });
-    guest_info = guest_info.length == 0 ? GUEST_INFO :guest_info;
+- let emojiMaps = '""'
+if site.data.valine
+  - emojiMaps = JSON.stringify(site.data.valine)

-    window.valine = new Valine({
-      el:'#vcomment',
-      notify:notify,
-      verify:verify,
-      appId:'#{theme.valine.appId}',
-      appKey:'#{theme.valine.appKey}',
-      placeholder:'#{theme.valine.placeholder}',
-      avatar:'#{theme.valine.avatar}',
-      guest_info:guest_info,
-      pageSize:'#{theme.valine.pageSize}',
-      lang:'#{theme.valine.lang}',
-      recordIP: true
+#vcomment.vcomment
+script(src=url_for(theme.CDN.valine))
+script.
+  var requestSetting = function (from,set) {
+    var from = from
+    var setting = set.split(',').filter(function(item){
+    return from.indexOf(item) > -1
    });
+    setting = setting.length == 0 ? from :setting;
+    return setting
+  }
+
+  var guestInfo = requestSetting(['nick','mail','link'],'#{ theme.valine.guest_info }')
+  var requiredFields = requestSetting(['nick','mail'],'#{ theme.valine.requiredFields }')
+
+  window.valine = new Valine({
+    el:'#vcomment',
+    appId: '#{theme.valine.appId}',
+    appKey: '#{theme.valine.appKey}',
+    placeholder: '#{theme.valine.placeholder}',
+    avatar: '#{theme.valine.avatar}',
+    meta: guestInfo,
+    pageSize: '#{theme.valine.pageSize}',
+    lang: '#{theme.valine.lang}',
+    recordIP: #{theme.valine.recordIP},
+    serverURLs: '#{theme.valine.serverURLs}',
+    emojiCDN: '#{theme.valine.emojiCDN}',
+    emojiMaps: !{emojiMaps},
+    enableQQ: #{theme.valine.enableQQ},
+    requiredFields: requiredFields
+  });
--- a/layout/includes/footer.pug
+++ b/layout/includes/footer.pug
@@ -5,10 +5,10 @@
    .copyright!= `&copy;${theme.since} - ${nowYear} By ${config.author}`
  else
    .copyright!= `&copy;${nowYear} By ${config.author}`
-  if theme.footer_copyright.enable
+  if theme.footer_copyright
    .framework-info
      span= _p('footer.driven') + ' '
-      a(href='http://hexo.io')
+      a(href='https://hexo.io')
        span Hexo
      span.footer-separator |
      span= _p('footer.theme') + ' '
--- a/layout/includes/head.pug
+++ b/layout/includes/head.pug
@@ -1,56 +1,70 @@
-if is_home()
-  - var top_img = theme.index_img || theme.default_top_img
-else if is_archive()
-  - var top_img = theme.archive_img || theme.default_top_img
-else if is_tag()
-  - var top_img = theme.tag_img || theme.default_top_img
-else if is_category()
-  - var top_img = theme.category_img || theme.default_top_img
-else if is_current('/movies/', [strict])
-  - var top_img = theme.movies_img || theme.default_top_img
-else if !is_post()
-  - var top_img = page.top_img || theme.default_top_img
+- var pageTitle
+- if (is_archive()) pageTitle = _p('page.archives')
+- else if (is_tag()) pageTitle = _p('page.tag') + ': ' + page.tag
+- else if (is_category()) pageTitle = _p('page.category') + ': ' + page.category
+- else if (is_month()) pageTitle += ': ' + page.month + '/' + page.year
+- else if (is_year()) pageTitle += ': ' + page.year
+- else if (is_current('/404.html', [strict])) pageTitle = _p('error404.error_title')
+- else pageTitle = page.title || config.title || ''

- var without_index = url.replace('index.html', '')
- var without_html = without_index.replace('.html', '')
+- var isSubtitle = config.subtitle ? ' - ' + config.subtitle : ''
+- var tabTitle = is_home() || !pageTitle ? config.title + isSubtitle : pageTitle + ' | ' + config.title

-//- 預解析
-include ./head/dns_prefetch.pug
+- var pageDescription = page_description()
+- var pageKeywords
+- if (page.keywords) pageKeywords = Array.isArray(page.keywords) ? (page.keywords).join(',') :  ([]).join(',') || page.keywords
+- else if (page.tags && page.tags.length) pageKeywords = page.tags.data.map(function(tag) {return tag.name;}).join(',')
+- else pageKeywords = Array.isArray(config.keywords) ? (config.keywords).join(','):  ([]).join(',') || config.keywords
+- var pageAuthor = config.email ? config.author + ',' + config.email : config.author
+- var pageCopyright = config.copyright || config.author

-//- PWA
-if (theme.pwa && theme.pwa.enable)
-  include ./head/pwa.pug
-
-//- 網站驗證
-include ./head/site_verification.pug
-
-//- Open_Graph
-include ./head/Open_Graph.pug
+meta(charset='UTF-8')
+meta(http-equiv="X-UA-Compatible" content="IE=edge")
+meta(name="viewport" content="width=device-width,initial-scale=1")
+title= tabTitle
+meta(name="description" content!=pageDescription)
+if pageKeywords
+  meta(name="keywords" content=pageKeywords)
+meta(name="author" content=pageAuthor)
+meta(name="copyright" content=pageCopyright)
+meta(name ="format-detection" content="telephone=no")
+!=favicon_tag(theme.favicon || config.favicon)
+link(rel="canonical" href=urlNoIndex())

 if theme.disable_baidu_transformation
  meta(http-equiv="Cache-Control" content="no-transform")
  meta(http-equiv="Cache-Control" content="no-siteapp")

-if page.hide == true
-  meta(name="robots" content="noindex")
+if theme.douban
+  if theme.douban.meta && (is_current('/movies/', [strict]) || is_current('/books/', [strict]) || is_current('/games/', [strict]))
+    meta(name="referrer" content="no-referrer")

-script(src=url_for(theme.CDN.js_cookies))
+//- 預解析
+!=partial('includes/head/preconnect', {}, {cache:theme.fragment_cache})

-if (theme.darkmode && theme.darkmode.enable) || theme.autoChangeMode !== false
-  include ./head/darkmode.pug
+//- 網站驗證
+!=partial('includes/head/site_verification', {}, {cache:theme.fragment_cache})

-each item in theme.CDN_USE.css
-  link(rel='stylesheet', href=url_for(item))
+//- Open_Graph
+include ./head/Open_Graph.pug

-if (theme.fancybox && theme.fancybox.enable)
+//- PWA
+if (theme.pwa && theme.pwa.enable)
+  !=partial('includes/head/pwa', {}, {cache:theme.fragment_cache})
+
+if theme.darkmode.enable
+  !=partial('includes/head/darkmode', {}, {cache:theme.fragment_cache})
+
+//- main css
+link(rel='stylesheet', href=url_for(theme.CDN.main_css))
+link(rel='stylesheet', href=url_for(theme.CDN.fontawesome))
+
+if theme.fancybox
  link(rel='stylesheet', href=url_for(theme.CDN.fancybox_css))

 if (theme.snackbar && theme.snackbar.enable)
  link(rel='stylesheet', href=url_for(theme.CDN.snackbar_css))

-if theme.canonical
-  link(rel="canonical" href=without_html)
-
 if is_post()
  if(page.prev)
    link(rel="prev" title=page.prev.title href=url_for(page.prev.permalink) )
@@ -61,19 +75,26 @@ if theme.algolia_search.enable
  link(rel="stylesheet" type="text/css" href=url_for(theme.CDN.algolia_search_css))
  script(src=url_for(theme.CDN.algolia_search) defer)

-if (theme.gitalk && theme.gitalk.enable)
-  link(rel="stylesheet" type="text/css" href=url_for(theme.CDN.gitalk_css))
-  script(src=url_for(theme.CDN.gitalk) defer)
-  script(src=url_for(theme.CDN.blueimp_md5) defer)
+//- comment css
+include ./head/comment.pug

 //- google_adsense
-include ./head/google_adsense.pug
+!=partial('includes/head/google_adsense', {}, {cache:theme.fragment_cache})

 //- analytics
-include ./head/analytics.pug
-
-if !is_post()
-  link(rel="preload" href=url_for(top_img)  as="image" )
+!=partial('includes/head/analytics', {}, {cache:theme.fragment_cache})

+//- font
 if theme.blog_title_font.font_link
-  link(rel='stylesheet', href=url_for(theme.blog_title_font.font_link))
+  link(rel='stylesheet' href=url_for(theme.blog_title_font.font_link))
+
+//- global config
+!=partial('includes/head/config', {}, {cache:theme.fragment_cache})
+
+include ./head/config_site.pug
+include ./head/noscript.pug
+
+!=fragment_cache('injectHead', function(){return injectHtml(theme.inject.head)})
+
+if page.aplayer
+  include ./head/aplayer.pug
--- a/layout/includes/head/Open_Graph.pug
+++ b/layout/includes/head/Open_Graph.pug
@@ -1,19 +1,12 @@
- var photo_check = is_post() ? page.cover || theme.avatar : theme.avatar
- var photo_link = url_check (photo_check) ? photo_check : config.url + photo_check
 - var contentType = is_post() ? 'article' : 'website'

-//- twitter meta
-if theme.twitter_meta
-  meta(name="twitter:card" content="summary")
-  meta(name="twitter:title" content=pageTitle_no_include_blog_name)
-  meta(name="twitter:description" content=pageDescription)
-  meta(name="twitter:image" content=photo_link)
-
-//- Open_Graph
 if theme.Open_Graph_meta
  meta(property="og:type" content=contentType)
-  meta(property="og:title" content=pageTitle_no_include_blog_name)
-  meta(property="og:url" content=without_html)
+  meta(property="og:title" content=pageTitle)
+  meta(property="og:url" content=urlNoIndex())
  meta(property="og:site_name" content=config.title)
-  meta(property="og:description" content=pageDescription)
-  meta(property="og:image" content=photo_link)
+  meta(property="og:description" content!=pageDescription)
+  meta(property="og:image" content=full_url_for(page.cover || theme.avatar.img))
+  meta(property="article:published_time" content=date_xml(page.date))
+  meta(property="article:modified_time" content=date_xml(page.updated))
+  meta(name="twitter:card" content="summary")
--- a/layout/includes/head/analytics.pug
+++ b/layout/includes/head/analytics.pug
@@ -19,4 +19,4 @@ if theme.google_analytics
    ga('send', 'pageview');

 if theme.tencent_analytics
-  script(src=`http://tajs.qq.com/stats?sId=` + theme.tencent_analytics charset="UTF-8")
+  script(src=`https://tajs.qq.com/stats?sId=${theme.tencent_analytics}` charset="UTF-8")
--- a/layout/includes/head/aplayer.pug
+++ b/layout/includes/head/aplayer.pug
@@ -0,0 +1,3 @@
+link(rel='stylesheet' href=url_for(theme.CDN.aplayer_css))
+script(src=url_for(theme.CDN.aplayer_js))
+script(src=url_for(theme.CDN.meting_js))
--- a/layout/includes/head/comment.pug
+++ b/layout/includes/head/comment.pug
@@ -0,0 +1,14 @@
+if (theme.facebook_comments.enable && page.comments !== false && !is_tag() && !is_category() && !is_archive() && !is_home())
+  if theme.facebook_comments.app_id
+    meta(property="fb:app_id" content=theme.facebook_comments.app_id )
+  if theme.facebook_comments.user_id
+    meta(property="fb:admins" content=theme.facebook_comments.user_id)
+
+if (theme.disqusjs && theme.disqusjs.enable && page.comments !== false && !is_tag() && !is_category() && !is_archive() && !is_home())
+  link(rel="stylesheet" type="text/css" href=url_for(theme.CDN.disqusjs_css))
+
+if (theme.gitalk && theme.gitalk.enable && page.comments !== false && !is_tag() && !is_category() && !is_archive() && !is_home())
+  link(rel="stylesheet" type="text/css" href=url_for(theme.CDN.gitalk_css))
+  script(src=url_for(theme.CDN.gitalk))
+  script(src=url_for(theme.CDN.blueimp_md5))
+
--- a/layout/includes/head/config.pug
+++ b/layout/includes/head/config.pug
@@ -31,7 +31,6 @@
    translate = JSON.stringify({
      defaultEncoding: theme.translate.defaultEncoding,
      translateDelay: theme.translate.translateDelay,
-      cookieDomain: theme.translate.cookieDomain,
      msgToTraditionalChinese: theme.translate.msgToTraditionalChinese,
      msgToSimplifiedChinese: theme.translate.msgToSimplifiedChinese
    })
@@ -42,7 +41,7 @@
    copyright = JSON.stringify({      
      languages: {
      author: _p("copy_copyright.author") + ': ' + config.author,
-      link: _p("copy_copyright.link") + ': ' + without_html,
+      link: _p("copy_copyright.link") + ': ',
      source: _p("copy_copyright.source") + ': ' + config.title,
      info: _p("copy_copyright.info")
      }
@@ -60,9 +59,8 @@
  
  var Snackbar = 'undefined';
  if (theme.snackbar && theme.snackbar.enable) {
-  Snackbar = JSON.stringify({      
+  Snackbar = JSON.stringify({
    bookmark: {
-      title: _p("Snackbar.bookmark.title"),
      message_prev: _p("Snackbar.bookmark.message_prev"),
      message_next: _p("Snackbar.bookmark.message_next")
    },
@@ -76,14 +74,6 @@
    })
  }

-  var runtime = theme.runtimeshow.enable
-  var fancybox = theme.fancybox.enable
-  var medium_zoom = theme.medium_zoom.enable
-  var baiduPush = theme.baidu_push && theme.baidu_push.enable
-  var isHome = is_home() ? true : false
-  var isPost = is_post() ? true : false
-
-
 script.
  var GLOBAL_CONFIG = { 
    root: '!{config.root}',
@@ -96,20 +86,25 @@ script.
      noSupport: '!{_p("copy.noSupport")}'
    },
    bookmark: {
-      title: '!{_p("Snackbar.bookmark.title")}',
      message_prev: '!{_p("Snackbar.bookmark.message_prev")}',
      message_next: '!{_p("Snackbar.bookmark.message_next")}'
    },
    runtime_unit: '!{_p("runtime_unit")}',
-    runtime: !{runtime},
+    runtime: !{theme.runtimeshow.enable},
    copyright: !{copyright},
    ClickShowText: !{ClickShowText},
-    medium_zoom: !{medium_zoom},
-    fancybox: !{fancybox},
+    medium_zoom: !{theme.medium_zoom},
+    fancybox: !{theme.fancybox},
    Snackbar: !{Snackbar},
-    baiduPush: !{baiduPush},
-    isHome: !{isHome},
-    isPost: !{isPost}
-    
+    justifiedGallery: {
+      js: '!{theme.CDN.justifiedGallery_js}',
+      css: '!{theme.CDN.justifiedGallery_css}'
+    },
+    baiduPush: !{theme.baidu_push},
+    highlightCopy: !{theme.highlight_copy},
+    highlightLang: !{theme.highlight_lang},
+    isPhotoFigcaption: !{theme.photofigcaption},
+    islazyload: !{theme.lazyload.enable},
+    isanchor: !{theme.anchor}    
  }

--- a/layout/includes/head/config_site.pug
+++ b/layout/includes/head/config_site.pug
@@ -0,0 +1,17 @@
+-
+  let isHighlightShrink
+  if (theme.highlight_shrink == 'none') isHighlightShrink = 'undefined'
+  else if (page.highlight_shrink !== undefined) isHighlightShrink = page.highlight_shrink
+  else isHighlightShrink = theme.highlight_shrink
+
+  const pageToc = page.toc !== undefined ? page.toc : theme.toc.enable
+  const showToc = is_post() && pageToc && (toc(page.content) !== '' || page.encrypt == true )
+-
+
+script.
+  var GLOBAL_CONFIG_SITE = { 
+    isPost: !{is_post()},
+    isHome: !{is_home()},
+    isHighlightShrink: !{isHighlightShrink},
+    isSidebar: !{showToc}
+    }
--- a/layout/includes/head/darkmode.pug
+++ b/layout/includes/head/darkmode.pug
@@ -1,48 +1,56 @@
 script.
-  const autoChangeMode = '#{theme.autoChangeMode}'
-  var t = Cookies.get("theme");
-  if (autoChangeMode == '1'){
-  const isDarkMode = window.matchMedia("(prefers-color-scheme: dark)").matches
-  const isLightMode = window.matchMedia("(prefers-color-scheme: light)").matches
-  const isNotSpecified = window.matchMedia("(prefers-color-scheme: no-preference)").matches
-  const hasNoSupport = !isDarkMode && !isLightMode && !isNotSpecified
-
-  if (t === undefined){
-    if (isLightMode) activateLightMode()
-    else if (isDarkMode) activateDarkMode()
-    else if (isNotSpecified || hasNoSupport){
-      console.log('You specified no preference for a color scheme or your browser does not support it. I Schedule dark mode during night time.')
-      now = new Date();
-      hour = now.getHours();
-      isNight = hour < 6 || hour >= 18
-      isNight ? activateDarkMode() : activateLightMode()
-  }
-  } else if (t == 'light') activateLightMode()
-  else activateDarkMode()
-
- 
-  } else if (autoChangeMode == '2'){
-    now = new Date();
-    hour = now.getHours();
-    isNight = hour < 6 || hour >= 18
-    if(t === undefined) isNight? activateDarkMode() : activateLightMode()
-    else if (t === 'light') activateLightMode()
-    else activateDarkMode() 
-  } else {
-    if ( t == 'dark' ) activateDarkMode()
-    else if ( t == 'light') activateLightMode()
-  }
-
-  function activateDarkMode(){
+  var activateDarkMode = function () {
    document.documentElement.setAttribute('data-theme', 'dark')
-    if (document.querySelector('meta[name="theme-color"]') !== null){
-      document.querySelector('meta[name="theme-color"]').setAttribute('content','#000')
+    if (document.querySelector('meta[name="theme-color"]') !== null) {
+      document.querySelector('meta[name="theme-color"]').setAttribute('content', '#000')
    }
  }
-  function activateLightMode(){
+  var activateLightMode = function () {
    document.documentElement.setAttribute('data-theme', 'light')
-    if (document.querySelector('meta[name="theme-color"]') !== null){
-    document.querySelector('meta[name="theme-color"]').setAttribute('content','#fff')
+    if (document.querySelector('meta[name="theme-color"]') !== null) {
+      document.querySelector('meta[name="theme-color"]').setAttribute('content', '#fff')
    }
  }

+  var getCookies = function (name) {
+    const value = `; ${document.cookie}`
+    const parts = value.split(`; ${name}=`)
+    if (parts.length === 2) return parts.pop().split(';').shift()
+  }
+
+  var autoChangeMode = '#{theme.darkmode.autoChangeMode}'
+  var t = getCookies('theme')
+  if (autoChangeMode === '1') {
+    var isDarkMode = window.matchMedia('(prefers-color-scheme: dark)').matches
+    var isLightMode = window.matchMedia('(prefers-color-scheme: light)').matches
+    var isNotSpecified = window.matchMedia('(prefers-color-scheme: no-preference)').matches
+    var hasNoSupport = !isDarkMode && !isLightMode && !isNotSpecified
+
+    if (t === undefined) {
+      if (isLightMode) activateLightMode()
+      else if (isDarkMode) activateDarkMode()
+      else if (isNotSpecified || hasNoSupport) {
+        console.log('You specified no preference for a color scheme or your browser does not support it. I Schedule dark mode during night time.')
+        var now = new Date()
+        var hour = now.getHours()
+        var isNight = hour <= 6 || hour >= 18
+        isNight ? activateDarkMode() : activateLightMode()
+      }
+      window.matchMedia('(prefers-color-scheme: dark)').addListener(function (e) {
+        if (Cookies.get('theme') === undefined) {
+          e.matches ? activateDarkMode() : activateLightMode()
+        }
+      })
+    } else if (t === 'light') activateLightMode()
+    else activateDarkMode()
+  } else if (autoChangeMode === '2') {
+    now = new Date()
+    hour = now.getHours()
+    isNight = hour <= 6 || hour >= 18
+    if (t === undefined) isNight ? activateDarkMode() : activateLightMode()
+    else if (t === 'light') activateLightMode()
+    else activateDarkMode()
+  } else {
+    if (t === 'dark') activateDarkMode()
+    else if (t === 'light') activateLightMode()
+  }
--- a/layout/includes/head/dns_prefetch.pug
+++ b/layout/includes/head/dns_prefetch.pug
@@ -1,16 +0,0 @@
-link(rel="preconnect" href="//cdn.jsdelivr.net")
-
-if theme.google_analytics
-  link(rel="preconnect" href="https://www.google-analytics.com" crossorigin)
-
-if theme.baidu_analytics
-  link(rel="preconnect" href="https://hm.baidu.com")
-
-if theme.tencent_analytics
-  link(rel="preconnect" href="http://ta.qq.com")
-
-if theme.blog_title_font.font_link
-  link(rel="preconnect" href="https://fonts.googleapis.com" crossorigin)
-
-if theme.busuanzi.site_uv || theme.busuanzi.site_pv || theme.busuanzi.page_pv
-  link(rel="preconnect" href="//busuanzi.ibruce.info")
--- a/layout/includes/head/noscript.pug
+++ b/layout/includes/head/noscript.pug
@@ -0,0 +1,9 @@
+noscript. 
+  <style>
+  #nav {
+    opacity: 1
+  }
+  .justified-gallery img{
+    opacity: 1
+  }
+  </style>
--- a/layout/includes/head/preconnect.pug
+++ b/layout/includes/head/preconnect.pug
@@ -0,0 +1,19 @@
+link(rel="preconnect" href="//cdn.jsdelivr.net")
+
+if theme.google_analytics
+  link(rel="preconnect" href="//www.google-analytics.com" crossorigin)
+
+if theme.baidu_analytics
+  link(rel="preconnect" href="//hm.baidu.com")
+
+if theme.tencent_analytics
+  link(rel="preconnect" href="//ta.qq.com")
+
+if theme.blog_title_font.font_link && theme.blog_title_font.font_link.indexOf('//fonts.googleapis.com') != -1
+  link(rel="preconnect" href="//fonts.googleapis.com" crossorigin)
+
+if theme.busuanzi.site_uv || theme.busuanzi.site_pv || theme.busuanzi.page_pv
+  link(rel="preconnect" href="//busuanzi.ibruce.info")
+
+if theme.baidu_push
+  link(rel="preconnect" href="//zz.bdstatic.com")
--- a/layout/includes/head/subtitle.pug
+++ b/layout/includes/head/subtitle.pug
@@ -0,0 +1,130 @@
+if theme.subtitle.enable
+  - var source = theme.subtitle.source
+  - var subtitleEffect = theme.subtitle.effect
+
+  if subtitleEffect
+    script(src=url_for(theme.CDN.typed))
+
+  if source == '1'
+    script.
+      var subtitleType = function () {
+        var subtitleEffect = !{ subtitleEffect }
+        fetch('https://api.btstu.cn/yan/api.php?charset=utf-8&encode=json',)
+          .then(function (res) {
+            return res.json()
+          })
+          .then(function (data) {
+            if (subtitleEffect) {
+              var sub = "!{theme.subtitle.sub}".length == 0 ? new Array() : "!{theme.subtitle.sub}".split(',')
+              var both = sub.unshift(data.text)
+              var typed = new Typed('#subtitle', {
+                strings: sub,
+                startDelay: 300,
+                typeSpeed: 150,
+                loop: !{theme.subtitle.loop},
+                backSpeed: 50,
+              })
+            } else {
+              document.getElementById('subtitle').innerHTML = data.text
+            }
+          })
+          .catch(function (err) {
+            console.error(err)
+          })
+      }
+      window.addEventListener('load', subtitleType)
+
+  else if source == '2'
+    script.
+      var subtitleType = function () {
+        var subtitleEffect = !{ subtitleEffect }
+        fetch('https://v1.hitokoto.cn')
+          .then(function (res) {
+            return res.json()
+          })
+          .then(function (data) {
+            if (subtitleEffect) {
+              var from = '出自 ' + data.from
+              var sub = "!{theme.subtitle.sub}".length == 0 ? new Array() : "!{theme.subtitle.sub}".split(',')
+              var both = sub.unshift(data.hitokoto, from)
+              var typed = new Typed('#subtitle', {
+                strings: sub,
+                startDelay: 300,
+                typeSpeed: 150,
+                loop: !{theme.subtitle.loop},
+                backSpeed: 50,
+              })
+            } else {
+              document.getElementById('subtitle').innerHTML = data.hitokoto
+            }
+          })
+          .catch(function (err) {
+            console.error(err)
+          })
+      }
+      window.addEventListener('load', subtitleType)
+
+  else if source == '3'
+    script.
+      var subtitleType = function () {
+        loadScript('http://yijuzhan.com/api/word.php?m=js', function () {
+          var subtitleEffect = !{ subtitleEffect }
+          var con = str[0]
+          if (subtitleEffect) {
+            var from = '出自 ' + str[1]
+            var sub = "!{theme.subtitle.sub}".length == 0 ? new Array() : "!{theme.subtitle.sub}".split(',')
+            var both = sub.unshift(con, from)
+            var typed = new Typed('#subtitle', {
+              strings: sub,
+              startDelay: 300,
+              typeSpeed: 150,
+              loop: !{theme.subtitle.loop},
+              backSpeed: 50,
+            })
+          } else {
+            document.getElementById('subtitle').innerHTML = con
+          }
+        })
+      }
+      window.addEventListener('load', subtitleType)
+
+  else if source == '4'
+    script.
+      var subtitleType = function () {
+        loadScript('https://sdk.jinrishici.com/v2/browser/jinrishici.js',function () {
+            var subtitleEffect = !{ subtitleEffect }
+            jinrishici.load(function (result) {
+              if (subtitleEffect) {
+                var sub = "!{theme.subtitle.sub}".length == 0 ? new Array() : "!{theme.subtitle.sub}".split(',')
+                var content = result.data.content
+                var both = sub.unshift(content)
+                var typed = new Typed('#subtitle', {
+                  strings: sub,
+                  startDelay: 300,
+                  typeSpeed: 150,
+                  loop: !{theme.subtitle.loop},
+                  backSpeed: 50,
+                })
+              } else {
+                document.getElementById('subtitle').innerHTML = result.data.content
+              }
+            })
+          }
+        )
+      }
+      window.addEventListener('load', subtitleType)
+
+  else
+    script.
+      var subtitleEffect = !{subtitleEffect}
+      if (subtitleEffect) { 
+        var typed = new Typed("#subtitle", {
+          strings: "!{theme.subtitle.sub}".split(","),
+          startDelay: 300,
+          typeSpeed: 150,
+          loop: !{theme.subtitle.loop},
+          backSpeed: 50
+        })
+      } else {
+        document.getElementById("subtitle").innerHTML = '!{theme.subtitle.sub[0]}'
+      }
--- a/layout/includes/header.pug
+++ b/layout/includes/header.pug
@@ -1,16 +0,0 @@
-header  
-  #page-header
-    span#blog_name.pull_left
-      a#site-name.blog_title(href=url_for('/')) #[=config.title]
-    span.toggle-menu.pull_right.close
-      a.site-page
-        i.fa.fa-bars.fa-fw(aria-hidden="true")
-    span.pull_right.menus
-      .menus_items
-        include menu_item.pug
-
-    if (theme.algolia_search.enable || theme.local_search && theme.local_search.enable)
-      span#search_button.pull_right
-        a.site-page.social-icon.search
-          i.fa.fa-search.fa-fw
-          span=' '+_p('search')
--- a/layout/includes/header/index.pug
+++ b/layout/includes/header/index.pug
@@ -0,0 +1,43 @@
+if is_home()
+  - var top_img = theme.index_img || theme.default_top_img
+else if is_post()
+  - var top_img = page.top_img || page.cover || page.randomcover || theme.default_top_img
+else if is_archive()
+  - var top_img = theme.archive_img || theme.default_top_img
+else if is_tag()
+  - var top_img = theme.tag_img || theme.default_top_img
+else if is_category()
+  - var top_img = theme.category_img || theme.default_top_img
+else
+  - var top_img = page.top_img || theme.default_top_img
+
+if theme.douban
+  if is_current('/movies/', [strict])
+    - var top_img = theme.douban.movies_img || theme.default_top_img
+  else if is_current('/books/', [strict])
+    - var top_img = theme.douban.books_img || theme.default_top_img
+  else if is_current('/games/', [strict])
+    - var top_img = theme.douban.games_img || theme.default_top_img
+
+- var bg_img = top_img && top_img !== true ? `background-image: url(${url_for(top_img)})` : ''
+- var site_title = is_archive() ? _p('page.archives') : page.title || page.tag || page.category || config.title
+- var isHomeClass = is_home() ? 'full_page' : 'not-index-bg'
+- is_post() ? isHomeClass = 'post-bg' : isHomeClass
+
+header#page-header(class=isHomeClass style=bg_img)
+  !=partial('includes/header/nav', {}, {cache:theme.fragment_cache})
+  if is_home()
+    #site-info
+      h1#site_title=site_title
+      #site_subtitle
+        span#subtitle
+      if(theme.social)
+        #site_social_icons
+          !=fragment_cache('social', function(){return partial('includes/header/social')})
+    #scroll_down
+      i.fas.fa-angle-down.scroll-down-effects
+  else if is_post()
+    include ./post-info.pug 
+  else
+    #page_site-info
+      h1#site_title=site_title
--- a/layout/includes/header/menu_item.pug
+++ b/layout/includes/header/menu_item.pug
@@ -0,0 +1,22 @@
+.menus_items
+  each value, label in theme.menu
+    if !Array.isArray(value)
+      .menus_item
+        a.site-page(href=url_for(trim(value.split('||')[0])))
+          if value.split('||')[1]
+            i.fa-fw(class=trim(value.split('||')[1]))
+          span=' '+label
+    else
+      .menus_item
+        a.site-page
+          if label.split('||')[1]
+            i.fa-fw(class=trim(label.split('||')[1])  )
+          span=' '+ trim(label.split('||')[0])
+          i.fas.fa-chevron-down.menus-expand
+        ul.menus_item_child
+          each i in value
+            li
+              a.site-page(href=url_for(trim(i.split('||')[1])))
+                if i.split('||')[2]
+                  i.fa-fw(class=trim(i.split('||')[2]))
+                span=' '+trim(i.split('||')[0])
--- a/layout/includes/header/nav.pug
+++ b/layout/includes/header/nav.pug
@@ -0,0 +1,17 @@
+nav#nav
+  span#blog_name.pull-left
+    a#site-name.blog_title(href=url_for('/')) #[=config.title]
+    
+  span.pull-right.menus
+    if (theme.algolia_search.enable || theme.local_search && theme.local_search.enable)
+      #search_button
+        a.site-page.social-icon.search
+          i.fas.fa-search.fa-fw
+          span=' '+_p('search')
+    !=fragment_cache('menus', function(){return partial('includes/header/menu_item')})
+
+    span.toggle-menu.close
+      a.site-page
+        i.fas.fa-bars.fa-fw
+
+
--- a/layout/includes/header/post-info.pug
+++ b/layout/includes/header/post-info.pug
@@ -0,0 +1,88 @@
+#post-info
+  #post-title
+    .posttitle= page.title || _p('no_title')
+    
+  #post-meta
+    .meta-firstline
+      if (theme.post_meta.post.date_type)
+        if (theme.post_meta.post.date_type === 'both')
+          time.post-meta__date
+            span.post-meta__date-created(title= _p('post.created')+' '+full_date(page.date))
+              i.far.fa-calendar-alt.fa-fw
+              =' '+_p('post.created')+' '+date(page.date, config.date_format)
+            span.post-meta__separator |
+            span.post-meta__date-updated(title= _p('post.updated')+' '+full_date(page.updated))
+              i.fas.fa-history.fa-fw
+              =' '+_p('post.updated')+' '+date(page.updated, config.date_format)
+        else
+          - var data_type_update = theme.post_meta.post.date_type === 'updated'
+          - var date_type = data_type_update ? 'updated' : 'date'
+          - var date_icon = data_type_update ? 'fas fa-history' :'far fa-calendar-alt'
+          - var data_info = data_type_update ? _p('post.updated') : _p('post.created')
+          time.post-meta__date(title=data_info + ' ' + full_date(page[date_type]))
+            i.fa-fw(class=date_icon)
+            =' ' + data_info + ' ' + date(page[date_type], config.date_format)
+                
+      if (theme.post_meta.post.categories && page.categories.data.length > 0)
+        span.post-meta__categories
+          if (theme.post_meta.post.date_type)
+            span.post-meta__separator |
+
+          each item, index in page.categories.data
+            i.fas.fa-inbox.fa-fw.post-meta__icon
+            a(href=url_for(item.path)).post-meta__categories #[=item.name]
+            if (index < page.categories.data.length - 1)
+              i.fas.fa-angle-right.post-meta__separator
+
+    .meta-secondline  
+      - let postWordcount = theme.wordcount.enable && (theme.wordcount.post_wordcount || theme.wordcount.min2read)
+      if (postWordcount)
+        span.post-meta-wordcount
+          if theme.wordcount.post_wordcount
+            i.far.fa-file-word.fa-fw.post-meta__icon
+            span= _p('post.wordcount') + ':'
+            span.word-count= wordcount(page.content)
+            if theme.wordcount.min2read
+              span.post-meta__separator |
+          if theme.wordcount.min2read
+            i.far.fa-clock.fa-fw.post-meta__icon
+            span= _p('post.min2read', min2read(page.content, {cn: 350, en: 160}))
+    
+    .meta-thirdline
+      span.post-meta-pv-cv
+        if (postWordcount && theme.busuanzi.page_pv)
+          span.post-meta__separator |
+        if theme.busuanzi.page_pv
+          i.far.fa-eye.fa-fw.post-meta__icon
+          span=_p('post.page_pv') + ':'
+          span#busuanzi_value_page_pv
+
+      span.post-meta-commentcount
+        if ((theme.disqus && theme.disqus.enable && theme.disqus.count && page.comments !== false) || (theme.disqusjs && theme.disqusjs.enable && theme.disqusjs.count && page.comments !== false))
+          if (postWordcount || theme.busuanzi.page_pv)
+            span.post-meta__separator |
+          i.far.fa-comments.fa-fw.post-meta__icon
+          span= _p('post.comments') + ':'
+          span.disqus-comment-count.comment-count
+            a(href=full_url_for(page.path) + '#disqus_thread')
+        else if (theme.valine && theme.valine.enable && theme.valine.count && page.comments !== false)
+          if (postWordcount || theme.busuanzi.page_pv)
+            span.post-meta__separator |
+          i.far.fa-comments.fa-fw.post-meta__icon
+          span= _p('post.comments') + ':'
+          a(href=url_for(page.path) + '#post-comment' itemprop="discussionUrl")
+            span.valine-comment-count.comment-count(data-xid=url_for(page.path) itemprop="commentCount")
+        else if (theme.gitalk && theme.gitalk.enable && theme.gitalk.count && page.comments !== false)
+          if (postWordcount || theme.busuanzi.page_pv)
+            span.post-meta__separator |
+          i.far.fa-comments.fa-fw.post-meta__icon
+          span= _p('post.comments') + ':'
+          a(href=url_for(page.path) + '#post-comment')
+            span.gitalk-comment-count.comment-count
+        else if theme.facebook_comments.enable && theme.facebook_comments.count && page.comments !== false
+          if (postWordcount || theme.busuanzi.page_pv)
+            span.post-meta__separator |
+          i.far.fa-comments.fa-fw.post-meta__icon
+          span= _p('post.comments') + ':'
+          a.comment-count(href=url_for(page.path) + '#post-comment')
+            span.fb-comments-count(data-href=urlNoIndex())
--- a/layout/includes/header/social.pug
+++ b/layout/includes/header/social.pug
@@ -0,0 +1,4 @@
+each url, icon in theme.social
+  a.social-icon(href=url_for(trim(url.split('||')[0])) target="_blank" 
+  title=url.split('||')[1] === undefined ? '' : trim(url.split('||')[1]))
+    i(class=icon)
--- a/layout/includes/index-js.pug
+++ b/layout/includes/index-js.pug
@@ -1,90 +0,0 @@
-if theme.subtitle.enable
-  script(src=url_for(theme.CDN.typed))
-  - var source = theme.subtitle.source
-
-  if source == '1' || source == '2'
-    script(src="https://cdn.jsdelivr.net/npm/bluebird@3/js/browser/bluebird.min.js")
-    script(src="https://cdn.jsdelivr.net/npm/whatwg-fetch@2.0.3/fetch.min.js")
-
-  if source == '1'
-    script.
-      fetch('https://api.ooopn.com/ciba/api.php',)
-      .then(function (res){
-        return res.json();
-      })
-      .then(function (data) {
-        var sub = '!{theme.subtitle.sub}'.length == 0  ? new Array() : '!{theme.subtitle.sub}'.split(",");
-        var both = sub.unshift(data['ciba-en'],data.ciba)
-        var typed = new Typed(".subtitle", {
-        strings: sub,
-        startDelay: 300,
-        typeSpeed: 100,
-        loop: true,
-        backSpeed: 50
-        });
-      })
-      .catch(function (err) {
-        console.error(err);
-      })
-  else if source == '2'
-    script.
-      fetch('https://v1.hitokoto.cn')
-      .then(function (res){
-        return res.json();
-      })
-      .then(function (data) {
-        var sub = '!{theme.subtitle.sub}'.length == 0  ? new Array() : '!{theme.subtitle.sub}'.split(",");
-        var both = sub.unshift(data.hitokoto)  
-        var typed = new Typed(".subtitle", {
-        strings: sub,
-        startDelay: 300,
-        typeSpeed: 100,
-        loop: true,
-        backSpeed: 50
-        });
-      })
-      .catch(function (err) {
-        console.error(err);
-      })
-  else if source == "3"
-    script(type="text/javascript" src="http://yijuzhan.com/api/word.php?m=js")
-    script.
-      var con = str[0];
-      var author = "出自 " + str[1];
-      var sub = '!{theme.subtitle.sub}'.length == 0  ? new Array() : '!{theme.subtitle.sub}'.split(",");
-      var both = sub.unshift(con,author)
-      var typed = new Typed(".subtitle", {
-      strings: sub,
-      startDelay: 300,
-      typeSpeed: 100,
-      loop: true,
-      backSpeed: 50
-      });
-  else if source == '4'
-    script(type="text/javascript" src="https://sdk.jinrishici.com/v2/browser/jinrishici.js" charset="utf-8")
-    script.
-      jinrishici.load(function(result) {
-        var sub = '!{theme.subtitle.sub}'.length == 0  ? new Array() : '!{theme.subtitle.sub}'.split(",");
-        var content = result.data.content;
-        var both = sub.unshift(content)
-        var typed = new Typed(".subtitle", {
-        strings: sub,
-        startDelay: 300,
-        typeSpeed: 100,
-        loop: true,
-        backSpeed: 50
-      });
-      })
-     
-  else
-    script.
-      var typed = new Typed(".subtitle", {
-      strings: '!{theme.subtitle.sub}'.split(","),
-      startDelay: 300,
-      typeSpeed: 100,
-      loop: true,
-      backSpeed: 50
-      });
-
-
-
--- a/layout/includes/layout.pug
+++ b/layout/includes/layout.pug
@@ -1,85 +1,48 @@
-
- var pageTitle = page.title || config.subtitle || ''
- if (is_archive()) pageTitle = _p('page.archives')
- if (is_tag()) pageTitle = _p('page.tag') + ': ' + page.tag
- if (is_category()) pageTitle = _p('page.category') + ': ' + page.category
- if (is_month()) pageTitle += ': ' + page.month + '/' + page.year
- if (is_year()) pageTitle += ': ' + page.year
- var pageTitle_saved  //- 暫時存儲pageTitle
- var pageTitle_no_include_blog_name //- 存儲pageTitle， 不帶 " | "，meta用
- var home_subtitle_true //有subtitle
-//- home時顯示config.title (JerryC)，其他顯示 pageTitle。meta用
- is_home() ? pageTitle_no_include_blog_name = config.title : pageTitle_no_include_blog_name = pageTitle
-//- 暫時存儲pageTitle
- pageTitle ? pageTitle_saved = pageTitle + ' | ' + config.title : pageTitle_saved = config.title
-//- 是否有 config.subtitle 是各自显示
- config.subtitle ? home_subtitle_true = ' - ' + config.subtitle : home_subtitle_true = ''
-//- home時pageTitle顯示 JerryC - subtitle，其他顯示 pageTitle | JerryC
- is_home() ? pageTitle = config.title + home_subtitle_true : pageTitle = pageTitle_saved
-//- 判断keywords
-
- var pageDescription = page.description || page.title || config.description
- var pageKeywords = Array.isArray(config.keywords) ? (config.keywords).join(','):  ([]).join(',') || config.keywords
- if (page.tags && page.tags.data) pageKeywords = page.tags.data.map(function(tag) {return tag.name;}).join(',')
- var pageAuthor = config.email ? config.author + ',' + config.email : config.author
- var pageCopyright = config.copyright || config.author
+- var hideAside = !theme.aside.enable || page.aside === false ? 'hide-aside' : ''
+- var pageHighlightShrinkSet = page.highlight_shrink !== undefined ? page.highlight_shrink : theme.highlight_shrink
+- var pageHighlightShrink = theme.highlight_shrink !== 'none' && pageHighlightShrinkSet ? 'code-close' : ''

 doctype html
 html(lang=config.language data-theme=theme.display_mode)
  head
-    meta(charset='UTF-8')
-    meta(http-equiv="X-UA-Compatible" content="IE=edge")
-    meta(name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5")
-    title= pageTitle
-    meta(name="description" content=pageDescription)
-    if pageKeywords
-      meta(name="keywords" content=pageKeywords)
-    meta(name="author" content=pageAuthor)
-    meta(name="copyright" content=pageCopyright)
-    meta(name ="format-detection" content="telephone=no")
-    !=favicon_tag(config.favicon || theme.favicon || '/favicon.ico')
    include ./head.pug
-    include ./config.pug
  body
+    if theme.preloader
+      !=partial('includes/loading/loading', {}, {cache:theme.fragment_cache})
+
    if theme.fireworks && theme.fireworks.enable
      canvas.fireworks
-    //- !=partial('includes/header.pug', {}, {cache: true})
-    include ./header.pug
-    include ./mobile-sidebar.pug
-    #body-wrap
+
+    !=partial('includes/mobile-sidebar/index', {}, {cache:theme.fragment_cache})
+
+    include ./sidebar.pug
+
+    #body-wrap(class=pageHighlightShrink)
      if theme.background
-        - var source = theme.background
-        - var is_photo = source.substring(3,0) === 'url' ? 'photo':'color'
+        - var is_photo = theme.background.startsWith('url') ? 'photo':'color'
        #web_bg(data-type=is_photo)
-      if (is_post() && page.toc != false && theme.toc.enable)      
-        i.fa.fa-arrow-right#toggle-sidebar(aria-hidden="true")      
-        include ./sidebar.pug
+
+      include ./header/index.pug
+
      if (!is_post())
-        include ./nav.pug
-      main#content-outer
-        block top_img
-        if (!is_post())
-          #content-inner.layout_page
-            if body
-              div!= body
-            else
-              block content
-        else
-          #content-inner.layout.layout_post    
-            if body
-              div!= body
-            else
-              block content
+        main#content-inner.layout_page(class=hideAside)
+          if body
+            div!= body
+          else
+            block content
+            include widget/index.pug
+      else
+        main#content-inner.layout_post
+          if body
+            div!= body
+          else
+            block content
      
      - var footer_bg = theme.footer_bg == false ? '' : bg_img
      - var is_bg = theme.footer_bg == false ? 'color' : 'photo'
      footer#footer(style=footer_bg data-type=is_bg)
-        include ./footer.pug    
-    include ./rightside.pug
-    each item in theme.CDN_USE.js
-      script(src=url_for(item))
-    include ./additional-js.pug
-    include ./search/index.pug
-    
+        !=partial('includes/footer', {}, {cache:theme.fragment_cache})

-    
+    include ./rightside.pug
+    !=partial('includes/search/index', {}, {cache:theme.fragment_cache})
+    include ./additional-js.pug
--- a/layout/includes/loading/loading-js.pug
+++ b/layout/includes/loading/loading-js.pug
@@ -0,0 +1,6 @@
+script.
+  var endLoading = function () {
+    document.body.style.overflow = 'auto';
+    document.getElementById('loading-box').classList.add("loaded")
+  }
+  window.addEventListener('load',endLoading)
--- a/layout/includes/loading/loading.pug
+++ b/layout/includes/loading/loading.pug
@@ -0,0 +1,9 @@
+#loading-box
+  .loading-left-bg
+  .loading-right-bg
+  .spinner-box
+    .configure-border-1
+      .configure-core
+    .configure-border-2
+      .configure-core
+    .loading-word= _p('loading')
--- a/layout/includes/math/mermaid.pug
+++ b/layout/includes/math/mermaid.pug
@@ -0,0 +1,8 @@
+script.
+  if (document.getElementsByClassName('mermaid').length) {
+    loadScript('!{theme.CDN.mermaid}',function () {
+      mermaid.initialize({
+        theme: '!{theme.mermaid.theme}',
+    })
+  })
+  }
--- a/layout/includes/menu_item.pug
+++ b/layout/includes/menu_item.pug
@@ -1,18 +0,0 @@
-each value, label in theme.menu
-  if !Array.isArray(value)
-    .menus_item
-      a.site-page(href=url_for(trim(value.split('||')[0])))
-        i.fa-fw(class=trim(value.split('||')[1]))
-        span=' '+label
-  else
-    .menus_item
-      a.site-page
-        i.fa-fw(class=trim(label.split('||')[1]) aria-hidden="true")
-        span=' '+ trim(label.split('||')[0])
-        i.fa.fa-chevron-down.menus-expand(aria-hidden="true")
-      ul.menus_item_child
-        each i in value
-          li
-            a.site-page(href=url_for(trim(i.split('||')[1])))
-              i.fa-fw(class=trim(i.split('||')[2]))
-              span=' '+trim(i.split('||')[0])
--- a/layout/includes/mixins/UI.pug
+++ b/layout/includes/mixins/UI.pug
@@ -1,41 +0,0 @@
-mixin UI_NEW(posts)
-  - posts.each(function(article,index){
-    .recent-post-item.article-container
-      - var link = article.link || article.path
-        if index%2 == 0
-          .post_cover.left_radius
-            a(href=url_for(link) title=article.title || _p('no_title'))
-              - var post_cover = article.cover
-              if theme.lazyload.enable
-                img.post_bg.lazyload(data-src=`${post_cover}` onerror=`onerror=null;src='${theme.lodding_bg.post_page}'`)
-              else
-                img.post_bg(src=`${post_cover}` onerror=`onerror=null;src='${theme.lodding_bg.post_page}'`)
-        else
-          .post_cover.right_radius
-            a(href=url_for(link) title=article.title || _p('no_title'))
-              - var post_cover = article.cover
-              if theme.lazyload.enable
-                img.post_bg.lazyload(data-src=`${post_cover}` onerror=`onerror=null;src='${theme.lodding_bg.post_page}'`)
-              else
-                img.post_bg(src=`${post_cover}` onerror=`onerror=null;src='${theme.lodding_bg.post_page}'`)            
-      .recent-post-info   
-        a.article-title(href=url_for(link) title= article.title || _p('no_title'))= article.title || _p('no_title')
-        if (theme.post_meta.date_type)
-          - var date_type = theme.post_meta.date_type == 'updated' ? 'updated' : 'date'
-          time.post-meta__date #[i.fa.fa-calendar(aria-hidden="true")] #[=date(article[date_type], config.date_format)]
-        if (theme.post_meta.categories && article.categories.data.length > 0)
-          span.article-meta
-            span.article-meta__separator |
-            each item, index in article.categories.data
-              i.fa.fa-inbox.article-meta__icon(aria-hidden="true")
-              a(href=url_for(item.path)).article-meta__categories #[=item.name]
-              if (index < article.categories.data.length - 1)
-                  i.fa.fa-angle-right(aria-hidden="true")
-        if theme.auto_excerpt && theme.auto_excerpt.enable
-          - const content = strip_html(article.content)
-          - let expert = content.substring(0, theme.auto_excerpt.length) 
-          - content.length > theme.auto_excerpt.length ? expert += ' ...' : ''
-          .content!= expert
-        else
-          .content!= article.description
-  - })
--- a/layout/includes/mixins/article-sort.pug
+++ b/layout/includes/mixins/article-sort.pug
@@ -3,16 +3,18 @@ mixin articleSort(posts)
    - var year
    - posts.each(function (article) {
      - var tempYear = date(article.date, 'YYYY')
+      - var no_cover = article.cover === false || !theme.cover.archives_enable ? 'no-article-cover' : ''
      if tempYear !== year
        - year = tempYear
        .article-sort-item.year= year
-      .article-sort-item
-        .article-sort-img
-          a.article-sort-item__img(href=url_for(article.path))
-            img(src=article.cover alt=article.title || 'No Title')
+      .article-sort-item(class=no_cover)
+        if article.cover && theme.cover.archives_enable
+          .article-sort-img
+            a.article-sort-item__img(href=url_for(article.path))
+              img(src=url_for(article.cover) alt=article.title || 'No Title' onerror=`this.onerror=null;this.src='`+ url_for(theme.error_img.post_page) + `'`)
        .article-sort-post
          a.article-sort-item__post(href=url_for(article.path))
-            i.fa.fa-clock-o(aria-hidden="true")
-            time.article-sort-item__time= date(article.date)
+            i.far.fa-calendar-alt
+            time.article-sort-item__time(title=_p('post.created') + ' ' + full_date(article.date))= date(article.date, config.date_format)
            .article-sort-item__title= article.title || 'No Title'
    - })
--- a/layout/includes/mixins/post-ui.pug
+++ b/layout/includes/mixins/post-ui.pug
@@ -0,0 +1,78 @@
+mixin postUI(posts)
+  each article , index in page.posts.data
+    .recent-post-item
+      - var link = article.link || article.path
+      - var title = article.title || _p('no_title')
+      - var leftOrRight = index%2 == 0 ? 'left_radius' : 'right_radius'
+      - var post_cover = article.cover
+      - var no_cover = article.cover === false || !theme.cover.index_enable ? 'no-cover' : ''
+      if post_cover && theme.cover.index_enable
+        .post_cover(class=leftOrRight)
+          a(href=url_for(link) title=title)      
+            if theme.lazyload.enable
+              img.post_bg(data-src=url_for(post_cover) onerror=`this.onerror=null;this.src='`+ url_for(theme.error_img.post_page) + `'` alt=title)
+            else
+              img.post_bg(src=url_for(post_cover) onerror=`this.onerror=null;this.src='`+ url_for(theme.error_img.post_page) + `'` alt=title)
+      .recent-post-info(class=no_cover)
+        a.article-title(href=url_for(link) title=title)= title
+        .article-meta-wrap
+          if (is_home() && (article.top || article.sticky > 0))
+            span.article-meta
+              i.fas.fa-thumbtack.article-meta__icon.sticky
+              span.sticky= _p('sticky')
+              span.article-meta__separator |
+          if (theme.post_meta.page.date_type)
+            if (theme.post_meta.page.date_type === 'both')
+              time.post-meta__date
+                span.post-meta__date-created(title=_p('post.created') + ' ' + full_date(article.date))
+                  i.far.fa-calendar-alt
+                  =date(article.date, config.date_format)
+                span.article-meta__separator |
+                span.post-meta__date-updated(title=_p('post.updated') + ' ' + full_date(article.updated))
+                  i.fas.fa-history
+                  =date(article.updated, config.date_format)
+            else
+              - var data_type_updated = theme.post_meta.page.date_type === 'updated'
+              - var date_type = data_type_updated ? 'updated' : 'date'
+              - var date_icon = data_type_updated ? 'fas fa-history' :'far fa-calendar-alt'
+              - var date_title = data_type_updated ? _p('post.updated') : _p('post.created')
+              time.post-meta__date(title=date_title + ' ' + full_date(article[date_type]))
+                i(class=date_icon)
+                =date(article[date_type], config.date_format)
+          if (theme.post_meta.page.categories && article.categories.data.length > 0)
+            span.article-meta
+              span.article-meta__separator |
+              i.fas.fa-inbox.article-meta__icon
+              each item, index in article.categories.data
+                a(href=url_for(item.path)).article-meta__categories #[=item.name]
+                if (index < article.categories.data.length - 1)
+                  i.fas.fa-angle-right
+          if (theme.post_meta.page.tags && article.tags.data.length > 0)
+            span.article-meta.tags
+              span.article-meta__separator |
+              i.fas.fa-tag.article-meta__icon
+              each item, index in article.tags.data
+                a(href=url_for(item.path)).article-meta__tags #[=item.name]
+                if (index < article.tags.data.length - 1)
+                  span.article-meta__link #[='•']
+
+        //- Display the article introduction on homepage
+        if theme.index_post_content.method == 1
+          .content!= article.description
+        else if theme.index_post_content.method == 2
+          if article.description
+            .content!= article.description
+          else
+            - const content = strip_html(article.content)
+            - let expert = content.substring(0, theme.index_post_content.length) 
+            - content.length > theme.index_post_content.length ? expert += ' ...' : ''
+            .content!= expert
+        else
+          - const content = strip_html(article.content)
+          - let expert = content.substring(0, theme.index_post_content.length) 
+          - content.length > theme.index_post_content.length ? expert += ' ...' : ''
+          .content!= expert
+
+    if theme.ad && theme.ad.index
+      if (index + 1) % 3 == 0
+        .recent-post-item.ad_height!=theme.ad.index
--- a/layout/includes/mobile-sidebar.pug
+++ b/layout/includes/mobile-sidebar.pug
@@ -1,46 +0,0 @@
-#mobile-sidebar
-  #menu_mask
-  #mobile-sidebar-menus
-    .mobile_author_icon
-      img.avatar-img(src=url_for(theme.avatar) onerror=`onerror=null;src='${theme.lodding_bg.flink}'` alt="avatar")
-    .mobile_post_data
-      if site.posts.length
-        .mobile_data_item.is-center
-          .mobile_data_link
-            a(href=url_for(config.archive_dir) + '/')
-              .headline= _p('aside.articles') 
-              .length_num= site.posts.length
-
-      if site.tags.length
-        .mobile_data_item.is-center       
-          .mobile_data_link
-            a(href=url_for(config.tag_dir) + '/' )
-              .headline= _p('aside.tags')
-              .length_num= site.tags.length
-
-      if site.categories.length
-        .mobile_data_item.is-center      
-          .mobile_data_link
-            a(href=url_for(config.category_dir) + '/')
-              .headline= _p('aside.categories') 
-              .length_num= site.categories.length
-    hr
-    .menus_items
-      include menu_item.pug
-
-
-  
-  - const showToc = is_post() && page.toc != false && theme.toc.enable
-  -
-    let tocNumber
-    if (page.toc_number !== undefined) tocNumber = page.toc_number
-    else if (theme.toc.number !== undefined) tocNumber = theme.toc.number
-    else tocNumber = true
-  -
-  if (showToc)
-    #mobile-sidebar-toc
-      .toc_mobile_headline= _p('sidebar.catalog')
-      if (page.encrypt == true)
-        .sidebar-toc__content.toc-div-class(style="display:none")!=toc(page.origin,{"class":"toc_mobile_items",list_number:tocNumber})
-      else 
-        .sidebar-toc__content!=toc(page.content,{"class":"toc_mobile_items",list_number:tocNumber})
--- a/layout/includes/mobile-sidebar/index.pug
+++ b/layout/includes/mobile-sidebar/index.pug
@@ -0,0 +1,3 @@
+#mobile-sidebar
+  #menu_mask
+  include ../mobile-sidebar/mobile-menus.pug
--- a/layout/includes/mobile-sidebar/mobile-menus.pug
+++ b/layout/includes/mobile-sidebar/mobile-menus.pug
@@ -0,0 +1,26 @@
+#mobile-sidebar-menus
+  .mobile_author_icon
+    img.avatar-img(src=url_for(theme.avatar.img) onerror=`onerror=null;src='${theme.error_img.flink}'` alt="avatar")
+  .mobile_post_data
+    if site.posts.length
+      .mobile_data_item.is-center
+        .mobile_data_link
+          a(href=url_for(config.archive_dir) + '/')
+            .headline= _p('aside.articles') 
+            .length_num= site.posts.length
+
+    if site.tags.length
+      .mobile_data_item.is-center       
+        .mobile_data_link
+          a(href=url_for(config.tag_dir) + '/' )
+            .headline= _p('aside.tags')
+            .length_num= site.tags.length
+
+    if site.categories.length
+      .mobile_data_item.is-center      
+        .mobile_data_link
+          a(href=url_for(config.category_dir) + '/')
+            .headline= _p('aside.categories') 
+            .length_num= site.categories.length
+  hr
+  !=fragment_cache('menus', function(){return partial('includes/header/menu_item')})
--- a/layout/includes/nav.pug
+++ b/layout/includes/nav.pug
@@ -1,29 +0,0 @@
-
- var bg_img = top_img && top_img !== true ? `background-image: url(${top_img})` : ''
-
-
-if is_home()
-  nav#nav.full_page(style=bg_img)
-    #site-info
-      #site-title
-        span.blogtitle= page.title || page.tag || page.category || config.title
-      #site-sub-title
-        span.subtitle
-        
-      if(theme.social)
-        #site-social-icons
-          each url, icon in theme.social
-            a.social-icon(href=url target="_blank")
-              i(class=icon aria-hidden="true")
-      
-    .scroll-down
-      i.fa.fa-angle-down.scroll-down-effects
-
-else
-  nav#nav.not_index_bg(style=bg_img)
-    #page_site-info
-      #site-title
-          if (is_archive()) 
-            span.blogtitle= _p('archives')
-          else
-            span.blogtitle= page.title || page.tag || page.category || config.title
--- a/layout/includes/page_tag.pug
+++ b/layout/includes/page_tag.pug
@@ -1,6 +0,0 @@
- site.tags.sort('path').each(function (tags){
-  - var fontSize = Math.floor(Math.random() * 15 + 15) + "px"; //15 ~ 30
-  - var color = "rgb(" + Math.floor(Math.random() * 201) + ", " + Math.floor(Math.random() * 201) +", " + Math.floor(Math.random() * 201) +")"; // 0,0,0 -> 200,200,200
-
-  a(href=url_for(tags.path) style='font-size:' + fontSize + ';color:' + color)=tags.name
-})
--- a/layout/includes/pagination.pug
+++ b/layout/includes/pagination.pug
@@ -1,7 +1,7 @@
 -
  var options = {
-    prev_text: '<i class="fa fa-fw fa-chevron-left" aria-hidden="true"></i>',
-    next_text: '<i class="fa fa-fw fa-chevron-right" aria-hidden="true"></i>',
+    prev_text: '<i class="fas fa-chevron-left fa-fw"></i>',
+    next_text: '<i class="fas fa-chevron-right fa-fw"></i>',
    mid_size: 1,
    escape: false
  }
@@ -11,53 +11,29 @@ if(!is_post())
    div.pagination
      !=paginator(options)
 else
-  nav#pagination.pagination_post
+  nav#pagination.pagination-post
    if(page.prev)
-      if(page.next)
-        .prev-post.pull_left
-          - var pagination_cover = page.prev.cover
-          a(href=url_for(page.prev.path))
-            if theme.lazyload.enable
-              img.prev_cover.lazyload(data-src=`${pagination_cover}` onerror=`onerror=null;src='${theme.lodding_bg.post_page}'` )
-            else
-              img.prev_cover(src=`${pagination_cover}` onerror=`onerror=null;src='${theme.lodding_bg.post_page}'` )
-
+      - var hasPageNext = page.next ? 'pull-left' : 'pull-full'
+      .prev-post(class=hasPageNext)
+        - var pagination_cover = page.prev.cover === false ? page.prev.randomcover : page.prev.cover
+        a(href=url_for(page.prev.path))
+          if theme.lazyload.enable
+            img.prev-cover(data-src=url_for(pagination_cover) onerror=`onerror=null;src='${url_for(theme.error_img.post_page)}'` )
+          else
+            img.prev-cover(src=url_for(pagination_cover) onerror=`onerror=null;src='${url_for(theme.error_img.post_page)}'` )
+          .pagination-info
            .label=_p('pagination.prev')
-            .prev_info
-              span=page.prev.title
-      else
-        .prev-post.pull-full
-          - var pagination_cover = page.prev.cover
-          a(href=url_for(page.prev.path))
-            if theme.lazyload.enable
-              img.prev_cover.lazyload(data-src=`${pagination_cover}` onerror=`onerror=null;src='${theme.lodding_bg.post_page}'`)
-            else
-              img.prev_cover(src=`${pagination_cover}` onerror=`onerror=null;src='${theme.lodding_bg.post_page}'`)
-            .label=_p('pagination.prev')
-            .prev_info
-              span=page.prev.title
+            .prev_info=page.prev.title
          
    if(page.next)
-      if(page.prev)
-        .next-post.pull_right
-          - var pagination_cover = page.next.cover
-          a(href=url_for(page.next.path))
-            if theme.lazyload.enable
-              img.next_cover.lazyload(data-src=`${pagination_cover}` onerror=`onerror=null;src='${theme.lodding_bg.post_page}'`)
-            else
-              img.next_cover(src=`${pagination_cover}` onerror=`onerror=null;src='${theme.lodding_bg.post_page}'`)            
+      - var hasPagePrev = page.prev ? 'pull-right' : 'pull-full'
+      - var pagination_cover = page.next.cover == false ? page.next.randomcover : page.next.cover
+      .next-post(class=hasPagePrev)
+        a(href=url_for(page.next.path))
+          if theme.lazyload.enable
+            img.next-cover(data-src=url_for(pagination_cover) onerror=`onerror=null;src='${url_for(theme.error_img.post_page)}'`)
+          else
+            img.next-cover(src=url_for(pagination_cover) onerror=`onerror=null;src='${url_for(theme.error_img.post_page)}'`)
+          .pagination-info
            .label=_p('pagination.next')
-            .next_info
-              span=page.next.title 
-      else
-        .next-post.pull-full
-          - var pagination_cover = page.next.cover
-          a(href=url_for(page.next.path))
-            if theme.lazyload.enable
-              img.next_cover.lazyload(data-src=`${pagination_cover}` onerror=`onerror=null;src='${theme.lodding_bg.post_page}'`)
-            else
-              img.next_cover(src=`${pagination_cover}` onerror=`onerror=null;src='${theme.lodding_bg.post_page}'`)
-            .label=_p('pagination.next')
-            .next_info
-              span=page.next.title      
-
+            .next_info=page.next.title 
--- a/layout/includes/post/post-copyright.pug
+++ b/layout/includes/post/post-copyright.pug
@@ -0,0 +1,13 @@
+if (theme.post_copyright && theme.post_copyright.enable && page.copyright != false)
+  .post-copyright
+    .post-copyright__author
+      span.post-copyright-meta= _p('post.copyright.author') + ": "
+      span.post-copyright-info
+        a(href=`mailto:${config.email}`) #[=config.author]
+    .post-copyright__type
+      span.post-copyright-meta= _p('post.copyright.link') + ": "
+      span.post-copyright-info
+        a(href=url_for(page.permalink))= theme.post_copyright.decode ? decodeURI(page.permalink) : page.permalink
+    .post-copyright__notice
+      span.post-copyright-meta= _p('post.copyright.copyright_notice') + ": "
+      span.post-copyright-info!= _p('post.copyright.copyright_content', theme.post_copyright.license_url, theme.post_copyright.license, config.url, config.title)
--- a/layout/includes/post/reward.pug
+++ b/layout/includes/post/reward.pug
@@ -0,0 +1,12 @@
+.post-reward
+  button.reward-button
+    i.fas.fa-qrcode
+    = ' ' + _p('donate')
+    .reward-main
+      ul.reward-all
+        each item in theme.reward.QR_code
+          - var clickTo = (item.itemlist||item).link ? (item.itemlist||item).link : (item.itemlist||item).img
+          li.reward-item
+            img.post-qr-code__img(src=url_for((item.itemlist||item).img) alt=(item.itemlist||item).text onclick=`window.open('${url_for(clickTo)}')`)
+            .post-qr-code__desc=(item.itemlist||item).text
+
--- a/layout/includes/recent-posts.pug
+++ b/layout/includes/recent-posts.pug
@@ -1,47 +0,0 @@
-each article , index in page.posts.data
-  .recent-post-item.article-container
-    - var link = article.link || article.path
-    - var title = article.title || _p('no_title')
-      if index%2 == 0
-        .post_cover.left_radius
-          a(href=url_for(link) title=title)
-            - var post_cover = article.cover
-            if theme.lazyload.enable
-              img.post_bg.lazyload(data-src=`${post_cover}` onerror=`this.onerror=null;this.src='`+ url_for(theme.lodding_bg.post_page) + `'` alt=title)
-            else
-              img.post_bg(src=`${post_cover}` onerror=`this.onerror=null;this.src='`+ url_for(theme.lodding_bg.post_page) + `'` alt=title)
-      else
-        .post_cover.right_radius
-          a(href=url_for(link) title=title)
-            - var post_cover = article.cover
-            if theme.lazyload.enable
-              img.post_bg.lazyload(data-src=`${post_cover}` onerror=`this.onerror=null;this.src='`+ url_for(theme.lodding_bg.post_page) + `'` alt=title)
-            else
-              img.post_bg(src=`${post_cover}` onerror=`this.onerror=null;this.src='`+ url_for(theme.lodding_bg.post_page) + `'` alt=title)            
-    .recent-post-info   
-      a.article-title(href=url_for(link) title=title)= title
-      if (article.top)
-        span.article-meta
-          i.fa.fa-thumb-tack.article-meta__icon.sticky
-          span.sticky= _p('sticky')
-          span.article-meta__separator(style="margin-right: 0.3rem") |
-      if (theme.post_meta.date_type)
-        - var date_type = theme.post_meta.date_type == 'updated' ? 'updated' : 'date'
-        time.post-meta__date #[i.fa.fa-calendar(aria-hidden="true")] #[=date(article[date_type], config.date_format)]
-      if (theme.post_meta.categories && article.categories.data.length > 0)
-        span.article-meta
-          span.article-meta__separator |
-          each item, index in article.categories.data
-            i.fa.fa-inbox.article-meta__icon(aria-hidden="true")
-            a(href=url_for(item.path)).article-meta__categories #[=item.name]
-            if (index < article.categories.data.length - 1)
-                i.fa.fa-angle-right(aria-hidden="true")
-      if theme.auto_excerpt && theme.auto_excerpt.enable
-        - const content = strip_html(article.content)
-        - let expert = content.substring(0, theme.auto_excerpt.length) 
-        - content.length > theme.auto_excerpt.length ? expert += ' ...' : ''
-        .content!= expert
-      else
-        .content!= article.description
-
-    
--- a/layout/includes/reward.pug
+++ b/layout/includes/reward.pug
@@ -1,11 +0,0 @@
-.post-reward
-  a.reward-button.button--primary.button--animated 
-    i.fa.fa-qrcode
-    = ' ' + _p('donate')
-    .reward-main
-      ul.reward-all
-        each item in theme.reward.QR_code
-          li.reward-item
-            img.lazyload.post-qr-code__img(src=url_for((item.itemlist||item).img) alt=(item.itemlist||item).text)
-            .post-qr-code__desc=(item.itemlist||item).text
-
--- a/layout/includes/rightside.pug
+++ b/layout/includes/rightside.pug
@@ -1,21 +1,32 @@
 section#rightside.rightside
  #rightside-config-hide
-    if theme.readmode.enable && is_post()
-      i#readmode.fa.fa-book(title=_p('rightside.readmode_title'))
    if is_post()
-      i#font_plus.fa.fa-plus(title=_p('rightside.font_plus_title'))
-      i#font_minus.fa.fa-minus(title=_p('rightside.font_minus_title'))
+      if theme.readmode
+        button#readmode(title=_p('rightside.readmode_title'))
+          i.fas.fa-book-open
+      button#font_plus(title=_p('rightside.font_plus_title'))
+        i.fas.fa-plus
+      button#font_minus(title=_p('rightside.font_minus_title'))
+        i.fas.fa-minus
    if theme.translate && theme.translate.enable
-      a#translateLink.translate_chn_to_cht(href="javascript:translatePage();" title=_p('rightside.translate_title') target="_self")= theme.translate.default
-    if theme.darkmode && theme.darkmode.enable
-      - var display_mode = theme.display_mode == 'dark' ? 'fa fa-sun-o' : 'fa fa-moon-o'
-      i#darkmode.darkmode(class=display_mode title=_p('rightside.night_mode_title'))
+      button#translateLink.translate_chn_to_cht(title=_p('rightside.translate_title'))= theme.translate.default
+    if theme.darkmode.enable && theme.darkmode.button
+      button#darkmode(title=_p('rightside.night_mode_title'))
+        i.fas.fa-adjust
  #rightside-config-show
-    #rightside_config(title=_p("rightside.setting"))
-      i.fa.fa-cog(aria-hidden="true")
-    if is_post() && page.comments !== false && (d || l || gt || v)
+    button#rightside_config(title=_p("rightside.setting"))
+      i.fas.fa-cog
+    if is_post() && page.comments !== false && isComment
      a#to_comment(href="#post-comment" title=_p("rightside.scroll_to_comment"))
-        i.scroll_to_comment.fa.fa-comments   
-    if is_post() && page.toc != false && theme.toc.enable
-      i#mobile-toc-button.fa.fa-list-ul.close(title=_p("rightside.toc") aria-hidden="true")
-    i.fa.fa-arrow-up#go-up(title=_p("rightside.back_to_top") aria-hidden="true")
+        i.scroll_to_comment.fas.fa-comments
+    if showToc
+      button#mobile-toc-button.close(title=_p("rightside.toc"))
+        i.fas.fa-list-ul
+    if theme.chat_btn && (theme.chatra.enable || theme.tidio.enable || theme.daovoice.enable || theme.gitter.enable)
+      button#chat_btn(title=_p("rightside.chat_btn"))
+        i.fas.fa-sms
+
+    button#go-up(title=_p("rightside.back_to_top"))
+      i.fas.fa-arrow-up
+
+
--- a/layout/includes/search/algolia.pug
+++ b/layout/includes/search/algolia.pug
@@ -8,5 +8,5 @@
    #algolia-pagination
    #algolia-stats
  span.search-close-button
-    i.fa.fa-times
+    i.fas.fa-times
 .search-mask
--- a/layout/includes/search/local-search.pug
+++ b/layout/includes/search/local-search.pug
@@ -3,7 +3,7 @@
  #local-input-panel
    #local-search-input
      .local-search-box
-        input(placeholder=_p("local_search.input_placeholder")).local-search-box--input
+        input(placeholder=_p("local_search.input_placeholder") type="text").local-search-box--input
  hr
  #local-search-results
    #local-hits
@@ -19,5 +19,5 @@
            span=_p("local_search.powered_by")
            |  #[a(href="https://github.com/wzpan/hexo-generator-search" style={'color': '#49B1F5'}) hexo-generator-search]
  span.search-close-button
-    i.fa.fa-times
+    i.fas.fa-times
 .search-mask
--- a/layout/includes/share/share-js.pug
+++ b/layout/includes/share/share-js.pug
@@ -1,4 +1,4 @@
 if (theme.sharejs && theme.sharejs.enable)
-  .social-share(data-image= page.cover|| theme.avatar data-sites= theme.sharejs.sites)
+  .social-share(data-image=url_for(page.cover|| theme.avatar.img) data-sites= theme.sharejs.sites)
  link(rel="stylesheet" href=url_for(theme.CDN.sharejs_css))
  script(src=url_for(theme.CDN.sharejs))
--- a/layout/includes/sidebar.pug
+++ b/layout/includes/sidebar.pug
@@ -1,15 +1,12 @@
+-
+  let tocNumber = page.toc_number !== undefined ? page.toc_number : theme.toc.number
+  let autoOpenPostSet = page.auto_open == undefined ? theme.toc.auto_open : page.auto_open
+  let autoOpenSidebar = autoOpenPostSet ? 'on' : ''
+-

- var sidebar_class = theme.auto_open_sidebar.enable === true ? 'auto_open' : ''
-
-#sidebar(class=sidebar_class)
-  - const showToc = is_post() && page.toc != false && theme.toc.enable
-  -
-    let tocNumber
-    if (page.toc_number !== undefined) tocNumber = page.toc_number
-    else if (theme.toc.number !== undefined) tocNumber = theme.toc.number
-    else tocNumber = true
-  -
-  if(showToc)
+if(showToc)
+  i.fas.fa-arrow-right#toggle-sidebar(class=autoOpenSidebar)
+  #sidebar
    .sidebar-toc
      div.sidebar-toc__title= _p('sidebar.catalog')
      div.sidebar-toc__progress
@@ -21,4 +18,4 @@
        div.sidebar-toc__content.toc-div-class(style="display:none")!=toc(page.origin, {list_number: tocNumber})
      else 
        div.sidebar-toc__content!=toc(page.content, {list_number: tocNumber})
-      
+        
--- a/layout/includes/third-party/canvas-ribbon.pug
+++ b/layout/includes/third-party/canvas-ribbon.pug
@@ -1,3 +1,3 @@
-script(id="ribbon" src=url_for(theme.CDN.canvas_ribbon) size=theme.canvas_ribbon.size
+script(defer id="ribbon" src=url_for(theme.CDN.canvas_ribbon) size=theme.canvas_ribbon.size
 alpha=theme.canvas_ribbon.alpha zIndex=theme.canvas_ribbon.zIndex mobile=`${theme.canvas_ribbon.mobile}` data-click=`${theme.canvas_ribbon.click_to_change}`)

--- a/layout/includes/third-party/pangu.pug
+++ b/layout/includes/third-party/pangu.pug
@@ -0,0 +1,12 @@
+script(src=url_for(theme.CDN.pangu))
+if theme.pangu.field === 'post' && is_post()
+  script.
+    document.addEventListener('DOMContentLoaded', function() {
+      pangu.autoSpacingPage()
+    })
+else if theme.pangu.field === 'site'
+  script.
+    document.addEventListener('DOMContentLoaded', function() {
+      pangu.autoSpacingPage()
+    })
+
--- a/layout/includes/widget/card_ad.pug
+++ b/layout/includes/widget/card_ad.pug
@@ -0,0 +1,2 @@
+.card-widget.card-ad
+  != theme.ad.aside
--- a/layout/includes/widget/card_announcement.pug
+++ b/layout/includes/widget/card_announcement.pug
@@ -1,6 +1,6 @@
 .card-widget.card-announcement
  .card-content
    .item-headline
-      i.fa.fa-bullhorn.card-announcement-animation(aria-hidden="true")
+      i.fas.fa-bullhorn.card-announcement-animation
      span= _p('aside.card_announcement')
-    .announcement_content= theme.announcement.content
+    .announcement_content!= theme.aside.card_announcement.content
--- a/layout/includes/widget/card_archives.pug
+++ b/layout/includes/widget/card_archives.pug
@@ -1,6 +1,11 @@
 .card-widget.card-archives
  .card-content
    .item-headline
-      i.fa.fa-archive(aria-hidden="true")
+      i.fas.fa-archive
      span= _p('aside.card_archives')
-    != list_archives({type:'monthly',format: 'YYYY年MM月'})
+    
+    - let type = theme.aside.card_archives.type || 'monthly'
+    - let format = theme.aside.card_archives.format || 'MMMM YYYY'
+    - let order = theme.aside.card_archives.order || -1
+    - let limit = theme.aside.card_archives.limit === 0 ? 0 : theme.aside.card_archives.limit || 8
+    != aside_archives({ type:type, format: format, order: order, limit: limit })
--- a/layout/includes/widget/card_author.pug
+++ b/layout/includes/widget/card_author.pug
@@ -1,36 +1,34 @@
 .card-widget.card-info
  .card-content
    .card-info-avatar.is-center
-      img.avatar-img(src=url_for(theme.avatar) onerror=`this.onerror=null;this.src='` + url_for(theme.lodding_bg.flink) + `'` alt="avatar")
+      img.avatar-img(src=url_for(theme.avatar.img) onerror=`this.onerror=null;this.src='` + url_for(theme.error_img.flink) + `'` alt="avatar")
      .author-info__name= config.author
-      .author-info__description= config.description
+      .author-info__description!= theme.aside.card_author.description || config.description

    .card-info-data
      if site.posts.length
        .card-info-data-item.is-center
-          a(href=url_for(config.archive_dir) + '/')
+          a(href=url_for(config.archive_dir))
            .headline= _p('aside.articles') 
            .length_num= site.posts.length

      if site.tags.length
        .card-info-data-item.is-center       
-          a(href=url_for(config.tag_dir) + '/' )
+          a(href=url_for(config.tag_dir))
            .headline= _p('aside.tags')
            .length_num= site.tags.length

      if site.categories.length
        .card-info-data-item.is-center      
-          a(href=url_for(config.category_dir) + '/')
+          a(href=url_for(config.category_dir))
            .headline= _p('aside.categories') 
            .length_num= site.categories.length

    .card-info-bookmark.is-center
-      a#bookmark-it.bookmark.button--primary.button--animated(href="javascript:;" title= _p('aside.card_bookmark') target="_self")
-        i.fa.fa-bookmark(aria-hidden="true")
+      button#bookmark-it.button--animated(title= _p('aside.card_bookmark'))
+        i.fas.fa-bookmark
        span= _p('aside.card_bookmark') || 'Follow Me'
  
    if(theme.social)
        .card-info-social-icons.is-center
-          each url, icon in theme.social
-            a.social-icon(href=url target="_blank")
-              i(class=icon aria-hidden="true")
+          !=fragment_cache('social', function(){return partial('includes/header/social')}) 
--- a/layout/includes/widget/card_categories.pug
+++ b/layout/includes/widget/card_categories.pug
@@ -2,22 +2,8 @@ if site.categories.length
  .card-widget.card-categories
      .card-content
        .item-headline
-          i.fa.fa-folder-open(aria-hidden="true")
+          i.fas.fa-folder-open
          span= _p('aside.card_categories')
-        ul.aside-category-item        
-          mixin displayCategories(parent = undefined) 
-            - site.categories.find({ parent }).sort("name").each(function(category) {
-                - var childCount = site.categories.find({ parent: category._id }).count();              
-                li.aside-category-list
-                  a.aside-category-list_link(href=url_for(category.path))
-                    span.aside-category-list_name= category.name
-                    span.aside-category-list_length= category.length
-                  
-                if childCount > 0
-                  ul.aside-category-item.child
-                    +displayCategories(category._id)
-            - })
-
-          +displayCategories()
+        !=aside_categories({ limit: theme.aside.card_categories.limit === 0 ? 0 : theme.aside.card_categories.limit || 8 , expand: theme.aside.card_categories.expand })

  
--- a/layout/includes/widget/card_recent_post.pug
+++ b/layout/includes/widget/card_recent_post.pug
@@ -1,24 +1,26 @@
 .card-widget.card-recent-post
  .card-content
    .item-headline
-      i.fa.fa-history(aria-hidden="true")
+      i.fas.fa-history
      span= _p('aside.card_recent_post')
-    .aside-recent-item 
-      - site.posts.sort('date', -1).limit(5).each(function(article){
+    .aside-recent-item
+      - var postLimit = theme.aside.card_recent_post.limit === 0 ? site.posts.length : theme.aside.card_recent_post.limit || 5
+      - site.posts.sort('date', -1).limit(postLimit).each(function(article){
        .aside-recent-post
          - var link = article.link || article.path
          - var title = article.title || _p('no_title')
+          - var no_cover = article.cover === false || !theme.cover.aside_enable ? 'no-aside-cover' : ''
+          - var post_cover = article.cover
+
            a(href=url_for(link))
-              - var post_cover = article.cover
-              .aside-post-cover
-                if theme.lazyload.enable
-                  img.aside-post-bg.lazyload(data-src=`${post_cover}` onerror=`this.onerror=null;this.src='`+ url_for(theme.lodding_bg.post_page) + `'` title=title alt=title)
-                else
-                  img.aside-post-bg(src=`${post_cover}` onerror=`this.onerror=null;this.src='`+ url_for(theme.lodding_bg.post_page) + `'` title=title alt=title)
-              .aside-post-title
+              if post_cover && theme.cover.aside_enable
+                .aside-post-cover
+                  if theme.lazyload.enable
+                    img.aside-post-bg(data-src=url_for(post_cover) onerror=`this.onerror=null;this.src='`+ url_for(theme.error_img.post_page) + `'` title=title alt=title)
+                  else
+                    img.aside-post-bg(src=url_for(post_cover) onerror=`this.onerror=null;this.src='`+ url_for(theme.error_img.post_page) + `'` title=title alt=title)
+              .aside-post-title(class=no_cover)
                .aside-post_title(href=url_for(link) title=article.title || _p('no_title'))= article.title || _p('no_title')
-                if (theme.post_meta.date_type)
-                  - var date_type = theme.post_meta.date_type == 'updated' ? 'updated' : 'date'
-                  time.aside-post_meta.post-meta__date #[=date(article[date_type], config.date_format)]
+                time.aside-post_meta.post-meta__date(title=_p('post.created') + ' ' + full_date(article.date)) #[=date(article.date, config.date_format)]
    
      - })
--- a/layout/includes/widget/card_tags.pug
+++ b/layout/includes/widget/card_tags.pug
@@ -2,6 +2,11 @@ if site.tags.length
  .card-widget.card-tags
    .card-content
      .item-headline
-        i.fa.fa-tags(aria-hidden="true")
+        i.fas.fa-tags
        span= _p('aside.card_tags')
-      .card-tag-cloud!= tagcloud({min_font: 16, max_font: 24, amount: 200, color: true, start_color: '#999', end_color: '#99a9bf'})
+
+      - let tagLimit = theme.aside.card_tags.limit === 0 ? 0 : theme.aside.card_tags.limit || 40
+      if theme.aside.card_tags.color
+        .card-tag-cloud!=cloudTags({source: site.tags, minfontsize: 16, maxfontsize: 22, limit: tagLimit})
+      else
+        .card-tag-cloud!= tagcloud({min_font: 16, max_font: 22, amount: tagLimit , color: true, start_color: '#999', end_color: '#99a9bf'})
--- a/layout/includes/widget/card_webinfo.pug
+++ b/layout/includes/widget/card_webinfo.pug
@@ -1,7 +1,7 @@
 .card-widget.card-webinfo
  .card-content
    .item-headline
-        i.fa.fa-line-chart(aria-hidden="true")
+        i.fas.fa-chart-line
        span= _p('aside.card_webinfo.headline')
    .webinfo
      .webinfo-item
@@ -10,7 +10,11 @@
      if theme.runtimeshow.enable
        .webinfo-item
          .webinfo-runtime-name= _p('aside.card_webinfo.runtime_name') + " :"
-          #webinfo-runtime-count.webinfo-runtime-count(start_date=theme.runtimeshow.start_date)      
+          #webinfo-runtime-count.webinfo-runtime-count(publish_date=theme.runtimeshow.publish_date)      
+      if theme.wordcount.enable && theme.wordcount.total_wordcount
+        .webinfo-item
+          .webinfo-site-wordcount-name=_p('aside.card_webinfo.site_wordcount') + " :"
+          .webinfo-site-wordcount=totalcount(site)
      if theme.busuanzi.site_uv 
        .webinfo-item       
          .webinfo-site-uv-name= _p('aside.card_webinfo.site_uv_name') + " :"
--- a/layout/includes/widget/index.pug
+++ b/layout/includes/widget/index.pug
@@ -1,21 +1,19 @@
-if theme.aside.card_author
-  include ./card_author.pug
-
-if theme.aside.card_announcement
-  include ./card_announcement.pug
-
-if theme.aside.card_recent_post
-  include ./card_recent_post.pug
-  
-if theme.aside.card_categories   
-  include ./card_categories.pug
-
-if theme.aside.card_tags
-  include ./card_tags.pug
-
-if theme.aside.card_archives
-  include ./card_archives.pug
-
-if theme.aside.card_webinfo
-  include ./card_webinfo.pug
-  
+if theme.aside.enable 
+  if page.aside !== false
+    #aside_content.aside_content
+      if theme.aside.card_author.enable
+        !=partial('includes/widget/card_author', {}, {cache:theme.fragment_cache})
+      if theme.aside.card_announcement.enable
+        !=partial('includes/widget/card_announcement', {}, {cache:theme.fragment_cache})
+      if theme.aside.card_recent_post.enable
+        !=partial('includes/widget/card_recent_post', {}, {cache:theme.fragment_cache})
+      if theme.ad && theme.ad.aside
+        !=partial('includes/widget/card_ad', {}, {cache:theme.fragment_cache})
+      if theme.aside.card_categories.enable
+        !=partial('includes/widget/card_categories', {}, {cache:theme.fragment_cache})
+      if theme.aside.card_tags.enable
+        !=partial('includes/widget/card_tags', {}, {cache:theme.fragment_cache})
+      if theme.aside.card_archives.enable
+        !=partial('includes/widget/card_archives', {}, {cache:theme.fragment_cache})
+      if theme.aside.card_webinfo
+        !=partial('includes/widget/card_webinfo', {}, {cache:theme.fragment_cache})  
--- a/layout/index.pug
+++ b/layout/index.pug
@@ -1,8 +1,7 @@
 extends includes/layout.pug

 block content
+  include ./includes/mixins/post-ui.pug
  #recent-posts.recent-posts
-    include includes/recent-posts.pug  
-    include includes/pagination.pug
-  #aside_content.aside_content
-    include includes/widget/index.pug
+    +postUI
+    include includes/pagination.pug
--- a/layout/page.pug
+++ b/layout/page.pug
@@ -7,20 +7,13 @@ block content
        |  - 
        span.tag-cloud__amount= site.tags.length
      .tag-cloud-tags
-        include includes/page_tag.pug
+        !=cloudTags({source: site.tags, minfontsize: 15, maxfontsize: 30, limit: 0})
      if page.comments !== false
        include includes/comments/index.pug
-    #aside_content.aside_content
-      include includes/widget/index.pug
-
  else if page.type === 'link'
    include flink.pug
-      if page.comments !== false
-        include includes/comments/index.pug
-    #aside_content.aside_content
-      include includes/widget/index.pug
  else if page.type === 'categories'    
-    #post-content.category-content
+    .category-content
      .category-lists
        .category__title= _p('page.category')
          |  - 
@@ -28,14 +21,8 @@ block content
        div!= list_categories()
      if page.comments !== false
        include includes/comments/index.pug
-    #aside_content.aside_content
-      include includes/widget/index.pug
  else
-    article#page
-      h1= page.title
-      .article-container!= page.content
-      include includes/pagination.pug
+    #page
+      #article-container!= page.content
      if page.comments !== false
-        include includes/comments/index.pug
-    #aside_content.aside_content
-      include includes/widget/index.pug
+        include includes/comments/index.pug
--- a/layout/post.pug
+++ b/layout/post.pug
@@ -1,102 +1,25 @@
 extends includes/layout.pug

-block top_img
-  - var top_img =  page.top_img || page.cover || theme.post_meta.top_img || theme.default_top_img
-  - var bg_img = top_img !== true ? `background-image: url(${top_img})` : ''
-  div#top-container(style=bg_img)
-    #post-info
-      #post-title
-          .posttitle= page.title || _p('no_title')
-      #post-meta
-        if (theme.post_meta.date_type)
-          if (theme.post_meta.date_type === 'both')
-            time.post-meta__date
-              i.fa.fa-calendar.fa-fw(aria-hidden="true")
-              =' '+_p('post.created')+' '+date(page.date, config.date_format)
-              span.post-meta__separator |
-              i.fa.fa-history.fa-fw(aria-hidden="true")
-              =' '+_p('post.updated')+' '+date(page.updated, config.date_format)
-          else
-            - var date_type = theme.post_meta.date_type === 'updated' ? 'updated' : 'date'
-            time.post-meta__date #[i.fa.fa-calendar.fa-fw(aria-hidden="true")] #[=date(page[date_type], config.date_format)]
-                  
-        if (theme.post_meta.categories && page.categories.data.length > 0)
-          if (theme.post_meta.date_type)
-            span.post-meta__separator |
-          span
-            each item, index in page.categories.data
-              i.fa.fa-inbox.post-meta__icon.fa-fw(aria-hidden="true")
-              a(href=url_for(item.path)).post-meta__categories #[=item.name]
-              if (index < page.categories.data.length - 1)
-                i.fa.fa-angle-right.fa-fw(aria-hidden="true")
-        .post-meta-wordcount
-          if (theme.wordcount && theme.wordcount.enable)
-            i.fa.fa-file-word-o.post-meta__icon.fa-fw(aria-hidden="true")
-            span= _p('post.wordcount') + ':'
-            span.word-count= wordcount(page.content)
-            span.post-meta__separator |
-            i.fa.fa-clock-o.post-meta__icon.fa-fw(aria-hidden="true")
-            span= _p('post.min2read', min2read(page.content, {cn: 350, en: 160}))
-          .post-meta-pv-cv
-            if (theme.wordcount && theme.wordcount.enable && theme.busuanzi.page_pv)
-              span.post-meta__separator |
-            if theme.busuanzi.page_pv       
-              span
-                i.fa.fa-eye.post-meta__icon.fa-fw(aria-hidden="true") 
-                =_p('post.page_pv') + ':'
-              span#busuanzi_value_page_pv
-            if (theme.disqus && theme.disqus.enable && theme.disqus.count && page.comments !== false)
-              if (theme.busuanzi && theme.busuanzi.page_pv)
-                span.post-meta__separator |
-              i.fa.fa-comment-o.post-meta__icon.fa-fw(aria-hidden="true")
-              span= _p('post.comments') + ':'
-              a(href=url_for(page.path) + '#post-comment')
-                span.disqus-comment-count(data-disqus-url=page.permalink)
-            if (theme.valine && theme.valine.enable && theme.valine.count && page.comments !== false)
-              if (theme.busuanzi && theme.busuanzi.page_pv)
-                span.post-meta__separator |
-              i.fa.fa-comments-o.post-meta__icon.fa-fw(aria-hidden="true")
-              span= _p('post.comments') + ':'
-              a(href=url_for(page.path) + '#post-comment' itemprop="discussionUrl")
-                span.valine-comment-count.comment-count(data-xid=url_for(page.path) itemprop="commentCount")
-            if (theme.gitalk && theme.gitalk.enable && theme.gitalk.count && page.comments !== false)
-              if (theme.busuanzi && theme.busuanzi.page_pv)
-                span.post-meta__separator |
-              i.fa.fa-comments-o.post-meta__icon.fa-fw(aria-hidden="true")
-              span= _p('post.comments') + ':'
-              a(href=url_for(page.path) + '#post-comment')
-                span.gitalk-comment-count.comment-count
-
-
 block content
  article#post(class="")
-    #post-content.article-container!= page.content
-  if (theme.post_copyright && theme.post_copyright.enable && page.copyright != false)
-    .post-copyright
-      .post-copyright__author
-        span.post-copyright-meta= _p('post.copyright.author') + ": "
-        span.post-copyright-info
-          a(href=`mailto:${config.email}`) #[=config.author]
-      .post-copyright__type
-        span.post-copyright-meta= _p('post.copyright.link') + ": "
-        span.post-copyright-info
-          a(href=url_for(page.permalink)) #[=page.permalink]
-      .post-copyright__notice
-        span.post-copyright-meta= _p('post.copyright.copyright_notice') + ": "
-        span.post-copyright-info!= _p('post.copyright.copyright_content', theme.post_copyright.license_url, theme.post_copyright.license, config.url, config.title)
-  
-  .tag_share
-    if (theme.post_meta.tags)
-      .post-meta__tag-list
-        each item, index in page.tags.data
-          a(href=url_for(item.path)).post-meta__tags #[=item.name]    
-    include includes/share/index.pug
+    #article-container.post-content!=page.content
+    include includes/post/post-copyright.pug
+    .tag_share
+      if (theme.post_meta.post.tags)
+        .post-meta__tag-list
+          each item, index in page.tags.data
+            a(href=url_for(item.path)).post-meta__tags #[=item.name]
+      !=partial('includes/share/index', {}, {cache:theme.fragment_cache})
        
-  if theme.reward.enable
-    include includes/reward.pug
-  include includes/pagination.pug
-  
-  if theme.related_post && theme.related_post.enable
-    != related_posts(page,site.posts)
-  if page.comments !== false
-    include includes/comments/index.pug
+    if theme.reward.enable
+      !=partial('includes/post/reward', {}, {cache:theme.fragment_cache})
+
+    //- ad
+    if theme.ad && theme.ad.post
+      .post-ad!=theme.ad.post
+
+    include includes/pagination.pug
+    if theme.related_post && theme.related_post.enable
+      != related_posts(page,site.posts)
+    if page.comments !== false
+      include includes/comments/index.pug
--- a/layout/tag.pug
+++ b/layout/tag.pug
@@ -2,17 +2,13 @@ extends includes/layout.pug

 block content
  if theme.tag_ui == 'index'
-    include ./includes/mixins/UI.pug
+    include ./includes/mixins/post-ui.pug
    #recent-posts.recent-posts    
-      +UI_NEW(page.posts)
+      +postUI
      include includes/pagination.pug
-    #aside_content.aside_content
-      include includes/widget/index.pug
  else
    include ./includes/mixins/article-sort.pug
    #tag
      .article-sort-title= _p('page.tag') + ' - ' + page.tag
      +articleSort(page.posts)
-      include includes/pagination.pug
-    #aside_content.aside_content
-      include includes/widget/index.pug
+      include includes/pagination.pug
--- a/package.json
+++ b/package.json
@@ -1,5 +1,18 @@
 {
  "name": "hexo-theme-butterfly",
-  "version": "2.1.0",
-  "description": "A Hexo Theme: Butterfly"
+  "version": "2.3.5",
+  "private": true,
+  "engines": {
+    "node": ">=8.10.0"
+  },
+  "description": "A Simple and Card UI Design theme for Hexo",
+  "keywords": [
+    "hexo",
+    "theme",
+    "butterfly",
+    "Card UI Design"
+  ],
+  "repository": "https://github.com/jerryc127/hexo-theme-butterfly.git",
+  "author": "Jerry <wong@jerryc.me>",
+  "license": "MIT"
 }
--- a/scripts/events/404.js
+++ b/scripts/events/404.js
@@ -0,0 +1,15 @@
+/**
+ * Butterfly
+ * 404 error page
+ */
+
+'use strict'
+
+hexo.extend.generator.register('404', function (locals) {
+  if (!hexo.theme.config.error_404.enable) return
+  return {
+    path: '404.html',
+    data: locals.posts,
+    layout: ['404']
+  }
+})
--- a/scripts/events/replace_config.js
+++ b/scripts/events/replace_config.js
@@ -2,6 +2,8 @@
 * Note: configs in _data/butterfly.yml will replace configs in hexo.theme.config.
 */

+'use strict'
+
 hexo.on('generateBefore', function () {
  const rootConfig = hexo.config
  if (hexo.locals.get) {
@@ -9,4 +11,4 @@ hexo.on('generateBefore', function () {
    data && data.butterfly && (hexo.theme.config = data.butterfly)
  }
  hexo.theme.config.rootConfig = rootConfig
-})
+})
--- a/scripts/filters/post_lazyload.js
+++ b/scripts/filters/post_lazyload.js
@@ -0,0 +1,23 @@
+/**
+ * Butterfly
+ * lazyload
+ * replace src to data-src
+ */
+// <figure .+class="[^"]* highlight [^"]*".+>
+
+'use strict'
+
+const urlFor = require('hexo-util').url_for.bind(hexo)
+
+function lazyProcess (htmlContent) {
+  var bg = hexo.theme.config.lazyload.post ? urlFor(hexo.theme.config.lazyload.post) : 'data:image/gif;base64,R0lGODdhAQABAPAAAMPDwwAAACwAAAAAAQABAAACAkQBADs='
+  return htmlContent.replace(/(<img .*?src=)/ig, `$1 "${bg}" data-src=`)
+}
+
+var processPost = function (data) {
+  if (!hexo.theme.config.lazyload.enable) return
+  data.content = lazyProcess.call(this, data.content)
+  return data
+}
+
+hexo.extend.filter.register('after_post_render', processPost)
--- a/scripts/filters/random_cover.js
+++ b/scripts/filters/random_cover.js
@@ -0,0 +1,34 @@
+/**
+ * Butterfly
+ * ramdom cover
+ */
+
+'use strict'
+
+hexo.extend.filter.register('before_post_render', function (data) {
+  if (data.cover === false) {
+    data.randomcover = randomCover()
+    return data
+  }
+  data.cover = data.cover || randomCover()
+  return data
+})
+
+var randomCover = function () {
+  var theme = hexo.theme.config
+  var cover
+  var num
+
+  if (theme.cover.default_cover) {
+    if (!Array.isArray(theme.cover.default_cover)) {
+      cover = theme.cover.default_cover
+      return cover
+    } else {
+      num = Math.floor(Math.random() * theme.cover.default_cover.length)
+      cover = theme.cover.default_cover[num]
+      return cover
+    }
+  } else {
+    return theme.default_top_img
+  }
+}
--- a/scripts/gallery-tag.js
+++ b/scripts/gallery-tag.js
@@ -1,6 +0,0 @@
-function gallery(args, content) {
-  return `<div class="justified-gallery">${hexo.render.renderSync({text: content, engine: 'markdown'})}
-          </div>`;
-}
-
-hexo.extend.tag.register('gallery', gallery, {ends: true});
--- a/scripts/helpers/aside_archives.js
+++ b/scripts/helpers/aside_archives.js
@@ -0,0 +1,112 @@
+/**
+ * Butterfly
+ * for aside archives
+ */
+
+'use strict'
+
+hexo.extend.helper.register('aside_archives', function (options = {}) {
+  const { config } = this
+  const archiveDir = config.archive_dir
+  const { timezone } = config
+  const lang = toMomentLocale(this.page.lang || this.page.language || config.language)
+  let { format } = options
+  const type = options.type || 'monthly'
+  const { transform } = options
+  const showCount = Object.prototype.hasOwnProperty.call(options, 'show_count') ? options.show_count : true
+  const order = options.order || -1
+  const compareFunc = type === 'monthly'
+    ? (yearA, monthA, yearB, monthB) => yearA === yearB && monthA === monthB
+    : (yearA, monthA, yearB, monthB) => yearA === yearB
+  const limit = options.limit
+  const moreButton = this._p('aside.more_button')
+  let result = ''
+
+  if (!format) {
+    format = type === 'monthly' ? 'MMMM YYYY' : 'YYYY'
+  }
+
+  const posts = this.site.posts.sort('date', order)
+  if (!posts.length) return result
+
+  const data = []
+  let length = 0
+
+  posts.forEach(post => {
+    // Clone the date object to avoid pollution
+    let date = post.date.clone()
+
+    if (timezone) date = date.tz(timezone)
+
+    const year = date.year()
+    const month = date.month() + 1
+    const lastData = data[length - 1]
+
+    if (!lastData || !compareFunc(lastData.year, lastData.month, year, month)) {
+      if (lang) date = date.locale(lang)
+      const name = date.format(format)
+      length = data.push({
+        name,
+        year,
+        month,
+        count: 1
+      })
+    } else {
+      lastData.count++
+    }
+  })
+
+  const link = item => {
+    let url = `${archiveDir}/${item.year}/`
+
+    if (type === 'monthly') {
+      if (item.month < 10) url += '0'
+      url += `${item.month}/`
+    }
+
+    return this.url_for(url)
+  }
+
+  result += '<ul class="card-archive-list">'
+
+  const len = data.length
+  const Judge = limit === 0 ? len : Math.min(len, limit)
+
+  for (let i = 0; i < Judge; i++) {
+    const item = data[i]
+
+    result += '<li class="card-archive-list-item">'
+
+    result += `<a class="card-archive-list-link" href="${link(item)}">`
+    result += '<span class="card-archive-list-date">'
+    result += transform ? transform(item.name) : item.name
+    result += '</span>'
+
+    if (showCount) {
+      result += `<span class="card-archive-list-count">${item.count}</span>`
+    }
+    result += '</a>'
+    result += '</li>'
+  }
+
+  if (len > Judge) {
+    result += '<li class="card-archive-list-item more is-center">'
+    result += `<a class="card-archive-list-link-more" href="${this.url_for(archiveDir)}">
+              <span>${moreButton}</span><i class="fas fa-angle-right"  ></i></a></li>`
+  }
+  result += '</ul>'
+  return result
+})
+
+var toMomentLocale = function (lang) {
+  if (lang === undefined) {
+    return undefined
+  }
+
+  // moment.locale('') equals moment.locale('en')
+  // moment.locale(null) equals moment.locale('en')
+  if (!lang || lang === 'en' || lang === 'default') {
+    return 'en'
+  }
+  return lang.toLowerCase().replace('_', '-')
+}
--- a/scripts/helpers/aside_categories.js
+++ b/scripts/helpers/aside_categories.js
@@ -0,0 +1,96 @@
+/**
+ * Butterfly
+ * for aside categories
+ */
+
+'use strict'
+
+hexo.extend.helper.register('aside_categories', function (categories, options) {
+  if (!options && (!categories || !Object.prototype.hasOwnProperty.call(categories, 'length'))
+  ) {
+    options = categories
+    categories = this.site.categories
+  }
+
+  if (!categories || !categories.length) return ''
+  options = options || {}
+  const { config } = this
+  const showCount = Object.prototype.hasOwnProperty.call(options, 'show_count')
+    ? options.show_count
+    : true
+  const depth = options.depth ? parseInt(options.depth, 10) : 0
+  const orderby = options.orderby || 'name'
+  const order = options.order || 1
+  const categoryDir = this.url_for(config.category_dir)
+  const limit = options.limit === 0 ? categories.length : options.limit
+  const isExpand = options.expand !== 'none'
+  const expandClass = isExpand && options.expand === true ? 'card-category-list-icon expand' : 'card-category-list-icon'
+
+  const buttonLabel = this._p('aside.more_button')
+  const prepareQuery = (parent) => {
+    const query = {}
+    if (parent) { query.parent = parent } else { query.parent = { $exists: false } }
+    return categories.find(query).sort(orderby, order).filter((cat) => cat.length)
+  }
+
+  const hierarchicalList = (t, level, parent, topparent = true) => {
+    let result = ''
+    var isTopParent = topparent
+    if (t > 0) {
+      prepareQuery(parent).forEach((cat, i) => {
+        if (t > 0) {
+          t = t - 1
+          let child
+          if (!depth || level + 1 < depth) {
+            var childList = hierarchicalList(t, level + 1, cat._id, false)
+            child = childList[0]
+            t = childList[1]
+          }
+
+          var parentClass = isExpand && isTopParent && child ? 'parent' : ''
+
+          result += `<li class="card-category-list-item ${parentClass}">`
+
+          result += `<a class="card-category-list-link" href="${this.url_for(cat.path)}">`
+
+          result += `<span class="card-category-list-name">${cat.name}</span>`
+
+          if (showCount) {
+            result += `<span class="card-category-list-count">${cat.length}</span>`
+          }
+
+          if (isExpand && isTopParent && child) {
+            result += `<i class="fas fa-caret-left ${expandClass}"></i>`
+          }
+
+          result += '</a>'
+
+          result += '</li>'
+
+          if (child) {
+            result += `<ul class="card-category-list child">${child}</ul>`
+          }
+        }
+      })
+    }
+
+    return [result, t]
+  }
+
+  const list = hierarchicalList(limit, 0)
+
+  var moreButton = function () {
+    var moreHtml = ''
+    if (categories.length <= limit) return ''
+    moreHtml += '<li class="card-category-list-item more is-center">'
+    moreHtml += `<a class="card-category-list-link-more" href="${categoryDir}">
+                <span>${buttonLabel}</span><i class="fas fa-angle-right"></i></a></li>`
+
+    return moreHtml
+  }
+
+  return `<ul class="card-category-list">
+            ${list[0]}
+            ${moreButton()}           
+            </ul>`
+})
--- a/scripts/helpers/page.js
+++ b/scripts/helpers/page.js
@@ -0,0 +1,58 @@
+/**
+ * Butterfly
+ * @example
+ *  page_description()
+ *  injectHtml(data)
+ *  cloudTags(source, minfontsize, maxfontsize, limit)
+ */
+
+'use strict'
+
+const { stripHTML, escapeHTML } = require('hexo-util')
+
+hexo.extend.helper.register('page_description', function () {
+  const { config, page } = this
+  let description = page.description || page.content || page.title || config.description
+
+  if (description) {
+    description = escapeHTML(stripHTML(description).substring(0, 200)
+      .trim()
+    ).replace(/\n/g, ' ')
+    return description
+  }
+})
+
+hexo.extend.helper.register('injectHtml', function (data) {
+  let result = ''
+  if (!data) return ''
+  for (var i = 0; i < data.length; i++) {
+    result += data[i]
+  }
+  return result
+})
+
+hexo.extend.helper.register('cloudTags', function (options = {}) {
+  const env = this
+  const source = options.source
+  const minfontsize = options.minfontsize
+  const maxfontsize = options.maxfontsize
+  const limit = options.limit
+
+  let result = ''
+  const tagLimit = limit === 0 ? source.length : limit
+  source.sort('name').limit(tagLimit).forEach(function (tags) {
+    var fontSize = Math.floor(Math.random() * (maxfontsize - minfontsize) + minfontsize) + 'px'
+    var color = 'rgb(' + Math.floor(Math.random() * 201) + ', ' + Math.floor(Math.random() * 201) + ', ' + Math.floor(Math.random() * 201) + ')' // 0,0,0 -> 200,200,200
+    result += `<a href='${env.url_for(tags.path)}' style='font-size:${fontSize}; color:${color}'>${tags.name}</a>`
+  })
+  return result
+})
+
+hexo.extend.helper.register('urlNoIndex', function () {
+  const { permalink } = hexo.config
+  let url = this.url.replace(/index\.html$/, '')
+  if (!permalink.endsWith('.html')) {
+    url = url.replace(/\.html$/, '')
+  }
+  return url
+})
--- a/scripts/helpers/related_post.js
+++ b/scripts/helpers/related_post.js
@@ -0,0 +1,123 @@
+/**
+ * Butterfly
+ * Related Posts
+ * According the tag
+ */
+
+'use strict'
+
+hexo.extend.helper.register('related_posts', function (currentPost, allPosts) {
+  var relatedPosts = []
+  currentPost.tags.forEach(function (tag) {
+    allPosts.forEach(function (post) {
+      if (isTagRelated(tag.name, post.tags)) {
+        var relatedPost = {
+          title: post.title,
+          path: post.path,
+          cover: post.cover,
+          randomcover: post.randomcover,
+          weight: 1,
+          updated: post.updated,
+          created: post.date
+        }
+        var index = findItem(relatedPosts, 'path', post.path)
+        if (index !== -1) {
+          relatedPosts[index].weight += 1
+        } else {
+          if (currentPost.path !== post.path) {
+            relatedPosts.push(relatedPost)
+          }
+        }
+      }
+    })
+  })
+  if (relatedPosts.length === 0) {
+    return ''
+  }
+  var result = ''
+  const hexoConfig = hexo.theme.config.rootConfig
+  const config = hexo.theme.config
+
+  var limitNum = config.related_post.limit || 6
+  var dateType = config.related_post.date_type || 'created'
+  var headlineLang = this._p('post.recommend')
+  var lazySrc = config.lazyload.enable ? 'data-src' : 'src'
+
+  relatedPosts = relatedPosts.sort(compare('weight'))
+
+  if (relatedPosts.length > 0) {
+    result += '<div class="relatedPosts">'
+    result +=
+      '<div class="relatedPosts_headline"><i class="fas fa-thumbs-up fa-fw"></i><span>' +
+      ' ' +
+      headlineLang +
+      '</span></div>'
+    result += '<div class="relatedPosts_list">'
+
+    for (var i = 0; i < Math.min(relatedPosts.length, limitNum); i++) {
+      var cover =
+        relatedPosts[i].cover === false
+          ? relatedPosts[i].randomcover
+          : relatedPosts[i].cover
+      result +=
+        '<div class="relatedPosts_item"><a href="' +
+        hexoConfig.root +
+        relatedPosts[i].path +
+        '" title="' +
+        relatedPosts[i].title +
+        '">'
+      result +=
+        '<img class="relatedPosts_cover" ' +
+        lazySrc +
+        '="' +
+        cover +
+        '">'
+      if (dateType === 'created') {
+        result +=
+          '<div class="relatedPosts_main is-center"><div class="relatedPosts_date"><i class="far fa-calendar-alt fa-fw"></i>' +
+          ' ' +
+          this.date(relatedPosts[i].created, hexoConfig.date_format) +
+          '</div>'
+      } else {
+        result +=
+          '<div class="relatedPosts_main is-center"><div class="relatedPosts_date"><i class="fas fa-history fa-fw"></i>' +
+          ' ' +
+          this.date(relatedPosts[i].updated, hexoConfig.date_format) +
+          '</div>'
+      }
+      result +=
+        '<div class="relatedPosts_title">' + relatedPosts[i].title + '</div>'
+      result += '</div></a></div>'
+    }
+
+    result += '</div></div>'
+    return result
+  }
+})
+
+function isTagRelated (tagName, TBDtags) {
+  var result = false
+  TBDtags.forEach(function (tag) {
+    if (tagName === tag.name) {
+      result = true
+    }
+  })
+  return result
+}
+
+function findItem (arrayToSearch, attr, val) {
+  for (var i = 0; i < arrayToSearch.length; i++) {
+    if (arrayToSearch[i][attr] === val) {
+      return i
+    }
+  }
+  return -1
+}
+
+function compare (attr) {
+  return function (a, b) {
+    var val1 = a[attr]
+    var val2 = b[attr]
+    return val2 - val1
+  }
+}
--- a/scripts/hide_post.js
+++ b/scripts/hide_post.js
@@ -1,63 +0,0 @@
-/**
- * global hexo
- * from printempw/hexo-hide-posts
- * modify by Jerry
- */
-
-'use strict';
-
-var public_generators = [];
-
-hexo.extend.filter.register('before_generate', function () {
-  this._bindLocals();
-
-  const all_posts = this.locals.get('posts');
-  const hidden_posts = all_posts.find({
-    'hide': true
-  });
-  const normal_posts = all_posts.filter(post => !post['hide']);
-
-  this.locals.set('all_posts', all_posts);
-  this.locals.set('hidden_posts', hidden_posts);
-  this.locals.set('posts', normal_posts);
-});
-
-hexo.extend.filter.register('after_init', function () {
-
-  const original = {};
-  for (const name in hexo.extend.generator.list()) {
-    original[name] = hexo.extend.generator.get(name);
-  }
-
-  hexo.extend.generator.register('post', async function (locals) {
-    const fg = original.post.bind(this);
-
-    const generated_public = await fg(locals);
-    const generated_hidden = await fg(Object.assign({}, locals, {
-      posts: locals.hidden_posts
-    }));
-
-    // Remove post.prev and post.next for hidden posts
-    generated_hidden.forEach(ele => {
-      ele.data.prev = ele.data.next = null;
-    });
-
-    return generated_public.concat(generated_hidden);
-  });
-
-  // Then we hack into other generators if necessary
-  public_generators.filter(
-    name => Object.keys(original).includes(name)
-  ).forEach(name => {
-    // Overwrite original generator
-    hexo.extend.generator.register(name, function (locals) {
-      const fg = original[name].bind(this);
-
-      return fg(Object.assign({}, locals, {
-        posts: new locals.posts.constructor(
-          locals.posts.data.concat(locals.hidden_posts.data)
-        )
-      }));
-    });
-  });
-});
--- a/scripts/highlight.js
+++ b/scripts/highlight.js
@@ -1,57 +0,0 @@
-'use strict';
-hexo.extend.filter.register('after_post_render', data => {
-
-  const cheerio = require('cheerio');
-
-  const $ = cheerio.load(data.content, {
-    decodeEntities: false
-  });
-  var theme = hexo.theme.config;
-
-  if (theme.highlight_shrink === 'none' && !theme.highlight_lang && !theme.highlight_copy) {
-    return;
-  }
-
-  $('figure.highlight').wrap('<div class="code-area-wrap"></div>')
-  var $highlight_layout = $('<div class="highlight-tools"></div>')
-
-  $('figure').before($highlight_layout)
-
-  if (theme.highlight_shrink == true) {
-    var $code_expand = $('<i class="fa fa-angle-down code-expand code-closed" aria-hidden="true"></i>')
-    $('.highlight-tools').append($code_expand)
-  } else if (theme.highlight_shrink === false) {
-    var $code_expand = $('<i class="fa fa-angle-down code-expand" aria-hidden="true"></i>')
-    $('.highlight-tools').append($code_expand)
-  }
-
-  if (theme.highlight_lang) {
-    var $highlight_lang = $('<div class="code_lang"></div>')
-    $('.highlight-tools').append($highlight_lang)
-    var lang_name_index;
-    var lang_name;
-    $('figure').each(function () {
-      lang_name_index = lang_name = $(this).attr('class').split(' ')[1];
-      if (lang_name_index == 'js')
-        lang_name = 'Javascript'
-      if (lang_name_index == 'md')
-        lang_name = 'Markdown'
-      if (lang_name_index == 'plain')
-        lang_name = 'Code'
-      if (lang_name_index == 'py')
-        lang_name = 'Python'
-
-      $(this).prev().find(".code_lang").text(lang_name)
-
-    })
-  }
-
-  if (theme.highlight_copy) {
-    var $copyIcon = $('<i class="fa fa-clipboard" aria-hidden="true"></i>')
-    var $notice = $('<div class="copy-notice"></div>')
-    $('.highlight-tools').append($notice)
-    $('.highlight-tools').append($copyIcon)
-  }
-
-  data.content = $.html();
-}, 100);
--- a/scripts/list_archives.js
+++ b/scripts/list_archives.js
@@ -1,103 +0,0 @@
-"use strict";
-
-hexo.extend.helper.register("list_archives", function(options = {}) {
-  const { config } = this;
-  const archiveDir = config.archive_dir;
-  const { timezone } = config;
-  const lang = this.page.lang || this.page.language || config.language;
-  let { format } = options;
-  const type = options.type || "monthly";
-  const { style = "list", transform, separator = ", " } = options;
-  const showCount = Object.prototype.hasOwnProperty.call(options, "show_count")
-    ? options.show_count
-    : true;
-  const order = options.order || -1;
-  const limit = 8;
-  let result = "";
-
-  var more_button;
-  if (lang === "zh-CN") {
-    more_button = "查看更多";
-  } else if (lang === "zh-TW") {
-    more_button = "查看更多";
-  } else {
-    more_button = "More";
-  }
-
-  if (!format) {
-    format = type === "monthly" ? "MMMM YYYY" : "YYYY";
-  }
-
-  const posts = this.site.posts.sort("date", order);
-  if (!posts.length) return result;
-
-  const data = [];
-  let length = 0;
-
-  posts.forEach(post => {
-    // Clone the date object to avoid pollution
-    let date = post.date.clone();
-
-    if (timezone) date = date.tz(timezone);
-    if (lang) date = date.locale(lang);
-
-    const year = date.year();
-    const month = date.month() + 1;
-    const name = date.format(format);
-    const lastData = data[length - 1];
-
-    if (!lastData || lastData.name !== name) {
-      length = data.push({
-        name,
-        year,
-        month,
-        count: 1
-      });
-    } else {
-      lastData.count++;
-    }
-  });
-
-  const link = item => {
-    let url = `${archiveDir}/${item.year}/`;
-
-    if (type === "monthly") {
-      if (item.month < 10) url += "0";
-      url += `${item.month}/`;
-    }
-
-    return this.url_for(url);
-  };
-
-  result += `<ul class="archive-list">`;
-
-  for (let i = 0, len = data.length; i < Math.min(len, limit); i++) {
-    const item = data[i];
-
-    result += `<li class="archive-list-item">`;
-
-    result += `<a class="archive-list-link" href="${link(item)}">`;
-    result += `<span class="archive-list-date">`;
-    result += transform ? transform(item.name) : item.name;
-    result += `</span>`;
-
-    if (showCount) {
-      result += `<span class="archive-list-count">${item.count}</span>`;
-    }
-    result += "</a>";
-    result += "</li>";
-  }
-
-  if (data.length > limit) {
-    result += `<li class="archive-list-item">`;
-    result +=
-      `<a class="archive-list-link-more" href="` +
-      "/" +
-      `${archiveDir}" >`;
-    result += more_button;
-    result += "</a>";
-    result += "</li>";
-  }
-  result += "</ul>";
-  return result;
-});
--- a/scripts/note.js
+++ b/scripts/note.js
@@ -1,15 +0,0 @@
-/**
- * note.js
- * transplant from hexo-theme-next
- */
-
-'use strict';
-
-function postNote(args, content) {
-  return `<div class="note ${args.join(' ')}">
-            ${hexo.render.renderSync({text: content, engine: 'markdown'}).split('\n').join('')}
-          </div>`;
-}
-
-hexo.extend.tag.register('note', postNote, {ends: true});
-hexo.extend.tag.register('subnote', postNote, {ends: true});
--- a/Show More
+++ b/Show More
Author	SHA1	Message	Date
Jerry	aa8c509b96	🏷️ 更新至3.0.0-RC-1 close #189 , close #192 , close #223 , close #224 , close #229 , close 232, close #240	2020-06-16 18:37:22 +08:00
Jerry	0ad2c01fc9	🐛 fix: 修復因instantpage新版本bugs而導致fancybox和簡繁轉換無法正常工作的bugs	2020-05-21 16:27:44 +08:00
Jerry	a0655a37c8	🏷️ 更新2.3.5 更新內容查看 https://github.com/jerryc127/hexo-theme-butterfly/releases/tag/2.3.5	2020-05-01 18:58:09 +08:00
Jerry	e8a47d040a	🐛 修復上次更新導致頁面跳動的bug	2020-04-30 00:32:43 +08:00
Jerry	250181c569	🐛 修復當博客root不是'/'時,引用本地圖片會顯示不出的bug close #211	2020-04-28 15:31:14 +08:00
Jerry	91d285391d	🐛 修復tags頁標籤只顯示8個的bug	2020-04-27 14:44:25 +08:00
Jerry	92111f3c32	🐛 fix: 修復當menu沒設置圖標時，會報Cannot read property 'trim' of undefined 的bug 🐛 fix: 修復meta description 自動生成文章前200文字時部分沒有轉義的bug	2020-04-27 02:37:20 +08:00
Jerry	6cf59387c8	🏷️ 2.3.0 發佈	2020-04-26 23:31:39 +08:00
Jerry	13a0a4af8e	Merge branch 'dev' of https://github.com/jerryc127/hexo-theme-butterfly into dev	2020-04-26 23:31:03 +08:00
Jerry	0d56db50e4	🏷️ 2.3.0發佈	2020-04-26 23:29:38 +08:00
Jerry Wong	dad6fdbcc3	Merge pull request #194 from theWorkFsz/fix/article-sort-img-src fix: 修复 articleSort 设置文章封面逻辑不一致的问题	2020-04-26 14:41:53 +08:00
Jerry	796b8e6df4	✨ 適配 valine 1.4.5, 增加emojiCDN和emojiMaps配置	2020-04-21 21:36:21 +08:00
Jerry	8953e2e1aa	✨ 增加facebook comments	2020-04-19 16:05:47 +08:00
Jerry	b512eb761d	✨ feat: 增加標籤外掛 tag-toggle ✨ feat: 增加頁面加載動畫preloader close #193 ✨ feat: 適配hexo-generator-indexed插件 ✨ feat: aside subtitle可配置，優先顯示配置內容、沒有的顯示頁面subtitle close #191 ✨ feat: aside card-tags可配置是否顯示顏色 ✨ feat: algolia-search highligh文字加深 ✨ feat: 增加頁面keywords設置 #191 ✨ feat: darkmode和readmode配色微調 🐛 fix: 修復hide-block 配置顏色顯示出錯的bug 🐛 fix: 修正zh-TW部分用語	2020-04-17 19:48:07 +08:00
horo	84efd46404	fix: 修复 articleSort 设置文章封面逻辑不一致的问题	2020-04-14 18:46:13 +08:00
Jerry	d62ec1b866	💥 改cdn_use為inject,可插入代碼到head或者bottom 💥 移除對文章隱藏的支持，如需要，請使用插件，hexo-hide-posts/hexo-generator-indexed 💥 移除subtitle金山詞霸每日一句，增加搏天api的隨機語錄 ✨ subtitle修改為網頁加載完後再加載，防止api回應過慢而阻礙網頁顯示 ✨ 適配valine 1.4.0, 刪除部分valine夜間模式代碼 ✨ meta增加article:published_time和article:modified_time ✨ 當沒有設置Description時，會自動讀取文章前200個文字作為meta Description ✨ sidebar menu 增加頭像轉圈hover 💄 調整aside和mobile sidebar 網頁資訊佈局，當缺少一個時，寬度依舊平分 🐛 調整子目錄的排版（向左對齊），修復只能點擊子目錄文字才能跳轉的bug 🔥 pug精簡刪除recent-post.pug 改為引用mixins/post-ui.pug	2020-04-12 02:40:54 +08:00
Jerry	e81a81c9d1	✨ feat: 本地搜索支持顯示文章內容和高亮keyword 🐛 fix: 修復搜索結果在手機端無法滾動的bug 🐛 fix: 修復aside categories 查看更多跳轉到tags頁面的bug closes #188	2020-04-07 14:24:11 +08:00
Jerry	6c68ce1c4c	✨ feat: aside widget 增加部分參數可配置 ✨ feat: aside widget的Categories，Tags，post,Archives可配置limit ✨ feat: 整合公告欄配置到aside去 🐛 fix: 修復當flink.yml內容為空時，報錯的bug 💄 fix: 修復darkmode下 aside 查看更多文字顏色太淺的bug	2020-04-06 01:49:47 +08:00
Jerry	eb11e4afeb	🐛 修復POST-META關閉閲讀分鐘和訪問量後,評論量前有分割線的bug 🐛 修復canvas_ribbon透明度變為1再變回預設值bug 🐛 修復當default_cover沒設置時，會出現無圖片的bug 🎨 部分js調整	2020-04-02 22:16:01 +08:00
Jerry	5e37ab641a	✨ feat: 在設置裏配置js/css(CDN_USE)時可以設定其他參數 closes #152 ✨ feat: readmode下可以切換darkmode和lightmode 💄 fix: 高分辨率下的界面適配 closes #163 🐛 fix: 修復DarkMode下，note標簽的顯示bug	2020-03-30 21:45:13 +08:00
Jerry	16a3ac510d	🔖 2.2.5發佈更新内容請看 https://github.com/jerryc127/hexo-theme-butterfly/releases	2020-03-28 03:13:30 +08:00
Jerry	0ba52293a2	✨ feat: 增加手動廣告位置 ✨ feat: aside info 裏添加本站總文字 🎨 refactor: post-meta代碼結構	2020-03-20 18:28:13 +08:00
Jerry	ce72ba4f5d	🐛 fix: 修復簡繁轉換無效的bug	2020-03-19 15:42:52 +08:00
Jerry	c118e1e16a	🐛 1.修復首頁文章日期顯示錯誤的bug 🐛 2.修復因註釋掉豆瓣設置導致報Cannot read property 'meta' of undefined的bug 💄 3.調整文章頁post-meta和主頁post-meta的間距 💄 4.文章頁，當設置只顯示一個日期時，增加文字顯示	2020-03-19 01:15:45 +08:00
Jerry	67c013d6e7	🐛 1.修復Gitalk報Error: Cannot read property 'repository' of undefined 的bug 🐛 2.修復評論utterances 在display_mode設置為dark時，仍顯示light主題的bug 🐛 3.修復display_mode設置dark沒有效果的bug 🎨 4.評論增加夜間模式、文章頁判斷,減少不必要的js加載	2020-03-18 18:44:39 +08:00
Jerry	8bf11ddeb0	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	2020-03-17 21:39:58 +08:00
Jerry	ddff0348b7	Merge branch 'master' of https://github.com/jerryc127/hexo-theme-butterfly	2020-03-17 21:38:27 +08:00
Jerry	321091befb	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	2020-03-17 21:28:27 +08:00
Jerry Wong	9c996d0a73	Merge pull request #156 from HolgerHuo/patch-1 A small translation mistake.	2020-03-14 00:13:26 +08:00
HolgerHuo	748709f56f	A small translation mistake.	2020-03-13 15:10:22 +08:00
Jerry Wong	1ef2720c2c	Create stale.yml	2020-03-07 21:44:03 +08:00
Jerry Wong	d85f71887b	Merge pull request #142 from bmyjacks/Fix-#105 Fix Tencent Analytics #105	2020-03-01 22:51:07 +08:00
bmyjacks	9bb7c2bb99	Fix Tencent Analytics #105	2020-03-01 07:38:29 +08:00
Jerry Wong	c40db692bf	Merge pull request #117 from flymin/master add more options to gitalk	2020-02-13 20:03:37 +08:00
flymin	eec30fd6be	add more options to gitalk	2020-02-07 11:53:29 +08:00
Jerry	24269f457e	Fixed: 修復相關文章日期顯示錯誤bug	2019-12-31 15:10:47 +08:00
Jerry	c002fd0e64	update README	2019-12-30 16:37:57 +08:00
Jerry Wong	ae717bd304	Merge pull request #90 from eallion/dev 修改 Disqus 为 Disqus.js 版	2019-12-28 14:06:28 +08:00
eallion	894c709b3c	add disqus.js	2019-12-28 13:17:57 +08:00
eallion	d59ed0b401	auto push via Ubuntu	2019-12-27 23:11:48 +08:00
Charles Chin	96ef1478ef	Merge pull request #1 from jerryc127/dev 解決gitalk報錯問題	2019-12-27 22:56:05 +08:00
Jerry	43b109bdb6	解決gitalk報錯問題	2019-12-27 21:44:24 +08:00
Jerry	995fc7cf9d	1. 修復當valine background 是絕對地址時無法顯示的bug	2019-12-22 00:50:59 +08:00
Jerry	e77ab81941	1. 修復2.1.0 medium-zoom 無法使用的bug	2019-12-20 14:12:01 +08:00