hexo-theme-shokax 0.4.6-dev5 → 0.4.6

package/source/js/_app/components/tcomments.ts

@@ -1,54 +1,54 @@
-import * as twikoo from 'twikoo'
-import { CONFIG } from '../globals/globalVars'
-
-export const twikooComment = function () {
-  twikoo.init({
-    envId: CONFIG.twikoo.envId,
-    el: '#comments',
-    region: CONFIG.twikoo.region
-  })
-}
-
-export const twikooRecentComments = async function () {
-  let comments = []
-  const root = shokax_siteURL.replace(/^(https?:\/\/)?[^/]*/, '')
-  const res = await twikoo.getRecentComments({
-    envId: CONFIG.twikoo.envId,
-    pageSize: 10
-  })
-  res.forEach(function (item) {
-    let cText = item.commentText
-    if (item.commentText.length > 50) {
-      cText = item.commentText.substring(0, 50) + '...'
-    }
-    const siteLink = item.url + '#' + item.id
-    comments.push({
-      href: siteLink,
-      nick: item.nick,
-      time: item.relativeTime,
-      text: cText
-    })
-  })
-  const newComments = new DocumentFragment()
-  comments.forEach(function (item) {
-    const commentEl = document.createElement('li')
-    const commentLink = document.createElement('a')
-    const commentTime = document.createElement('span')
-    const commentText = document.createElement('span')
-
-    commentText.innerText = item.text
-    commentTime.className = 'breadcrumb'
-    commentTime.innerText = `${item.nick} @ ${item.time}`
-    commentLink.href = root + item.href
-    commentLink['data-pjax-state'] = 'data-pjax-state'
-    commentEl.className = 'item'
-
-    commentText.appendChild(document.createElement('br'))
-    commentLink.appendChild(commentTime)
-    commentLink.appendChild(commentText)
-    commentEl.appendChild(commentLink)
-    newComments.appendChild(commentEl)
-  })
-
-  document.getElementById('new-comment').appendChild(newComments)
-}
+import * as twikoo from 'twikoo'
+import { CONFIG } from '../globals/globalVars'
+
+export const twikooComment = function () {
+  twikoo.init({
+    envId: CONFIG.twikoo.envId,
+    el: '#comments',
+    region: CONFIG.twikoo.region
+  })
+}
+
+export const twikooRecentComments = async function () {
+  let comments = []
+  const root = shokax_siteURL.replace(/^(https?:\/\/)?[^/]*/, '')
+  const res = await twikoo.getRecentComments({
+    envId: CONFIG.twikoo.envId,
+    pageSize: 10
+  })
+  res.forEach(function (item) {
+    let cText = item.commentText
+    if (item.commentText.length > 50) {
+      cText = item.commentText.substring(0, 50) + '...'
+    }
+    const siteLink = item.url + '#' + item.id
+    comments.push({
+      href: siteLink,
+      nick: item.nick,
+      time: item.relativeTime,
+      text: cText
+    })
+  })
+  const newComments = new DocumentFragment()
+  comments.forEach(function (item) {
+    const commentEl = document.createElement('li')
+    const commentLink = document.createElement('a')
+    const commentTime = document.createElement('span')
+    const commentText = document.createElement('span')
+
+    commentText.innerText = item.text
+    commentTime.className = 'breadcrumb'
+    commentTime.innerText = `${item.nick} @ ${item.time}`
+    commentLink.href = root + item.href
+    commentLink['data-pjax-state'] = 'data-pjax-state'
+    commentEl.className = 'item'
+
+    commentText.appendChild(document.createElement('br'))
+    commentLink.appendChild(commentTime)
+    commentLink.appendChild(commentText)
+    commentEl.appendChild(commentLink)
+    newComments.appendChild(commentEl)
+  })
+
+  document.getElementById('new-comment').appendChild(newComments)
+}

package/source/js/_app/globals/globalVars.ts

