hexo-theme-shokax 0.4.6-dev5 → 0.4.6

package/source/js/_app/library/scriptPjax.ts

@@ -1,72 +1,72 @@
-// rocket-loader & Auto minify(cloudflare) 补丁
-// cloudflare 的上述功能会导致DOMContentLoaded事件无法触发，此补丁会将DOMContentLoaded重定向为load事件
-export function cloudflareInit () {
-  let inCloudFlare = true
-  window.addEventListener('DOMContentLoaded', function () {
-    inCloudFlare = false
-  })
-
-  if (document.readyState === 'loading') {
-    window.addEventListener('load', function () {
-      if (inCloudFlare) {
-        window.dispatchEvent(new Event('DOMContentLoaded'))
-        console.log('%c ☁️cloudflare patch ' + '%c running(rocket & minify)', 'color: white; background: #ff8c00; padding: 5px 3px;', 'padding: 4px;border:1px solid #ff8c00')
-      }
-    })
-  }
-}
-
-export const getScript = (url: string, callback?: Function, condition?: string): void => {
-  // url: 脚本文件的URL地址
-  // callback: 当脚本加载完成时要执行的回调函数
-  // condition: 可选的条件参数，如果存在，则执行callback
-  if (condition) {
-    // 如果条件存在，则执行回调函数
-    callback()
-  } else {
-    let script = document.createElement('script')
-
-    // @ts-ignore
-    script.onload = function (_, isAbort: boolean) {
-      // _: 事件对象
-      // isAbort: 是否中止
-      // @ts-ignore
-      if (isAbort || !script.readyState) {
-        console.log('abort!')
-        script.onload = null
-        script = undefined
-        if (!isAbort && callback) setTimeout(callback, 0)
-      }
-    }
-    script.src = url
-    document.head.appendChild(script)
-  }
-}
-
-export const pjaxScript = (element: HTMLScriptElement) => {
-  const { text, parentNode, id, className, type, src, dataset } = element
-  const code = text || element.textContent || element.innerHTML || ''
-  parentNode.removeChild(element)
-  const script = document.createElement('script')
-  if (id) {
-    script.id = id
-  }
-  if (className) {
-    script.className = className
-  }
-  if (type) {
-    script.type = type
-  }
-  if (src) {
-    // Force synchronous loading of peripheral JS.
-    script.src = src
-    script.async = false
-  }
-  if (dataset.pjax !== undefined) {
-    script.dataset.pjax = ''
-  }
-  if (code !== '') {
-    script.appendChild(document.createTextNode(code))
-  }
-  parentNode.appendChild(script)
-}
+// rocket-loader & Auto minify(cloudflare) 补丁
+// cloudflare 的上述功能会导致DOMContentLoaded事件无法触发，此补丁会将DOMContentLoaded重定向为load事件
+export function cloudflareInit () {
+  let inCloudFlare = true
+  window.addEventListener('DOMContentLoaded', function () {
+    inCloudFlare = false
+  })
+
+  if (document.readyState === 'loading') {
+    window.addEventListener('load', function () {
+      if (inCloudFlare) {
+        window.dispatchEvent(new Event('DOMContentLoaded'))
+        console.log('%c ☁️cloudflare patch ' + '%c running(rocket & minify)', 'color: white; background: #ff8c00; padding: 5px 3px;', 'padding: 4px;border:1px solid #ff8c00')
+      }
+    })
+  }
+}
+
+export const getScript = (url: string, callback?: Function, condition?: string): void => {
+  // url: 脚本文件的URL地址
+  // callback: 当脚本加载完成时要执行的回调函数
+  // condition: 可选的条件参数，如果存在，则执行callback
+  if (condition) {
+    // 如果条件存在，则执行回调函数
+    callback()
+  } else {
+    let script = document.createElement('script')
+
+    // @ts-ignore
+    script.onload = function (_, isAbort: boolean) {
+      // _: 事件对象
+      // isAbort: 是否中止
+      // @ts-ignore
+      if (isAbort || !script.readyState) {
+        console.log('abort!')
+        script.onload = null
+        script = undefined
+        if (!isAbort && callback) setTimeout(callback, 0)
+      }
+    }
+    script.src = url
+    document.head.appendChild(script)
+  }
+}
+
+export const pjaxScript = (element: HTMLScriptElement) => {
+  const { text, parentNode, id, className, type, src, dataset } = element
+  const code = text || element.textContent || element.innerHTML || ''
+  parentNode.removeChild(element)
+  const script = document.createElement('script')
+  if (id) {
+    script.id = id
+  }
+  if (className) {
+    script.className = className
+  }
+  if (type) {
+    script.type = type
+  }
+  if (src) {
+    // Force synchronous loading of peripheral JS.
+    script.src = src
+    script.async = false
+  }
+  if (dataset.pjax !== undefined) {
+    script.dataset.pjax = ''
+  }
+  if (code !== '') {
+    script.appendChild(document.createTextNode(code))
+  }
+  parentNode.appendChild(script)
+}

