1. chore: 只支持hexo 4.2.0以上版本

2. feat: 可隱藏Mobile sidebar 子菜單
3. refactor: archives和card-post 改為flex佈局
4. feat: 當寬度小於1024時，點擊toc滾動，增加滾動效果
5. feat: 點擊滾動，如果滾動是向上時，將會偏移60px， 避免導航欄遮擋 close #317
6. feat: 可配置font-size
7. refactor: 去除字體放大、縮小按鈕
8. refactor: 部分css由'px'改為'em'，適應font-size值改變而改變
9.  feat: pjax增加exclude配置
10. fix: 修復canvas_nest 配置沒有生效的Bugs
11. feat: 新增 cnzz_analytics
12. feat: 騰訊分析改為騰訊移動分析，並適配pjax
13. perf: 改cookies為localstore存儲
14. feat: 設置中的theme_color可單獨配置幾個，而不需要全部開啟 close #314
15. feat: butterfly.yml 採用deepMerge, 與_config文件進行合併而不是替換
16. fix: 修復rightsize-bottom配置無效的bug
17. refactor: aside增加position sticky
18. refactor: 調整webinfo 寬度小時的顯示
19. feat: 更改addtoany item的寫法
20. refactor: aside 內容邊距調整
21. feat: 增加最後更新時間顯示

layout/includes/head/analytics.pug

@@ -17,4 +17,16 @@ if theme.google_analytics
     gtag('config', '!{theme.google_analytics}');
 
 if theme.tencent_analytics
-  script(src=`https://tajs.qq.com/stats?sId=${theme.tencent_analytics}` charset="UTF-8" data-pjax)
+  script.
+    var _mtac = {};
+    (function() {
+        var mta = document.createElement("script");
+        mta.src = "//pingjs.qq.com/h5/stats.js?v2.0.4";
+        mta.setAttribute("name", "MTAH5");
+        mta.setAttribute("sid", "!{theme.tencent_analytics}");
+        var s = document.getElementsByTagName("script")[0];
+        s.parentNode.insertBefore(mta, s);
+    })();
+
+if theme.cnzz_analytics
+  script(async data-pjax src=`https://s4.cnzz.com/z_stat.php?id=${theme.cnzz_analytics}&web_id=${theme.cnzz_analytics}`)

layout/includes/head/config.pug

@@ -1,6 +1,6 @@
 -
-  var algolia = 'undefined';
-  var env = process.env;
+  let algolia = 'undefined';
+  let env = process.env;
   if (theme.algolia_search.enable) {
     algolia = JSON.stringify({
       appId: env.ALGOLIA_APP_ID || config.algolia.appId || config.algolia.applicationID,
@@ -16,7 +16,7 @@
     })
   } 
   
-  var localSearch = 'undefined';
+  let localSearch = 'undefined';
   if (theme.local_search && theme.local_search.enable) {
     localSearch = JSON.stringify({
       path: config.search.path,
@@ -26,7 +26,8 @@
       }
     })
   }
-  var translate = 'undefined';
+
+  let translate = 'undefined';
   if (theme.translate && theme.translate.enable){
     translate = JSON.stringify({
       defaultEncoding: theme.translate.defaultEncoding,
@@ -36,7 +37,7 @@
     })
   }
 
-  var copyright = 'undefined';
+  let copyright = 'undefined';
   if (theme.copy.enable && theme.copy.copyright.enable){
     copyright = JSON.stringify({
       limitCount: theme.copy.copyright.limit_count,
@@ -49,7 +50,7 @@
     })
   }
 