@@ -1,99 +1,99 @@
-import { $dom } from '../library/dom'
-import Pjax from 'theme-shokax-pjax'
-import initProto from '../library/proto'
-
-export const CONFIG = shokax_CONFIG
-initProto()
-export const statics = CONFIG.statics.indexOf('//') > 0 ? CONFIG.statics : CONFIG.root
-export const scrollAction: { x: number, y: number } = { x: 0, y: 0 }
-export let diffY = 0
-export let originTitle: string, titleTime: NodeJS.Timeout
-export const BODY = document.getElementsByTagName('body')[0]
-export const HTML = document.documentElement
-export const Container = document.getElementById('container')
-export const loadCat = document.getElementById('loading')
-export const siteNav = document.getElementById('nav')
-export const siteHeader = document.getElementById('header')
-export const menuToggle = siteNav.querySelector('.toggle')
-export const quickBtn = document.getElementById('quick')
-export const sideBar = document.getElementById('sidebar')
-export const siteBrand = document.getElementById('brand')
-export let toolBtn = document.getElementById('tool')
-export let toolPlayer
-export let backToTop: HTMLElement
-export let goToComment
-export let showContents
-export let siteSearch = document.getElementById('search')
-export let siteNavHeight: number, headerHightInner: number, headerHight: number
-export let oWinHeight = window.innerHeight
-export let oWinWidth = window.innerWidth
-export let LOCAL_HASH = 0
-export let LOCAL_URL = window.location.href
-export let pjax:Pjax
-
-export function setSiteNavHeight (value:number):void {
-  siteNavHeight = value
-}
-export function setHeaderHightInner (value:number):void {
-  headerHightInner = value
-}
-
-export function setHeaderHight (value:number):void {
-  headerHight = value
-}
-
-export function setOWinHeight (value:number):void {
-  oWinHeight = value
-}
-
-export function setOWinWidth (value:number):void {
-  oWinWidth = value
-}
-
-export function setDiffY (value:number):void {
-  diffY = value
-}
-
-export function setTitleTime (value:NodeJS.Timeout):void {
-  titleTime = value
-}
-
-export function setLocalHash (value:number):void {
-  LOCAL_HASH = value
-}
-
-export function setLocalUrl (value:string):void {
-  LOCAL_URL = value
-}
-
-export function setPjax (value:Pjax):void {
-  pjax = value
-}
-
-export function setOriginTitle (value:string):void {
-  originTitle = value
-}
-
-export function setToolPlayer (value:any):void {
-  toolPlayer = value
-}
-
-export function setBackToTop (value:HTMLElement):void {
-  backToTop = value
-}
-
-export function setGoToComment (value:any):void {
-  goToComment = value
-}
-
-export function setShowContents (value:any):void {
-  showContents = value
-}
-
-export function setToolBtn (value:HTMLElement):void {
-  toolBtn = value
-}
-
-export function setSiteSearch (value:HTMLElement):void {
-  siteSearch = value
-}
+import { $dom } from '../library/dom'
+import Pjax from 'theme-shokax-pjax'
+import initProto from '../library/proto'
+
+export const CONFIG = shokax_CONFIG
+initProto()
+export const statics = CONFIG.statics.indexOf('//') > 0 ? CONFIG.statics : CONFIG.root
+export const scrollAction: { x: number, y: number } = { x: 0, y: 0 }
+export let diffY = 0
+export let originTitle: string, titleTime: NodeJS.Timeout
+export const BODY = document.getElementsByTagName('body')[0]
+export const HTML = document.documentElement
+export const Container = document.getElementById('container')
+export const loadCat = document.getElementById('loading')
+export const siteNav = document.getElementById('nav')
+export const siteHeader = document.getElementById('header')
+export const menuToggle = siteNav.querySelector('.toggle')
+export const quickBtn = document.getElementById('quick')
+export const sideBar = document.getElementById('sidebar')
+export const siteBrand = document.getElementById('brand')
+export let toolBtn = document.getElementById('tool')
+export let toolPlayer
+export let backToTop: HTMLElement
+export let goToComment
+export let showContents
+export let siteSearch = document.getElementById('search')
+export let siteNavHeight: number, headerHightInner: number, headerHight: number
+export let oWinHeight = window.innerHeight
+export let oWinWidth = window.innerWidth
+export let LOCAL_HASH = 0
+export let LOCAL_URL = window.location.href
+export let pjax:Pjax
+
+export function setSiteNavHeight (value:number):void {
+  siteNavHeight = value
+}
+export function setHeaderHightInner (value:number):void {
+  headerHightInner = value
+}
+
+export function setHeaderHight (value:number):void {
+  headerHight = value
+}
+
+export function setOWinHeight (value:number):void {
+  oWinHeight = value
+}
+
+export function setOWinWidth (value:number):void {
+  oWinWidth = value
+}
+
+export function setDiffY (value:number):void {
+  diffY = value
+}
+
+export function setTitleTime (value:NodeJS.Timeout):void {
+  titleTime = value
+}
+
+export function setLocalHash (value:number):void {
+  LOCAL_HASH = value
+}
+
+export function setLocalUrl (value:string):void {
+  LOCAL_URL = value
+}
+
+export function setPjax (value:Pjax):void {
+  pjax = value
+}
+
+export function setOriginTitle (value:string):void {
+  originTitle = value
+}
+
+export function setToolPlayer (value:any):void {
+  toolPlayer = value
+}
+
+export function setBackToTop (value:HTMLElement):void {
+  backToTop = value
+}
+
+export function setGoToComment (value:any):void {
+  goToComment = value
+}
+
+export function setShowContents (value:any):void {
+  showContents = value
+}
+
+export function setToolBtn (value:HTMLElement):void {
+  toolBtn = value
+}
+
+export function setSiteSearch (value:HTMLElement):void {
+  siteSearch = value
+}