package/source/js/_app/library/storage.ts

@@ -1,12 +1,12 @@
-// Html5LocalStorage的一个API
-export const $storage = {
-  set (key: string, value: string): void {
-    localStorage.setItem(key, value)
-  },
-  get (key: string): string {
-    return localStorage.getItem(key)
-  },
-  del (key: string): void {
-    localStorage.removeItem(key)
-  }
-}
+// Html5LocalStorage的一个API
+export const $storage = {
+  set (key: string, value: string): void {
+    localStorage.setItem(key, value)
+  },
+  get (key: string): string {
+    return localStorage.getItem(key)
+  },
+  del (key: string): void {
+    localStorage.removeItem(key)
+  }
+}

package/source/js/_app/library/vue.ts

@@ -1,49 +1,49 @@
-import { $storage } from './storage'
-import { transition } from './anime'
-import { BODY } from '../globals/globalVars'
-import { changeTheme } from '../globals/themeColor'
-import { createChild, setDisplay } from './proto'
-export function initVue () {
-  function changeThemeByBtn () {
-    let c: { (): void; (): void; (): void }
-    const btn = document.querySelector('.theme').querySelector('.ic')
-
-    const neko = createChild(BODY, 'div', {
-      id: 'neko',
-      innerHTML: '<div class="planet"><div class="sun"></div><div class="moon"></div></div><div class="body"><div class="face"><section class="eyes left"><span class="pupil"></span></section><section class="eyes right"><span class="pupil"></span></section><span class="nose"></span></div></div>'
-    })
-
-    const hideNeko = () => {
-      transition(neko, {
-        // @ts-ignore
-        delay: 2500,
-        opacity: 0
-      }, () => {
-        BODY.removeChild(neko)
-      })
-    }
-
-    if (btn.hasClass('i-sun')) {
-      c = () => {
-        neko.addClass('dark')
-        changeTheme('dark')
-        $storage.set('theme', 'dark')
-        hideNeko()
-      }
-    } else {
-      neko.addClass('dark')
-      c = () => {
-        neko.removeClass('dark')
-        changeTheme()
-        $storage.set('theme', 'light')
-        hideNeko()
-      }
-    }
-    transition(neko, 1, () => {
-      setTimeout(c, 210)
-    }, () => {
-      setDisplay(neko, 'block')
-    })
-  }
-  document.getElementById('rightNav').querySelector('.theme .ic').addEventListener('click', changeThemeByBtn)
-}
+import { $storage } from './storage'
+import { transition } from './anime'
+import { BODY } from '../globals/globalVars'
+import { changeTheme } from '../globals/themeColor'
+import { createChild, setDisplay } from './proto'
+export function initVue () {
+  function changeThemeByBtn () {
+    let c: { (): void; (): void; (): void }
+    const btn = document.querySelector('.theme').querySelector('.ic')
+
+    const neko = createChild(BODY, 'div', {
+      id: 'neko',
+      innerHTML: '<div class="planet"><div class="sun"></div><div class="moon"></div></div><div class="body"><div class="face"><section class="eyes left"><span class="pupil"></span></section><section class="eyes right"><span class="pupil"></span></section><span class="nose"></span></div></div>'
+    })
+
+    const hideNeko = () => {
+      transition(neko, {
+        // @ts-ignore
+        delay: 2500,
+        opacity: 0
+      }, () => {
+        BODY.removeChild(neko)
+      })
+    }
+
+    if (btn.hasClass('i-sun')) {
+      c = () => {
+        neko.addClass('dark')
+        changeTheme('dark')
+        $storage.set('theme', 'dark')
+        hideNeko()
+      }
+    } else {
+      neko.addClass('dark')
+      c = () => {
+        neko.removeClass('dark')
+        changeTheme()
+        $storage.set('theme', 'light')
+        hideNeko()
+      }
+    }
+    transition(neko, 1, () => {
+      setTimeout(c, 210)
+    }, () => {
+      setDisplay(neko, 'block')
+    })
+  }
+  document.getElementById('rightNav').querySelector('.theme .ic').addEventListener('click', changeThemeByBtn)
+}