-  var ClickShowText = 'undefined';
+  let ClickShowText = 'undefined';
   if (theme.ClickShowText && theme.ClickShowText.enable) {
     ClickShowText = JSON.stringify({
     text: theme.ClickShowText.text.join(","),
@@ -58,24 +59,24 @@
   }
 
   
-  var Snackbar = 'undefined';
+  let Snackbar = 'undefined';
   if (theme.snackbar && theme.snackbar.enable) {
-  Snackbar = JSON.stringify({
-    bookmark: {
-      message_prev: _p("Snackbar.bookmark.message_prev"),
-      message_next: _p("Snackbar.bookmark.message_next")
-    },
-    chs_to_cht: _p("Snackbar.chs_to_cht"),
-    cht_to_chs: _p("Snackbar.cht_to_chs"),
-    day_to_night: _p("Snackbar.day_to_night"),
-    night_to_day: _p("Snackbar.night_to_day"),
-    bgLight: theme.snackbar.bg_light,
-    bgDark: theme.snackbar.bg_dark,
-    position: theme.snackbar.position,
+    Snackbar = JSON.stringify({
+      bookmark: {
+        message_prev: _p("Snackbar.bookmark.message_prev"),
+        message_next: _p("Snackbar.bookmark.message_next")
+      },
+      chs_to_cht: _p("Snackbar.chs_to_cht"),
+      cht_to_chs: _p("Snackbar.cht_to_chs"),
+      day_to_night: _p("Snackbar.day_to_night"),
+      night_to_day: _p("Snackbar.night_to_day"),
+      bgLight: theme.snackbar.bg_light,
+      bgDark: theme.snackbar.bg_dark,
+      position: theme.snackbar.position,
     })
   }
 
-  var noticeOutdate = 'undefined';
+  let noticeOutdate = 'undefined';
   if (theme.noticeOutdate && theme.noticeOutdate.enable) {
     noticeOutdate = JSON.stringify({
       limitDay: theme.noticeOutdate.limit_day,
@@ -85,6 +86,15 @@
     })
   }
 
+  let highlight = 'undefined';
+  if ((config.highlight && config.highlight.enable) || (config.prismjs && config.prismjs.enable)) {
+    highlight = JSON.stringify({
+      plugin: config.highlight.enable ? 'highlighjs' : 'prismjs',
+      highlightCopy: theme.highlight_copy,
+      highlightLang: theme.highlight_lang
+    })
+  }
+
 script.
   var GLOBAL_CONFIG = { 
     root: '!{config.root}',
@@ -93,6 +103,7 @@ script.
     localSearch: !{localSearch},
     translate: !{translate},
     noticeOutdate: !{noticeOutdate},
+    highlight: !{highlight},
     copy: {
       success: '!{_p("copy.success")}',
       error: '!{_p("copy.error")}',
@@ -102,8 +113,8 @@ script.
       message_prev: '!{_p("Snackbar.bookmark.message_prev")}',
       message_next: '!{_p("Snackbar.bookmark.message_next")}'
     },
-    runtime_unit: '!{_p("runtime_unit")}',
-    runtime: !{theme.runtimeshow.enable},
+    runtime: '!{theme.runtimeshow.enable ? _p("aside.card_webinfo.runtime.unit") : ""}',
+    last_push_date: '!{theme.aside.card_webinfo.last_push_date ? _p("aside.card_webinfo.last_push_date.suffix") : ""}',
     copyright: !{copyright},
     ClickShowText: !{ClickShowText},
     medium_zoom: !{theme.medium_zoom},
@@ -114,10 +125,38 @@ script.
       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}    
+    isanchor: !{theme.anchor}
+  };
+  
+  var saveToLocal = {
+    set: function setWithExpiry(key, value, ttl) {
+        const now = new Date()
+        const expiryDay = ttl * 86400000
+        const item = {
+          value: value,
+          expiry: now.getTime() + expiryDay,
+        }
+        localStorage.setItem(key, JSON.stringify(item))
+      },
+    
+    get: function getWithExpiry(key) {
+      const itemStr = localStorage.getItem(key)
+
+      if (!itemStr) {
+        return undefined
+      }
+      const item = JSON.parse(itemStr)
+      const now = new Date()
+
+      if (now.getTime() > item.expiry) {
+        localStorage.removeItem(key)
+        return undefined
+      }
+      return item.value
+    }
   }
 
+
+

layout/includes/head/darkmode.pug

@@ -1,56 +1,51 @@
-script.
-  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')
-    }
-  }
-  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')
-    }
-  }
-
-  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()
+if theme.darkmode.enable
+  script.
+    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')
       }
-      window.matchMedia('(prefers-color-scheme: dark)').addListener(function (e) {
-        if (Cookies.get('theme') === undefined) {
-          e.matches ? activateDarkMode() : 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')
+      }
+    }
+
+    var autoChangeMode = '#{theme.darkmode.autoChangeMode}'
+    var t = saveToLocal.get('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()
         }
-      })
-    } 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()
-  }
+        window.matchMedia('(prefers-color-scheme: dark)').addListener(function (e) {
+          if (saveToLocal.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()
+    }

layout/includes/head/noscript.pug

@@ -1,5 +1,5 @@
 noscript. 
-  <style>
+  <style type="text/css">
   #nav {
     opacity: 1
   }

layout/includes/head/preconnect.pug

@@ -7,7 +7,10 @@ if theme.baidu_analytics
   link(rel="preconnect" href="//hm.baidu.com")
 
 if theme.tencent_analytics
-  link(rel="preconnect" href="//ta.qq.com")
+  link(rel="preconnect" href="//pingjs.qq.com")
+
+if theme.cnzz_analytics
+  link(rel="preconnect" href="//s4.cnzz.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)