mirror of
https://github.com/jerryc127/hexo-theme-butterfly.git
synced 2025-09-15 12:58:48 +08:00
4d34208391
✨ 增加mac light 代碼框 ✨ 增加文章過期提醒配置 ✨ 文章copyright 可單獨配置 ✨ card-category 中category名稱和數字限制一行顯示 ✨ 簡繁轉換優化，placeholder文字也會被轉換 🐛 修復配置PWA參數時，如果網站是子目錄時，會出現加載不到文件的bugs 調整當card-category有收縮按鈕時的顯示佈局
817 lines
24 KiB
JavaScript
817 lines
24 KiB
JavaScript
$(function () {
|
||
const isSnackbar = GLOBAL_CONFIG.Snackbar !== undefined
|
||
const $nav = $('#nav')
|
||
const $rightside = $('#rightside')
|
||
const $body = $('body')
|
||
|
||
/**
|
||
* 當menu過多時，自動適配，避免UI錯亂
|
||
* 傳入 1 sidebar打開時
|
||
* 傳入 2 正常狀態下
|
||
*/
|
||
const blogNameWidth = $('#blog_name').width()
|
||
const menusWidth = $('.menus').width()
|
||
const sidebarWidth = $('#sidebar').width()
|
||
|
||
function isAdjust (n) {
|
||
let t
|
||
if (n === 1) {
|
||
t = blogNameWidth + menusWidth > $nav.width() - sidebarWidth - 20
|
||
} else if (n === 2) {
|
||
t = blogNameWidth + menusWidth > $nav.width() - 20
|
||
}
|
||
|
||
if (t) headerAdjust()
|
||
else headerAdjustBack()
|
||
}
|
||
|
||
function headerAdjust () {
|
||
$nav.find('.toggle-menu').addClass('is-visible-inline')
|
||
$nav.find('.menus_items').addClass('is-invisible')
|
||
$nav.find('#search_button span').addClass('is-invisible')
|
||
}
|
||
|
||
function headerAdjustBack () {
|
||
$nav.find('.toggle-menu').removeClass('is-visible-inline')
|
||
$nav.find('.menus_items').removeClass('is-invisible')
|
||
$nav.find('#search_button span').removeClass('is-invisible')
|
||
}
|
||
|
||
// 初始化header
|
||
function initAjust () {
|
||
if (window.innerWidth < 768) headerAdjust()
|
||
else isAdjust(2)
|
||
}
|
||
|
||
initAjust()
|
||
$('#nav').css({ opacity: '1', animation: 'headerNoOpacity 1s' })
|
||
|
||
$(window).on('resize', function () {
|
||
if ($('#sidebar').hasClass('tocOpenPc') && $nav.hasClass('fixed')) {
|
||
isAdjust(1)
|
||
} else {
|
||
initAjust()
|
||
}
|
||
})
|
||
|
||
/**
|
||
* 進入post頁sidebar處理
|
||
*/
|
||
if (GLOBAL_CONFIG_SITE.isPost) {
|
||
if (window.innerWidth > 1024 && $('#toggle-sidebar').hasClass('on')) {
|
||
setTimeout(function () {
|
||
openSidebar()
|
||
}, 400)
|
||
}
|
||
}
|
||
|
||
/**
|
||
* 點擊左下角箭頭,顯示sidebar
|
||
*/
|
||
|
||
function closeSidebar () {
|
||
$('#sidebar').removeClass('tocOpenPc')
|
||
$('.menus').animate({
|
||
paddingRight: 0
|
||
}, 400)
|
||
$('#body-wrap').animate({
|
||
paddingLeft: 0
|
||
}, 400)
|
||
$('#sidebar').animate({
|
||
left: '-300px'
|
||
}, 400)
|
||
$('#toggle-sidebar').css({
|
||
transform: 'rotateZ(0deg)',
|
||
color: '#1F2D3D',
|
||
opacity: '1'
|
||
})
|
||
setTimeout(function () {
|
||
isAdjust(2)
|
||
}, 400)
|
||
}
|
||
|
||
function openSidebar () {
|
||
$('#sidebar').addClass('tocOpenPc')
|
||
$('.menus').animate({
|
||
paddingRight: 300
|
||
}, 400)
|
||
$('#body-wrap').animate({
|
||
paddingLeft: 300
|
||
}, 400)
|
||
$('#sidebar').animate({
|
||
left: 0
|
||
}, 400)
|
||
$('#toggle-sidebar').css({
|
||
transform: 'rotateZ(180deg)',
|
||
color: '#99a9bf',
|
||
opacity: '1'
|
||
})
|
||
const isAdjustTimeCount = window.setInterval(function () {
|
||
if ($nav.hasClass('fixed')) isAdjust(1)
|
||
else isAdjust(2)
|
||
}, 100)
|
||
setTimeout(function () {
|
||
clearInterval(isAdjustTimeCount)
|
||
}, 400)
|
||
}
|
||
|
||
$('#toggle-sidebar').on('click', function () {
|
||
const isOpen = $(this).hasClass('on')
|
||
isOpen ? $(this).removeClass('on') : $(this).addClass('on')
|
||
if (isOpen) {
|
||
closeSidebar()
|
||
} else {
|
||
openSidebar()
|
||
}
|
||
})
|
||
|
||
/**
|
||
* 手機menu和toc按鈕點擊
|
||
* 顯示menu和toc的sidebar
|
||
*/
|
||
|
||
const $toggleMenu = $('.toggle-menu')
|
||
const $mobileSidebarMenus = $('#mobile-sidebar-menus')
|
||
const $mobileTocButton = $('#mobile-toc-button')
|
||
const $menuMask = $('#menu_mask')
|
||
|
||
function openMobileSidebar (name) {
|
||
sidebarPaddingR()
|
||
$('body').css('overflow', 'hidden')
|
||
$menuMask.fadeIn()
|
||
|
||
if (name === 'menu') {
|
||
$toggleMenu.removeClass('close').addClass('open')
|
||
$mobileSidebarMenus.css('transform', 'translate3d(-100%,0,0)')
|
||
const $mobileSidebarMenusChild = $mobileSidebarMenus.children()
|
||
for (let i = 0; i <= $mobileSidebarMenusChild.length; i++) {
|
||
const duration = i / 5 + 0.2
|
||
$mobileSidebarMenusChild.eq(i).css('animation', 'sidebarItem ' + duration + 's')
|
||
}
|
||
}
|
||
|
||
if (name === 'toc') {
|
||
$mobileTocButton.removeClass('close').addClass('open')
|
||
$('#sidebar').addClass('tocOpenMobile')
|
||
$('#sidebar').css({ transform: 'translate3d(-100%,0,0)', left: '' })
|
||
}
|
||
}
|
||
|
||
function closeMobileSidebar (name) {
|
||
$('body').css({ overflow: '', 'padding-right': '' })
|
||
$menuMask.fadeOut()
|
||
|
||
if (name === 'menu') {
|
||
$toggleMenu.removeClass('open').addClass('close')
|
||
$mobileSidebarMenus.css('transform', '')
|
||
$('#mobile-sidebar-menus > div,#mobile-sidebar-menus > hr').css('animation', '')
|
||
}
|
||
|
||
if (name === 'toc') {
|
||
$mobileTocButton.removeClass('open').addClass('close')
|
||
$('#sidebar').removeClass('tocOpenMobile')
|
||
$('#sidebar').css({ transform: '' })
|
||
}
|
||
}
|
||
|
||
$toggleMenu.on('click', function () {
|
||
openMobileSidebar('menu')
|
||
})
|
||
|
||
$mobileTocButton.on('click', function () {
|
||
openMobileSidebar('toc')
|
||
})
|
||
|
||
$menuMask.on('click touchstart', function (e) {
|
||
if ($toggleMenu.hasClass('open')) {
|
||
closeMobileSidebar('menu')
|
||
}
|
||
if ($mobileTocButton.hasClass('open')) {
|
||
closeMobileSidebar('toc')
|
||
}
|
||
})
|
||
|
||
$(window).on('resize', function (e) {
|
||
if (!$toggleMenu.is(':visible')) {
|
||
if ($toggleMenu.hasClass('open')) closeMobileSidebar('menu')
|
||
}
|
||
})
|
||
|
||
const mql = window.matchMedia('(max-width: 1024px)')
|
||
mql.addListener(function (ev) {
|
||
if (ev.matches) {
|
||
if ($('#sidebar').hasClass('tocOpenPc')) closeSidebar()
|
||
} else {
|
||
if ($('#toggle-sidebar').hasClass('on')) openSidebar()
|
||
if ($mobileTocButton.hasClass('open')) closeMobileSidebar('toc')
|
||
}
|
||
})
|
||
|
||
/**
|
||
* 首頁top_img底下的箭頭
|
||
*/
|
||
$('#scroll_down').on('click', function () {
|
||
scrollToDest('#content-inner')
|
||
})
|
||
|
||
/**
|
||
* BOOKMARK 書簽
|
||
*/
|
||
$('#bookmark-it').on('click', function () {
|
||
if (window.sidebar && window.sidebar.addPanel) { // Mozilla Firefox Bookmark
|
||
window.sidebar.addPanel(document.title, window.location.href, '')
|
||
} else if (window.external && ('AddFavorite' in window.external)) { // IE Favorite
|
||
window.external.AddFavorite(location.href, document.title)
|
||
} else if (window.opera && window.print) { // Opera Hotlist
|
||
this.title = document.title
|
||
return true
|
||
} else { // webkit - safari/chrome
|
||
if (isSnackbar) {
|
||
const bookmarkText = GLOBAL_CONFIG.Snackbar.bookmark.message_prev + ' ' + (navigator.userAgent.toLowerCase().indexOf('mac') !== -1 ? 'Command/Cmd' : 'CTRL') + '+ D ' + GLOBAL_CONFIG.Snackbar.bookmark.message_next + '.'
|
||
snackbarShow(bookmarkText)
|
||
} else {
|
||
alert(GLOBAL_CONFIG.bookmark.message_prev + ' ' + (navigator.userAgent.toLowerCase().indexOf('mac') !== -1 ? 'Command/Cmd' : 'CTRL') + '+ D ' + GLOBAL_CONFIG.bookmark.message_next + '.')
|
||
}
|
||
}
|
||
})
|
||
|
||
/**
|
||
* 代碼
|
||
* 只適用於Hexo默認的代碼渲染
|
||
*/
|
||
const $figureHighlight = $('figure.highlight')
|
||
|
||
if ($figureHighlight.length) {
|
||
const isHighlightCopy = GLOBAL_CONFIG.highlightCopy
|
||
const isHighlightLang = GLOBAL_CONFIG.highlightLang
|
||
const isHighlightShrink = GLOBAL_CONFIG_SITE.isHighlightShrink
|
||
|
||
if (isHighlightCopy || isHighlightLang || isHighlightShrink !== undefined) {
|
||
$figureHighlight.prepend('<div class="highlight-tools"></div>')
|
||
}
|
||
|
||
/**
|
||
* 代碼收縮
|
||
*/
|
||
const $highlightTools = $('.highlight-tools')
|
||
if (isHighlightShrink === true) {
|
||
$highlightTools.append('<i class="fas fa-angle-down code-expand code-closed"></i>')
|
||
} else if (isHighlightShrink === false) {
|
||
$highlightTools.append('<i class="fas fa-angle-down code-expand"></i>')
|
||
}
|
||
|
||
$(document).on('click', '.highlight-tools >.code-expand', function () {
|
||
const $hideItem = $(this).parent().nextAll()
|
||
if ($(this).hasClass('code-closed')) {
|
||
$hideItem.css('display', 'block')
|
||
$(this).removeClass('code-closed')
|
||
} else {
|
||
$hideItem.css('display', 'none')
|
||
$(this).addClass('code-closed')
|
||
}
|
||
})
|
||
|
||
/**
|
||
* 代碼語言
|
||
*/
|
||
if (isHighlightLang) {
|
||
let langNameIndex, langName
|
||
$figureHighlight.each(function () {
|
||
langNameIndex = langName = $(this).attr('class').split(' ')[1]
|
||
if (langNameIndex === 'plain' || langNameIndex === undefined) langName = 'Code'
|
||
$(this).find('.highlight-tools').append('<div class="code-lang">' + langName + '</div>')
|
||
})
|
||
}
|
||
|
||
/**
|
||
* 代碼copy
|
||
* copy function
|
||
*/
|
||
if (isHighlightCopy) {
|
||
$highlightTools.append('<div class="copy-notice"></div><i class="fas fa-paste copy-button"></i>')
|
||
const copy = function (text, ctx) {
|
||
if (document.queryCommandSupported && document.queryCommandSupported('copy')) {
|
||
try {
|
||
document.execCommand('copy') // Security exception may be thrown by some browsers.
|
||
if (isSnackbar) {
|
||
snackbarShow(GLOBAL_CONFIG.copy.success)
|
||
} else {
|
||
$(ctx).prev('.copy-notice')
|
||
.text(GLOBAL_CONFIG.copy.success)
|
||
.animate({
|
||
opacity: 1
|
||
}, 450, function () {
|
||
setTimeout(function () {
|
||
$(ctx).prev('.copy-notice').animate({
|
||
opacity: 0
|
||
}, 650)
|
||
}, 400)
|
||
})
|
||
}
|
||
} catch (ex) {
|
||
if (isSnackbar) {
|
||
snackbarShow(GLOBAL_CONFIG.copy.success)
|
||
} else {
|
||
$(ctx).prev('.copy-notice')
|
||
.text(GLOBAL_CONFIG.copy.error)
|
||
.animate({
|
||
opacity: 1
|
||
}, 650, function () {
|
||
setTimeout(function () {
|
||
$(ctx).prev('.copy-notice').animate({
|
||
opacity: 0
|
||
}, 650)
|
||
}, 400)
|
||
})
|
||
return false
|
||
}
|
||
}
|
||
} else {
|
||
if (isSnackbar) {
|
||
snackbarShow(GLOBAL_CONFIG.copy.noSupport)
|
||
} else {
|
||
$(ctx).prev('.copy-notice').text(GLOBAL_CONFIG.copy.noSupport)
|
||
}
|
||
}
|
||
}
|
||
|
||
// click events
|
||
$(document).on('click', '.highlight-tools>.copy-button', function () {
|
||
const $buttonParent = $(this).parents('figure.highlight')
|
||
$buttonParent.addClass('copy-true')
|
||
const selection = window.getSelection()
|
||
const range = document.createRange()
|
||
range.selectNodeContents($buttonParent.find('table .code pre')[0])
|
||
selection.removeAllRanges()
|
||
selection.addRange(range)
|
||
const text = selection.toString()
|
||
copy(text, this)
|
||
selection.removeAllRanges()
|
||
$buttonParent.removeClass('copy-true')
|
||
})
|
||
}
|
||
}
|
||
|
||
/**
|
||
* PhotoFigcaption
|
||
*/
|
||
function addPhotoFigcaption () {
|
||
const images = $('#article-container img').not('.justified-gallery img')
|
||
images.each(function (i, o) {
|
||
const $this = $(o)
|
||
if ($this.attr('alt')) {
|
||
const t = $('<div class="img-alt is-center">' + $this.attr('alt') + '</div>')
|
||
$this.after(t)
|
||
}
|
||
})
|
||
}
|
||
if (GLOBAL_CONFIG.isPhotoFigcaption) addPhotoFigcaption()
|
||
|
||
/**
|
||
* justified-gallery 圖庫排版
|
||
*/
|
||
const $justifiedGallery = $('.justified-gallery')
|
||
let isJustifiedGallery = false
|
||
if ($justifiedGallery.length) {
|
||
isJustifiedGallery = true
|
||
const $imgList = $justifiedGallery.find('img')
|
||
$imgList.unwrap()
|
||
if ($imgList.length) {
|
||
$imgList.each(function (i, o) {
|
||
if ($(o).attr('data-src')) $(o).attr('src', $(o).attr('data-src'))
|
||
$(o).wrap('<div></div>')
|
||
})
|
||
}
|
||
$('head').append(`<link rel="stylesheet" type="text/css" href="${GLOBAL_CONFIG.justifiedGallery.css}">`)
|
||
loadScript(`${GLOBAL_CONFIG.justifiedGallery.js}`, function () {
|
||
initJustifiedGallery($justifiedGallery)
|
||
})
|
||
}
|
||
|
||
/**
|
||
* fancybox和 mediumZoom
|
||
*/
|
||
|
||
const isMediumZoom = GLOBAL_CONFIG.medium_zoom
|
||
const isFancybox = GLOBAL_CONFIG.fancybox
|
||
if (isFancybox) {
|
||
const images = $('#article-container img:not(.gallery-group-img)').not($('a>img'))
|
||
images.each(function (i, o) {
|
||
const lazyloadSrc = $(o).attr('data-src') ? $(o).attr('data-src') : $(o).attr('src')
|
||
$(o).wrap(`<a href="${lazyloadSrc}" data-fancybox="group" data-caption="${$(o).attr('alt')}" class="fancybox"></a>`)
|
||
})
|
||
|
||
$().fancybox({
|
||
selector: '[data-fancybox]',
|
||
loop: true,
|
||
transitionEffect: 'slide',
|
||
protect: true,
|
||
buttons: ['slideShow', 'fullScreen', 'thumbs', 'close']
|
||
})
|
||
} else if (isMediumZoom) {
|
||
const zoom = mediumZoom(document.querySelectorAll('#article-container :not(a)>img'))
|
||
zoom.on('open', function (event) {
|
||
const photoBg = $(document.documentElement).attr('data-theme') === 'dark' ? '#121212' : '#fff'
|
||
zoom.update({
|
||
background: photoBg
|
||
})
|
||
})
|
||
}
|
||
|
||
/**
|
||
* 滾動處理
|
||
*/
|
||
let initTop = 0
|
||
let isChatShow = true
|
||
const isChatBtnHide = typeof chatBtnHide === 'function'
|
||
const isChatBtnShow = typeof chatBtnShow === 'function'
|
||
$(window).scroll(throttle(function (event) {
|
||
const currentTop = $(this).scrollTop()
|
||
const isDown = scrollDirection(currentTop)
|
||
if (currentTop > 56) {
|
||
if (isDown) {
|
||
if ($nav.hasClass('visible')) $nav.removeClass('visible')
|
||
if (isChatBtnShow && isChatShow === true) {
|
||
chatBtnHide()
|
||
isChatShow = false
|
||
}
|
||
} else {
|
||
if (!$nav.hasClass('visible')) $nav.addClass('visible')
|
||
if (isChatBtnHide && isChatShow === false) {
|
||
window.chatBtnShow()
|
||
isChatShow = true
|
||
}
|
||
}
|
||
$nav.addClass('fixed')
|
||
if ($rightside.css('opacity') === '0') {
|
||
$rightside.css({ opacity: '1', transform: 'translateX(-38px)' })
|
||
}
|
||
} else {
|
||
if (currentTop === 0) {
|
||
$nav.removeClass('fixed').removeClass('visible')
|
||
}
|
||
$rightside.css({ opacity: '', transform: '' })
|
||
}
|
||
}, 200))
|
||
|
||
// find the scroll direction
|
||
function scrollDirection (currentTop) {
|
||
const result = currentTop > initTop // true is down & false is up
|
||
initTop = currentTop
|
||
return result
|
||
}
|
||
|
||
/**
|
||
* 點擊滾回頂部
|
||
*/
|
||
$('#go-up').on('click', function () {
|
||
scrollToDest('body')
|
||
})
|
||
|
||
/**
|
||
* toc
|
||
*/
|
||
|
||
if (GLOBAL_CONFIG_SITE.isPost && GLOBAL_CONFIG_SITE.isSidebar) {
|
||
$('.toc-child').hide()
|
||
|
||
// main of scroll
|
||
$(window).scroll(throttle(function (event) {
|
||
const currentTop = $(this).scrollTop()
|
||
scrollPercent(currentTop)
|
||
findHeadPosition(currentTop)
|
||
autoScrollToc(currentTop)
|
||
}, 100))
|
||
|
||
// scroll
|
||
$('.toc-link').on('click', function (e) {
|
||
if (window.innerWidth <= 1024) {
|
||
closeMobileSidebar('toc')
|
||
} else {
|
||
e.preventDefault()
|
||
scrollToDest($(this).attr('href'))
|
||
}
|
||
})
|
||
|
||
// expand toc-item
|
||
const expandToc = function ($item) {
|
||
if ($item.is(':visible')) {
|
||
return
|
||
}
|
||
$item.fadeIn(400)
|
||
}
|
||
|
||
const scrollPercent = function (currentTop) {
|
||
const docHeight = $('#article-container').height()
|
||
const winHeight = $(window).height()
|
||
const contentMath = (docHeight > winHeight) ? (docHeight - winHeight) : ($(document).height() - winHeight)
|
||
const scrollPercent = (currentTop) / (contentMath)
|
||
const scrollPercentRounded = Math.round(scrollPercent * 100)
|
||
const percentage = (scrollPercentRounded > 100) ? 100
|
||
: (scrollPercentRounded <= 0) ? 0
|
||
: scrollPercentRounded
|
||
$('.progress-num').text(percentage)
|
||
$('.sidebar-toc__progress-bar').animate({
|
||
width: percentage + '%'
|
||
}, 100)
|
||
}
|
||
|
||
// anchor
|
||
const isanchor = GLOBAL_CONFIG.isanchor
|
||
const updateAnchor = function (anchor) {
|
||
if (window.history.replaceState && anchor !== window.location.hash) {
|
||
window.history.replaceState(undefined, undefined, anchor)
|
||
}
|
||
}
|
||
|
||
// find head position & add active class
|
||
// DOM Hierarchy:
|
||
// ol.toc > (li.toc-item, ...)
|
||
// li.toc-item > (a.toc-link, ol.toc-child > (li.toc-item, ...))
|
||
const findHeadPosition = function (top) {
|
||
// assume that we are not in the post page if no TOC link be found,
|
||
// thus no need to update the status
|
||
if ($('.toc-link').length === 0) {
|
||
return false
|
||
}
|
||
|
||
const list = $('#article-container').find('h1,h2,h3,h4,h5,h6')
|
||
let currentId = ''
|
||
list.each(function () {
|
||
const head = $(this)
|
||
if (top > head.offset().top - 25) {
|
||
currentId = '#' + $(this).attr('id')
|
||
}
|
||
})
|
||
|
||
if (currentId === '') {
|
||
$('.toc-link').removeClass('active')
|
||
$('.toc-child').hide()
|
||
}
|
||
|
||
const currentActive = $('.toc-link.active')
|
||
if (currentId && currentActive.attr('href') !== currentId) {
|
||
if (isanchor) updateAnchor(currentId)
|
||
|
||
$('.toc-link').removeClass('active')
|
||
|
||
const _this = $('.toc-link[href="' + currentId + '"]')
|
||
_this.addClass('active')
|
||
|
||
const parents = _this.parents('.toc-child')
|
||
// Returned list is in reverse order of the DOM elements
|
||
// Thus `parents.last()` is the outermost .toc-child container
|
||
// i.e. list of subsections
|
||
const topLink = (parents.length > 0) ? parents.last() : _this
|
||
expandToc(topLink.closest('.toc-item').find('.toc-child'))
|
||
topLink
|
||
// Find all top-level .toc-item containers, i.e. sections
|
||
// excluding the currently active one
|
||
.closest('.toc-item').siblings('.toc-item')
|
||
// Hide their respective list of subsections
|
||
.find('.toc-child').hide()
|
||
}
|
||
}
|
||
|
||
const autoScrollToc = function (currentTop) {
|
||
if ($('.toc-link').hasClass('active')) {
|
||
const activePosition = $('.active').offset().top
|
||
const sidebarScrolltop = $('#sidebar .sidebar-toc__content').scrollTop()
|
||
if (activePosition > (currentTop + $(window).height() - 100)) {
|
||
$('#sidebar .sidebar-toc__content').scrollTop(sidebarScrolltop + 100)
|
||
}
|
||
if (activePosition < currentTop + 100) {
|
||
$('#sidebar .sidebar-toc__content').scrollTop(sidebarScrolltop - 100)
|
||
}
|
||
}
|
||
}
|
||
}
|
||
|
||
/**
|
||
* 閲讀模式
|
||
*/
|
||
$('#readmode').click(function () {
|
||
$('body').toggleClass('read-mode')
|
||
})
|
||
|
||
/**
|
||
* 字體調整
|
||
*/
|
||
$('#font_plus').click(function () {
|
||
$body.css('font-size', parseFloat($body.css('font-size')) + 1)
|
||
})
|
||
$('#font_minus').click(function () {
|
||
$body.css('font-size', parseFloat($body.css('font-size')) - 1)
|
||
})
|
||
|
||
/**
|
||
* menu
|
||
* 側邊欄sub-menu 展開/收縮
|
||
* 解決menus在觸摸屏下，滑動屏幕menus_item_child不消失的問題（手機hover的bug)
|
||
*/
|
||
$('#mobile-sidebar-menus .menus-expand').on('click', function () {
|
||
if ($(this).hasClass('menus-closed')) {
|
||
$(this).parents('.menus_item').find('.menus_item_child').slideDown()
|
||
$(this).removeClass('menus-closed')
|
||
} else {
|
||
$(this).parents('.menus_item').find('.menus_item_child').slideUp()
|
||
$(this).addClass('menus-closed')
|
||
}
|
||
})
|
||
|
||
$(window).on('touchmove', function (e) {
|
||
const $menusChild = $('#nav .menus_item_child')
|
||
if ($menusChild.is(':visible')) {
|
||
$menusChild.css('display', 'none')
|
||
}
|
||
})
|
||
|
||
/**
|
||
* rightside 點擊設置 按鈕 展開
|
||
*/
|
||
$('#rightside_config').on('click', function () {
|
||
if ($('#rightside-config-hide').hasClass('rightside-in')) {
|
||
$('#rightside-config-hide').removeClass('rightside-in').addClass('rightside-out')
|
||
} else {
|
||
$('#rightside-config-hide').removeClass('rightside-out').addClass('rightside-in')
|
||
}
|
||
})
|
||
|
||
/**
|
||
* 複製時加上版權信息
|
||
*/
|
||
const copyright = GLOBAL_CONFIG.copyright
|
||
if (copyright !== undefined) {
|
||
document.body.oncopy = function (event) {
|
||
event.preventDefault()
|
||
let textFont; const copyFont = window.getSelection(0).toString()
|
||
if (copyFont.length > 45) {
|
||
textFont = copyFont + '\n' + '\n' + '\n' +
|
||
copyright.languages.author + '\n' +
|
||
copyright.languages.link + window.location.href + '\n' +
|
||
copyright.languages.source + '\n' +
|
||
copyright.languages.info
|
||
} else {
|
||
textFont = copyFont
|
||
}
|
||
if (event.clipboardData) {
|
||
return event.clipboardData.setData('text', textFont)
|
||
} else {
|
||
// 兼容IE
|
||
return window.clipboardData.setData('text', textFont)
|
||
}
|
||
}
|
||
}
|
||
|
||
/**
|
||
* Darkmode
|
||
*/
|
||
const $darkModeButtom = $('#darkmode')
|
||
function switchReadMode () {
|
||
const nowMode = document.documentElement.getAttribute('data-theme') === 'dark' ? 'dark' : 'light'
|
||
if (nowMode === 'light') {
|
||
activateDarkMode()
|
||
Cookies.set('theme', 'dark', 2)
|
||
if (isSnackbar) snackbarShow(GLOBAL_CONFIG.Snackbar.day_to_night)
|
||
} else {
|
||
activateLightMode()
|
||
Cookies.set('theme', 'light', 2)
|
||
if (isSnackbar) snackbarShow(GLOBAL_CONFIG.Snackbar.night_to_day)
|
||
}
|
||
}
|
||
|
||
$darkModeButtom.click(function () {
|
||
switchReadMode()
|
||
if (typeof utterancesTheme === 'function') utterancesTheme()
|
||
})
|
||
|
||
/**
|
||
* 網頁運行時間
|
||
*/
|
||
if (GLOBAL_CONFIG.runtime) {
|
||
// get user config
|
||
const $runtimeCount = $('#webinfo-runtime-count')
|
||
const startDate = $runtimeCount.attr('publish_date')
|
||
const showDateTime = function () {
|
||
const BirthDay = new Date(startDate)
|
||
const today = new Date()
|
||
const timeold = (today.getTime() - BirthDay.getTime())
|
||
const daysold = Math.floor(timeold / (24 * 60 * 60 * 1000))
|
||
$runtimeCount.text(daysold + ' ' + GLOBAL_CONFIG.runtime_unit)
|
||
}
|
||
showDateTime()
|
||
setInterval(showDateTime, 10000)
|
||
}
|
||
|
||
/**
|
||
* table overflow
|
||
*/
|
||
|
||
const $table = $('#article-container table').not($('figure.highlight > table'))
|
||
$table.each(function () {
|
||
$(this).wrap('<div class="table-wrap"></div>')
|
||
})
|
||
|
||
/**
|
||
* 百度推送
|
||
*/
|
||
if (GLOBAL_CONFIG.baiduPush) {
|
||
(function () {
|
||
const bp = document.createElement('script')
|
||
const curProtocol = window.location.protocol.split(':')[0]
|
||
if (curProtocol === 'https') {
|
||
bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'
|
||
} else {
|
||
bp.src = 'http://push.zhanzhang.baidu.com/push.js'
|
||
}
|
||
const s = document.getElementsByTagName('script')[0]
|
||
s.parentNode.insertBefore(bp, s)
|
||
})()
|
||
}
|
||
|
||
/**
|
||
* tag-hide
|
||
*/
|
||
const $hideInline = $('.hide-button')
|
||
if ($hideInline.length) {
|
||
$hideInline.on('click', function (e) {
|
||
const $this = $(this)
|
||
const $hideContent = $(this).next('.hide-content')
|
||
$this.toggleClass('open')
|
||
$hideContent.toggle()
|
||
if ($this.hasClass('open')) {
|
||
if (isJustifiedGallery && $hideContent.find('.justified-gallery').length > 0) {
|
||
initJustifiedGallery($hideContent.find('.justified-gallery'))
|
||
}
|
||
}
|
||
})
|
||
}
|
||
|
||
const $tab = $('#article-container .tabs')
|
||
$tab.find('.tab button').on('click', function (e) {
|
||
const $this = $(this)
|
||
const $tabItem = $this.parent()
|
||
|
||
if (!$tabItem.hasClass('active')) {
|
||
const $tacbContent = $this.parents('.nav-tabs').next()
|
||
$tabItem.siblings('.active').removeClass('active')
|
||
$tabItem.addClass('active')
|
||
const tabId = $this.attr('data-href')
|
||
$tacbContent.find('> .tab-item-content').removeClass('active')
|
||
$tacbContent.find(`> ${tabId}`).addClass('active')
|
||
const $isTabJustifiedGallery = $tacbContent.find(tabId).find('.justified-gallery')
|
||
if (isJustifiedGallery && $isTabJustifiedGallery.length > 0) {
|
||
initJustifiedGallery($isTabJustifiedGallery)
|
||
}
|
||
}
|
||
})
|
||
|
||
const $cardCategory = $('.card-category-list-item.parent a')
|
||
$cardCategory.on('click', function (e) {
|
||
if ($(event.target).hasClass('card-category-list-icon')) {
|
||
const $this = $(this)
|
||
$this.find('.card-category-list-icon').toggleClass('expand')
|
||
$this.parent().next().toggle()
|
||
return false
|
||
}
|
||
})
|
||
|
||
let switchDone = false
|
||
$('#switch-comments-btn').change(function () {
|
||
$('#post-comment > .comment-wrap > div').each(function () {
|
||
if ($(this).is(':visible')) {
|
||
$(this).hide()
|
||
} else {
|
||
$(this).css({
|
||
display: 'block',
|
||
animation: 'tabshow .5s'
|
||
})
|
||
}
|
||
})
|
||
if (!switchDone && typeof loadOtherComment === 'function') {
|
||
switchDone = true
|
||
loadOtherComment()
|
||
}
|
||
})
|
||
|
||
if (GLOBAL_CONFIG_SITE.isPost && GLOBAL_CONFIG.noticeOutdate !== undefined) {
|
||
const data = GLOBAL_CONFIG.noticeOutdate
|
||
const diffDate = function (d) {
|
||
const dateNow = new Date()
|
||
const datePost = new Date(d.replace(/-/g, '/'))
|
||
const dateDiff = dateNow.getTime() - datePost.getTime()
|
||
const dayDiff = Math.floor(dateDiff / (24 * 3600 * 1000))
|
||
return dayDiff
|
||
}
|
||
var diffDay = diffDate(GLOBAL_CONFIG_SITE.postUpdate)
|
||
if (diffDay >= data.limitDay) {
|
||
const code = `<div class="post-outdate-notice">${data.messagePrev + ' ' + diffDay + ' ' + data.messageNext}</div>`
|
||
if (data.position === 'top') {
|
||
$('#article-container').prepend(code)
|
||
} else {
|
||
$('#article-container').append(code)
|
||
}
|
||
}
|
||
}
|
||
})
|