package/source/js/_app/page/common.ts

@@ -1,43 +1,43 @@
-import { $dom } from '../library/dom'
-
-export const cardActive = () => {
-  if (!document.querySelector('.index.wrap')) { return }
-  const io = new IntersectionObserver((entries) => {
-    entries.forEach((article) => {
-      if (article.target.hasClass('show')) {
-        io.unobserve(article.target)
-      } else {
-        if (article.isIntersecting || article.intersectionRatio > 0) {
-          article.target.addClass('show')
-          io.unobserve(article.target)
-        }
-      }
-    })
-  }, {
-    root: null,
-    threshold: [0.3]
-  })
-
-  $dom.each('.index.wrap article.item, .index.wrap section.item', (article) => {
-    io.observe(article)
-  })
-
-  document.querySelector('.index.wrap .item:first-child').addClass('show')
-
-  $dom.each('.cards .item', (element) => {
-    ['mouseenter', 'touchstart'].forEach((item) => {
-      element.addEventListener(item, () => {
-        const cardEle = document.querySelector('.cards .item.active')
-        if (cardEle) {
-          cardEle.removeClass('active')
-        }
-        element.addClass('active')
-      }, { passive: true })
-    });
-    ['mouseleave'].forEach((item) => {
-      element.addEventListener(item, () => {
-        element.removeClass('active')
-      }, { passive: true })
-    })
-  })
-}
+import { $dom } from '../library/dom'
+
+export const cardActive = () => {
+  if (!document.querySelector('.index.wrap')) { return }
+  const io = new IntersectionObserver((entries) => {
+    entries.forEach((article) => {
+      if (article.target.hasClass('show')) {
+        io.unobserve(article.target)
+      } else {
+        if (article.isIntersecting || article.intersectionRatio > 0) {
+          article.target.addClass('show')
+          io.unobserve(article.target)
+        }
+      }
+    })
+  }, {
+    root: null,
+    threshold: [0.3]
+  })
+
+  $dom.each('.index.wrap article.item, .index.wrap section.item', (article) => {
+    io.observe(article)
+  })
+
+  document.querySelector('.index.wrap .item:first-child').addClass('show')
+
+  $dom.each('.cards .item', (element) => {
+    ['mouseenter', 'touchstart'].forEach((item) => {
+      element.addEventListener(item, () => {
+        const cardEle = document.querySelector('.cards .item.active')
+        if (cardEle) {
+          cardEle.removeClass('active')
+        }
+        element.addClass('active')
+      }, { passive: true })
+    });
+    ['mouseleave'].forEach((item) => {
+      element.addEventListener(item, () => {
+        element.removeClass('active')
+      }, { passive: true })
+    })
+  })
+}

package/source/js/_app/page/fancybox.ts