package/source/js/_app/globals/handles.ts

@@ -1,124 +1,124 @@
-import { sideBarToggleHandle } from '../components/sidebar'
-import {
-  backToTop,
-  diffY,
-  headerHight,
-  headerHightInner,
-  oWinWidth,
-  originTitle,
-  scrollAction,
-  sideBar,
-  siteBrand,
-  siteHeader,
-  siteNav,
-  statics,
-  titleTime,
-  toolBtn,
-  setSiteNavHeight,
-  setHeaderHightInner,
-  setHeaderHight,
-  setOWinHeight, setOWinWidth, setDiffY, setTitleTime, CONFIG
-} from './globalVars'
-import { changeMetaTheme } from './themeColor'
-import { Loader } from './thirdparty'
-import { getHeight, setWidth } from '../library/proto'
-
-const wavesEle = document.getElementById('waves')
-
-export const resizeHandle = () => {
-  // 获取 siteNav 的高度
-  setSiteNavHeight(getHeight(siteNav))
-  // 获取 siteHeader 的高度
-  setHeaderHightInner(getHeight(siteHeader))
-  // 获取 #waves 的高度
-  setHeaderHight(headerHightInner + getHeight(wavesEle))
-
-  // 判断窗口宽度是否改变
-  if (oWinWidth !== window.innerWidth) {
-    sideBarToggleHandle(null, 1)
-  }
-
-  // 记录窗口高度和宽度
-  setOWinHeight(window.innerHeight)
-  setOWinWidth(window.innerWidth)
-}
-
-export const scrollHandle = () => {
-  // 获取窗口高度
-  const winHeight = window.innerHeight
-  // 获取文档高度
-  const docHeight = (document.querySelector('main > .inner') as HTMLElement).offsetHeight
-  // 计算可见内容高度
-  const contentVisibilityHeight = docHeight > winHeight ? docHeight - winHeight : document.body.scrollHeight - winHeight
-  // 判断页面是否滚动超过 headerHightInner
-  const SHOW = window.scrollY > headerHightInner
-  // 判断页面是否开始滚动
-  const startScroll = window.scrollY > 0
-
-  // 根据条件修改 meta theme
-  if (SHOW) {
-    changeMetaTheme('#FFF')
-  } else {
-    changeMetaTheme('#222')
-  }
-
-  // 控制导航栏的显示隐藏
-  siteNav.toggleClass('show', SHOW)
-  // 控制网站 logo 的显示隐藏
-  toolBtn.toggleClass('affix', startScroll)
-  // 控制侧边栏的显示隐藏，当滚动高度大于 headerHight 且窗口宽度大于 991px 时显示
-  siteBrand.toggleClass('affix', startScroll)
-  sideBar.toggleClass('affix', window.scrollY > headerHight && document.body.offsetWidth > 991)
-  // 初始化滚动时导航栏的显示方向
-  if (typeof scrollAction.y === 'undefined') {
-    scrollAction.y = window.scrollY
-  }
-  setDiffY(scrollAction.y - window.scrollY)
-
-  // 控制滑动时导航栏显示
-  if (diffY < 0) {
-    siteNav.removeClass('up')
-    siteNav.toggleClass('down', SHOW)
-  } else if (diffY > 0) {
-    siteNav.removeClass('down')
-    siteNav.toggleClass('up', SHOW)
-  } else { /* empty */ }
-  scrollAction.y = window.scrollY
-  // 计算滚动百分比
-  const scrollPercent = Math.round(Math.min(100 * window.scrollY / contentVisibilityHeight, 100)) + '%'
-  // 更新回到顶部按钮的文字
-  if (backToTop.querySelector('span').innerText !== scrollPercent) {
-    backToTop.querySelector('span').innerText = scrollPercent
-  }
-  // 更新百分比进度条的宽度
-  if (document.getElementById('sidebar').hasClass('affix') || document.getElementById('sidebar').hasClass('on')) {
-    setWidth(document.querySelector('.percent'), scrollPercent)
-  }
-}
-
-// 可见度监听(离开页面和返回时更改document的title)
-export const visibilityListener = () => {
-  const iconNode = document.querySelector('[rel="icon"]')
-  document.addEventListener('visibilitychange', () => {
-    switch (document.visibilityState) {
-      case 'hidden':
-        iconNode.setAttribute('href', statics + CONFIG.favicon.hidden)
-        document.title = LOCAL.favicon.hide
-        if (CONFIG.loader.switch) {
-          Loader.show()
-        }
-        clearTimeout(titleTime)
-        break
-      case 'visible':
-        iconNode.setAttribute('href', statics + CONFIG.favicon.normal)
-        document.title = LOCAL.favicon.show
-        if (CONFIG.loader.switch) {
-          Loader.hide(1000)
-        }
-        setTitleTime(setTimeout(() => {
-          document.title = originTitle
-        }, 2000))
-        break
-    }
-  }, { passive: true })
-}
+import { sideBarToggleHandle } from '../components/sidebar'
+import {
+  backToTop,
+  diffY,
+  headerHight,
+  headerHightInner,
+  oWinWidth,
+  originTitle,
+  scrollAction,
+  sideBar,
+  siteBrand,
+  siteHeader,
+  siteNav,
+  statics,
+  titleTime,
+  toolBtn,
+  setSiteNavHeight,
+  setHeaderHightInner,
+  setHeaderHight,
+  setOWinHeight, setOWinWidth, setDiffY, setTitleTime, CONFIG
+} from './globalVars'
+import { changeMetaTheme } from './themeColor'
+import { Loader } from './thirdparty'
+import { getHeight, setWidth } from '../library/proto'
+
+const wavesEle = document.getElementById('waves')
+
+export const resizeHandle = () => {
+  // 获取 siteNav 的高度
+  setSiteNavHeight(getHeight(siteNav))
+  // 获取 siteHeader 的高度
+  setHeaderHightInner(getHeight(siteHeader))
+  // 获取 #waves 的高度
+  setHeaderHight(headerHightInner + getHeight(wavesEle))
+
+  // 判断窗口宽度是否改变
+  if (oWinWidth !== window.innerWidth) {
+    sideBarToggleHandle(null, 1)
+  }
+
+  // 记录窗口高度和宽度
+  setOWinHeight(window.innerHeight)
+  setOWinWidth(window.innerWidth)
+}
+
+export const scrollHandle = () => {
+  // 获取窗口高度
+  const winHeight = window.innerHeight
+  // 获取文档高度
+  const docHeight = (document.querySelector('main > .inner') as HTMLElement).offsetHeight
+  // 计算可见内容高度
+  const contentVisibilityHeight = docHeight > winHeight ? docHeight - winHeight : document.body.scrollHeight - winHeight
+  // 判断页面是否滚动超过 headerHightInner
+  const SHOW = window.scrollY > headerHightInner
+  // 判断页面是否开始滚动
+  const startScroll = window.scrollY > 0
+
+  // 根据条件修改 meta theme
+  if (SHOW) {
+    changeMetaTheme('#FFF')
+  } else {
+    changeMetaTheme('#222')
+  }
+
+  // 控制导航栏的显示隐藏
+  siteNav.toggleClass('show', SHOW)
+  // 控制网站 logo 的显示隐藏
+  toolBtn.toggleClass('affix', startScroll)
+  // 控制侧边栏的显示隐藏，当滚动高度大于 headerHight 且窗口宽度大于 991px 时显示
+  siteBrand.toggleClass('affix', startScroll)
+  sideBar.toggleClass('affix', window.scrollY > headerHight && document.body.offsetWidth > 991)
+  // 初始化滚动时导航栏的显示方向
+  if (typeof scrollAction.y === 'undefined') {
+    scrollAction.y = window.scrollY
+  }
+  setDiffY(scrollAction.y - window.scrollY)
+
+  // 控制滑动时导航栏显示
+  if (diffY < 0) {
+    siteNav.removeClass('up')
+    siteNav.toggleClass('down', SHOW)
+  } else if (diffY > 0) {
+    siteNav.removeClass('down')
+    siteNav.toggleClass('up', SHOW)
+  } else { /* empty */ }
+  scrollAction.y = window.scrollY
+  // 计算滚动百分比
+  const scrollPercent = Math.round(Math.min(100 * window.scrollY / contentVisibilityHeight, 100)) + '%'
+  // 更新回到顶部按钮的文字
+  if (backToTop.querySelector('span').innerText !== scrollPercent) {
+    backToTop.querySelector('span').innerText = scrollPercent
+  }
+  // 更新百分比进度条的宽度
+  if (document.getElementById('sidebar').hasClass('affix') || document.getElementById('sidebar').hasClass('on')) {
+    setWidth(document.querySelector('.percent'), scrollPercent)
+  }
+}
+
+// 可见度监听(离开页面和返回时更改document的title)
+export const visibilityListener = () => {
+  const iconNode = document.querySelector('[rel="icon"]')
+  document.addEventListener('visibilitychange', () => {
+    switch (document.visibilityState) {
+      case 'hidden':
+        iconNode.setAttribute('href', statics + CONFIG.favicon.hidden)
+        document.title = LOCAL.favicon.hide
+        if (CONFIG.loader.switch) {
+          Loader.show()
+        }
+        clearTimeout(titleTime)
+        break
+      case 'visible':
+        iconNode.setAttribute('href', statics + CONFIG.favicon.normal)
+        document.title = LOCAL.favicon.show
+        if (CONFIG.loader.switch) {
+          Loader.hide(1000)
+        }
+        setTitleTime(setTimeout(() => {
+          document.title = originTitle
+        }, 2000))
+        break
+    }
+  }, { passive: true })
+}