🎨 代碼優化

layout/includes/additional-js.pug

@@ -12,6 +12,12 @@ div
   if theme.fancybox
     script(src=url_for(theme.CDN.fancybox))
 
+  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)
+
   if theme.fireworks && theme.fireworks.enable
     script(src=url_for(theme.CDN.anime))
     script(src=url_for(theme.CDN.fireworks))
@@ -19,6 +25,9 @@ div
   if (theme.snackbar && theme.snackbar.enable)
     script(src=url_for(theme.CDN.snackbar))
 
+  if theme.pangu && theme.pangu.enable
+    include ./third-party/pangu.pug
+
   if (theme.canvas_ribbon && theme.canvas_ribbon.enable)
     include ./third-party/canvas-ribbon.pug
 
@@ -35,12 +44,6 @@ div
       POWERMODE.shake = #{theme.activate_power_mode.shake};
       document.body.addEventListener('input', POWERMODE);
 
-  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)
-
   //- 鼠標特效
   if theme.click_heart
     script(src=url_for(theme.CDN.click_heart) async)
@@ -48,9 +51,6 @@ div
   if theme.ClickShowText && theme.ClickShowText.enable
     script(src=url_for(theme.CDN.ClickShowText) async)
 
-  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))
@@ -76,15 +76,15 @@ div
     if theme.busuanzi.site_uv || theme.busuanzi.site_pv || theme.busuanzi.page_pv
       script(async src=url_for(theme.CDN.busuanzi))
 
+  !=fragment_cache('injectBottom', function(){return injectHtml(theme.inject.bottom)})
+  !=partial('includes/chat/index', {}, {cache:theme.fragment_cache})
+
   if theme.aplayerInject && !config.aplayer.asset_inject
     if theme.pjax
       include ./head/aplayer.pug
     else if page.aplayer
       include ./head/aplayer.pug
 
-  !=fragment_cache('injectBottom', function(){return injectHtml(theme.inject.bottom)})
-  !=partial('includes/chat/index', {}, {cache:theme.fragment_cache})
-
   if theme.pjax
     !=partial('includes/third-party/pjax', {}, {cache:theme.fragment_cache})
 

layout/includes/header/menu_item.pug

@@ -8,7 +8,7 @@
           span=' '+label
     else
       .menus_item
-        a.site-page
+        a.site-page(href='javascript:void(0);')
           if label.split('||')[1]
             i.fa-fw(class=trim(label.split('||')[1]))
           span=' '+ trim(label.split('||')[0])

layout/includes/post/reward.pug

@@ -7,9 +7,10 @@
         each item in theme.reward.QR_code
           - var clickTo = (item.itemlist||item).link ? (item.itemlist||item).link : (item.itemlist||item).img
           li.reward-item
+            a(href=clickTo target='_blank')
               if theme.lazyload.enable
-              img.post-qr-code-img(data-lazy-src=url_for((item.itemlist||item).img) alt=(item.itemlist||item).text onclick=`window.open('${url_for(clickTo)}')`)
+                img.post-qr-code-img(data-lazy-src=url_for((item.itemlist||item).img) alt=(item.itemlist||item).text)
               else
-              img.post-qr-code-img(src=url_for((item.itemlist||item).img) alt=(item.itemlist||item).text onclick=`window.open('${url_for(clickTo)}')`)
+                img.post-qr-code-img(src=url_for((item.itemlist||item).img) alt=(item.itemlist||item).text)
             .post-qr-code-desc=(item.itemlist||item).text
 

layout/includes/third-party/pjax.pug

@@ -1,7 +1,7 @@
 script(src=url_for(theme.CDN.pjax))
 script.
-  $(function () {
   var pjax = new Pjax({
+    elements: 'a:not([target="_blank"])',
     selectors: [
       'title',
       'meta[name=description]',
@@ -30,9 +30,8 @@ script.
       gtag('config', '!{theme.google_analytics}', {'page_path': window.location.pathname});
     }
 
-      if (document.getElementsByClassName('aplayer').length){
-        typeof loadMeting === 'function' && loadMeting()
-      }
+    typeof loadMeting === 'function' && document.getElementsByClassName('aplayer').length && loadMeting()
+
   })
 
   document.addEventListener('pjax:send', function () {
@@ -54,5 +53,4 @@ script.
     //reset font-size
     $('body').css('font-size') !== originFontSize && $('body').css('font-size', parseFloat(originFontSize))
   })
-  })
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "hexo-theme-butterfly",
-  "version": "3.0.0-pjax",
+  "version": "3.0.0-rc2-dev",
   "private": true,
   "engines": {
     "node": ">=8.10.0"

scripts/filters/post_lazyload.js

@@ -8,15 +8,8 @@
 
 const urlFor = require('hexo-util').url_for.bind(hexo)
 
-function lazyProcess (htmlContent) {
-  const 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-lazy-src=`)
-}
-
-const processPost = function (data) {
+hexo.extend.filter.register('after_post_render', 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)
+  const bg = hexo.theme.config.lazyload.post ? urlFor(hexo.theme.config.lazyload.post) : 'data:image/gif;base64,R0lGODdhAQABAPAAAMPDwwAAACwAAAAAAQABAAACAkQBADs='
+  return data.content.replace(/(<img.*? src=)/ig, `$1 "${bg}" data-lazy-src=`)
+})

source/css/_global/index.styl

@@ -105,7 +105,6 @@ table
   color: #F7F7F7
 
 button
-  margin: 0
   padding: 0
   outline: 0
   border: none

source/css/_highlight/highlight.styl

@@ -123,9 +123,6 @@ blockquote
       padding-left: .5rem
       width: 100%
 
-    .line
-      height: 1rem
-
     .highlight-tools
       position: relative
       overflow: hidden

source/css/_layout/reward.styl

@@ -69,5 +69,3 @@
             padding-top: .4rem
             width: 130px
             color: $reward-pop-up-color
-            text-align: center
-            word-break: break-all

source/css/var.styl

@@ -50,7 +50,7 @@ $text-highlight-color = $font-color
 $text-hover = $theme-color
 $text-bg-hover = $theme-color
 // code
-$line-height-code-block = 20px
+$line-height-code-block = 1.6
 $blockquote-color = #6a737d
 $blockquote-padding-color = $themeColorEnable ? convert(hexo-config('theme_color.blockquote_padding_color')) : #49B1F5
 $blockquote-background-color = $themeColorEnable ? alpha(convert(hexo-config('theme_color.blockquote_background_color')), .1) : alpha($blockquote-padding-color, .1)