@@ -1,72 +1,72 @@
-import { $dom } from '../library/dom'
-import { vendorCss, vendorJs } from '../library/loadFile'
-import { insertAfter } from '../library/proto'
-
-// TODO 使用PhotoSwipe替换Fancybox
-export const postFancybox = (p:string) => {
-  if (document.querySelector(p + ' .md img')) {
-    vendorCss('fancybox')
-    vendorCss('justifiedGallery')
-    vendorJs('fancybox', () => {
-      const q = jQuery.noConflict()
-
-      $dom.each(p + ' p.gallery', (element) => {
-        const box = document.createElement('div')
-        box.className = 'gallery'
-        box.setAttribute('data-height', String(element.getAttribute('data-height') || 220))
-
-        box.innerHTML = element.innerHTML.replace(/<br>/g, '')
-
-        element.parentNode.insertBefore(box, element)
-        element.remove()
-      })
-
-      $dom.each(p + ' .md img:not(.emoji):not(.vemoji)', (element) => {
-        const $image = q(element)
-        const imageLink = $image.attr('data-src') || $image.attr('src') // 替换
-        const $imageWrapLink = $image.wrap('<a class="fancybox" href="' + imageLink + '" itemscope itemtype="https://schema.org/ImageObject" itemprop="url"></a>').parent('a')
-        let info; let captionClass = 'image-info'
-        if (!$image.is('a img')) {
-          $image.data('safe-src', imageLink)
-          if (!$image.is('.gallery img')) {
-            $imageWrapLink.attr('data-fancybox', 'default').attr('rel', 'default')
-          } else {
-            captionClass = 'jg-caption'
-          }
-        }
-        if ((info = element.getAttribute('title'))) {
-          $imageWrapLink.attr('data-caption', info)
-          const para = document.createElement('span')
-          const txt = document.createTextNode(info)
-          para.appendChild(txt)
-          para.addClass(captionClass)
-          insertAfter(element, para)
-        }
-      })
-
-      $dom.each(p + ' div.gallery', (el, i) => {
-        // @ts-ignore
-        q(el).justifiedGallery({
-          rowHeight: q(el).data('height') || 120,
-          rel: 'gallery-' + i
-        }).on('jg.complete', function () {
-          q(this).find('a').each((k, ele) => {
-            ele.setAttribute('data-fancybox', 'gallery-' + i)
-          })
-        })
-      })
-
-      q.fancybox.defaults.hash = false
-      q(p + ' .fancybox').fancybox({
-        loop: true,
-        // @ts-ignore
-        helpers: {
-          overlay: {
-            locked: false
-          }
-        }
-      })
-      // @ts-ignore
-    }, window.jQuery)
-  }
-}
+import { $dom } from '../library/dom'
+import { vendorCss, vendorJs } from '../library/loadFile'
+import { insertAfter } from '../library/proto'
+
+// TODO 使用PhotoSwipe替换Fancybox
+export const postFancybox = (p:string) => {
+  if (document.querySelector(p + ' .md img')) {
+    vendorCss('fancybox')
+    vendorCss('justifiedGallery')
+    vendorJs('fancybox', () => {
+      const q = jQuery.noConflict()
+
+      $dom.each(p + ' p.gallery', (element) => {
+        const box = document.createElement('div')
+        box.className = 'gallery'
+        box.setAttribute('data-height', String(element.getAttribute('data-height') || 220))
+
+        box.innerHTML = element.innerHTML.replace(/<br>/g, '')
+
+        element.parentNode.insertBefore(box, element)
+        element.remove()
+      })
+
+      $dom.each(p + ' .md img:not(.emoji):not(.vemoji)', (element) => {
+        const $image = q(element)
+        const imageLink = $image.attr('data-src') || $image.attr('src') // 替换
+        const $imageWrapLink = $image.wrap('<a class="fancybox" href="' + imageLink + '" itemscope itemtype="https://schema.org/ImageObject" itemprop="url"></a>').parent('a')
+        let info; let captionClass = 'image-info'
+        if (!$image.is('a img')) {
+          $image.data('safe-src', imageLink)
+          if (!$image.is('.gallery img')) {
+            $imageWrapLink.attr('data-fancybox', 'default').attr('rel', 'default')
+          } else {
+            captionClass = 'jg-caption'
+          }
+        }
+        if ((info = element.getAttribute('title'))) {
+          $imageWrapLink.attr('data-caption', info)
+          const para = document.createElement('span')
+          const txt = document.createTextNode(info)
+          para.appendChild(txt)
+          para.addClass(captionClass)
+          insertAfter(element, para)
+        }
+      })
+
+      $dom.each(p + ' div.gallery', (el, i) => {
+        // @ts-ignore
+        q(el).justifiedGallery({
+          rowHeight: q(el).data('height') || 120,
+          rel: 'gallery-' + i
+        }).on('jg.complete', function () {
+          q(this).find('a').each((k, ele) => {
+            ele.setAttribute('data-fancybox', 'gallery-' + i)
+          })
+        })
+      })
+
+      q.fancybox.defaults.hash = false
+      q(p + ' .fancybox').fancybox({
+        loop: true,
+        // @ts-ignore
+        helpers: {
+          overlay: {
+            locked: false
+          }
+        }
+      })
+      // @ts-ignore
+    }, window.jQuery)
+  }
+}