mirror of
https://github.com/jerryc127/hexo-theme-butterfly.git
synced 2025-09-15 12:58:48 +08:00
336e221de5
Breaking change 1. 手機端界面卡片化，同時，手機端也可以顯示側邊欄的內容 2. 修復當menu過多時，header界面出現錯亂的bug。當menu過多時，會變為sidebar模式 3. 增加medium-zoom大圖查看模式 4. 增加鼠標點擊特效：文字和愛心 兩個點擊特效 5. 主頁subtitle可以調用第三方api(金山詞霸每日一句、一言網的一句話、一句網、今日詩詞) 6. 添加 snackbar 彈窗 7. 修改nightshift為darkmode，darkmode可隨系統設置而自動切換，可設置隨時間而切換darkmode 8. 修復hexo自帶的標籤外掛(Tag Plugins)顯示bug(Block Quote、Code Block With caption、Gist、Youtube、Vimeo) 9. 主題所需要的css和js可根據需要配置CDN 10. 更改darkmode的加載方式，網站設置dark mode後，現在進入網頁不會在'閃'一下 11. 背景特效和背景圖片在手機界面也會顯示 12. 增加justified-gallery圖片顯示(Tag Plugins) Feature 1. 文章頁面，字數統計、閲讀時長和閲讀量前面添加icon 2. 更改懶加載js 3. 升級typed.js/instantpage.js到最新版 4. 搜索和右下角按鈕添加退出特效 Fixed 1. 修復在 Hexo 4.0.0下，一些按鈕點擊會跳出一個空白頁的bug 2. 修復在 Hexo 4.0.0下，分頁按鈕出現代碼的bug 3. 修復當沒有設置評論時，右下角依舊出現'直達評論'按鈕的bug 4. 優化sidebar的打開速度 5. 修復文章頁標題左右邊距不平等的bug 6. 修復keywords讀取的bug 7. 修復當post/page 內容為空時，footer位置錯亂的bug 8. 修復在手機safari，toc sidebar底部內容被遮擋的bug 9. 完善Dark mode,一些界面的配色 10. 修復 card-archives 查看更多 跳轉bug Remove 1. 移除Gitment 2. 移除Gallery
804 lines
22 KiB
JavaScript
804 lines
22 KiB
JavaScript
$(function () {
|
||
|
||
const is_Snackbar = GLOBAL_CONFIG.Snackbar !== undefined ? true : false
|
||
|
||
/**
|
||
* 當menu過多時，自動適配，避免UI錯亂
|
||
*/
|
||
const ph_width = $("#page-header").width()
|
||
const search_width = $('#search_button').outerWidth()
|
||
var mw = 0;
|
||
for (var i = 0; i < $('#page-header .menus_item').length; i++) {
|
||
mw = mw + $('#page-header .menus_item').eq(i).outerWidth()
|
||
}
|
||
|
||
if ($('#page-header').height() > 37 || window.innerWidth < 7) {
|
||
header_adjust()
|
||
}
|
||
|
||
function header_adjust() {
|
||
$("#page-header .toggle-menu").addClass("is_visible")
|
||
$("#page-header .menus,.search span").addClass("is_invisible")
|
||
}
|
||
|
||
function header_adjust_back() {
|
||
$("#page-header .toggle-menu").removeClass("is_visible")
|
||
$("#page-header .menus,.search span").removeClass("is_invisible")
|
||
}
|
||
|
||
/**
|
||
* 傳入 1 sidebar打開時
|
||
* 傳入 2 正常狀態下
|
||
* 傳入 3 resize時使用
|
||
*/
|
||
function is_adjust(n) {
|
||
var t;
|
||
if (n == '1') {
|
||
t = $('#blog_name').width() + search_width + mw > $("#page-header").width() - 300 ? true : false
|
||
} else if (n == '2') {
|
||
t = $('#blog_name').width() + search_width + mw > $("#page-header").width() ? true : false
|
||
} else if (n == "3") {
|
||
t = $('#blog_name').width() + search_width + mw > $("#page-header").width() ? true : false
|
||
}
|
||
if (t) {
|
||
header_adjust()
|
||
} else {
|
||
header_adjust_back()
|
||
}
|
||
}
|
||
|
||
$(window).bind("resize", function () {
|
||
if (window.innerWidth > 768) {
|
||
is_adjust(3)
|
||
} else {
|
||
header_adjust()
|
||
}
|
||
})
|
||
|
||
$('#page-header').css({'opacity':'1', 'animation':'headerNoOpacity .7s'})
|
||
|
||
|
||
/**
|
||
* 進入post頁sidebar自動打開
|
||
*/
|
||
if ($('#sidebar').hasClass('auto_open')) {
|
||
if ($(".sidebar-toc__content").children().length > 0) {
|
||
$('#toggle-sidebar').addClass('on')
|
||
$(".layout_post").animate({}, function () {
|
||
{
|
||
setTimeout(function () {
|
||
$("#toggle-sidebar").addClass('on');
|
||
open_sidebar()
|
||
}, 300);
|
||
|
||
is_adjust(1)
|
||
}
|
||
})
|
||
|
||
} else
|
||
$("#toggle-sidebar").css("display", "none")
|
||
} else {
|
||
$('#toggle-sidebar').css('opacity', '1')
|
||
}
|
||
|
||
|
||
/**
|
||
* 點擊左下角箭頭,顯示sidebar
|
||
*/
|
||
|
||
function close_sidebar() {
|
||
$('#page-header').removeClass('open-sidebar')
|
||
$('body').animate({
|
||
paddingLeft: 0
|
||
}, 200)
|
||
|
||
$('#sidebar').animate({}, function () {
|
||
$('#sidebar').css('transform', 'translateX(0px)')
|
||
})
|
||
|
||
$('#toggle-sidebar').animate({}, function () {
|
||
$('#toggle-sidebar').css({
|
||
'transform': 'rotateZ(0deg)',
|
||
'color': '#1F2D3D',
|
||
'opacity': "1"
|
||
|
||
})
|
||
})
|
||
|
||
}
|
||
|
||
function open_sidebar() {
|
||
$('#page-header').addClass('open-sidebar')
|
||
$('body').animate({
|
||
paddingLeft: 300
|
||
}, 200)
|
||
|
||
$('#sidebar').animate({}, function () {
|
||
$('#sidebar').css('transform', 'translateX(300px)')
|
||
})
|
||
|
||
|
||
$('#toggle-sidebar').animate({}, function () {
|
||
$('#toggle-sidebar').css({
|
||
'transform': 'rotateZ(180deg)',
|
||
'color': '#99a9bf',
|
||
'opacity': "1"
|
||
})
|
||
})
|
||
|
||
}
|
||
$('#toggle-sidebar').on('click', function () {
|
||
|
||
if (!isMobile() && $('#sidebar').is(':visible')) {
|
||
var isOpen = $(this).hasClass('on')
|
||
isOpen ? $(this).removeClass('on') : $(this).addClass('on')
|
||
if (isOpen) {
|
||
close_sidebar()
|
||
setTimeout(function () {
|
||
is_adjust(2)
|
||
}, 300)
|
||
} else {
|
||
is_adjust(1)
|
||
open_sidebar()
|
||
}
|
||
}
|
||
})
|
||
|
||
|
||
/**
|
||
* 首頁top_img底下的箭頭
|
||
*/
|
||
$(".scroll-down").on("click", function () {
|
||
scrollTo('#content-outer')
|
||
});
|
||
|
||
|
||
/**
|
||
* 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 (is_Snackbar) {
|
||
var 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 + '.');
|
||
}
|
||
}
|
||
});
|
||
|
||
/**
|
||
* 代碼copy
|
||
* Add copy icon
|
||
*/
|
||
$('figure.highlight').wrap('<div class="code-area-wrap"></div>')
|
||
|
||
var highlight_copy = GLOBAL_CONFIG.highlight_copy
|
||
if (highlight_copy == 'true') {
|
||
var $copyIcon = $('<i class="fa fa-clipboard" aria-hidden="true"></i>')
|
||
var $notice = $('<div class="copy-notice"></div>')
|
||
$('.code-area-wrap').prepend($copyIcon)
|
||
$('.code-area-wrap').prepend($notice)
|
||
// copy function
|
||
function copy(text, ctx) {
|
||
if (document.queryCommandSupported && document.queryCommandSupported('copy')) {
|
||
try {
|
||
document.execCommand('copy') // Security exception may be thrown by some browsers.
|
||
if (is_Snackbar) {
|
||
snackbarShow(GLOBAL_CONFIG.copy.success)
|
||
} else {
|
||
$(ctx).prev('.copy-notice')
|
||
.text(GLOBAL_CONFIG.copy.success)
|
||
.animate({
|
||
opacity: 1,
|
||
right: 30
|
||
}, 450, function () {
|
||
setTimeout(function () {
|
||
$(ctx).prev('.copy-notice').animate({
|
||
opacity: 0,
|
||
right: 0
|
||
}, 650)
|
||
}, 400)
|
||
})
|
||
}
|
||
} catch (ex) {
|
||
if (is_Snackbar) {
|
||
snackbarShow(GLOBAL_CONFIG.copy.success)
|
||
} else {
|
||
$(ctx).prev('.copy-notice')
|
||
.text(GLOBAL_CONFIG.copy.error)
|
||
.animate({
|
||
opacity: 1,
|
||
right: 30
|
||
}, 650, function () {
|
||
setTimeout(function () {
|
||
$(ctx).prev('.copy-notice').animate({
|
||
opacity: 0,
|
||
right: 0
|
||
}, 650)
|
||
}, 400)
|
||
})
|
||
return false
|
||
}
|
||
}
|
||
} else {
|
||
if (is_Snackbar) {
|
||
snackbarShow(GLOBAL_CONFIG.copy.noSupport)
|
||
} else {
|
||
$(ctx).prev('.copy-notice').text(GLOBAL_CONFIG.copy.noSupport)
|
||
}
|
||
}
|
||
}
|
||
// click events
|
||
$('.code-area-wrap .fa-clipboard').on('click', function () {
|
||
var selection = window.getSelection()
|
||
var range = document.createRange()
|
||
range.selectNodeContents($(this).siblings('figure').find('.code pre')[0])
|
||
selection.removeAllRanges()
|
||
selection.addRange(range)
|
||
var text = selection.toString()
|
||
copy(text, this)
|
||
selection.removeAllRanges()
|
||
})
|
||
}
|
||
|
||
/**
|
||
* 代碼框語言識別
|
||
*/
|
||
var highlight_lang = GLOBAL_CONFIG.highlight_lang
|
||
if (highlight_lang == 'true') {
|
||
var $highlight_lang = $('<div class="code_lang"></div>')
|
||
$('figure').before($highlight_lang)
|
||
var lang_name_index
|
||
var lang_name
|
||
$('figure').each(function () {
|
||
lang_name_index = lang_name = $(this).attr('class').split(' ')[1];
|
||
if (lang_name_index == 'js')
|
||
lang_name = 'javascript'
|
||
if (lang_name_index == 'md')
|
||
lang_name = 'markdown'
|
||
if (lang_name_index == 'plain')
|
||
lang_name = 'code'
|
||
if (lang_name_index == 'py')
|
||
lang_name = 'python'
|
||
|
||
$(this).siblings(".code_lang").text(lang_name)
|
||
|
||
})
|
||
}
|
||
/**
|
||
* 代碼收縮
|
||
*/
|
||
var highlight_shrink = GLOBAL_CONFIG.highlight_shrink
|
||
if (highlight_shrink == 'true') {
|
||
var $code_expand = $('<i class="fa fa-angle-down code-expand code-closed" aria-hidden="true"></i>')
|
||
} else {
|
||
var $code_expand = $('<i class="fa fa-angle-down code-expand" aria-hidden="true"></i>')
|
||
}
|
||
$('.code-area-wrap').prepend($code_expand)
|
||
$('.code-area-wrap .code-expand').on('click', function () {
|
||
if ($(this).hasClass('code-closed')) {
|
||
$(this).siblings('figure').find('figcaption').show();
|
||
$(this).siblings('figure').find('table').show();
|
||
$(this).removeClass('code-closed');
|
||
} else {
|
||
$(this).siblings('figure').find('figcaption').hide();
|
||
$(this).siblings('figure').find('table').hide();
|
||
$(this).addClass('code-closed');
|
||
}
|
||
})
|
||
|
||
/**
|
||
* fancybox和 medium_zoom
|
||
*/
|
||
|
||
var medium_zoom = GLOBAL_CONFIG.medium_zoom;
|
||
if (medium_zoom == 'false') {
|
||
var imgList = $("#post-content img").not('.no-fancybox');
|
||
if (imgList.length === 0) {
|
||
imgList = $(".justified-gallery img").not('.no-fancybox');
|
||
}
|
||
|
||
for (var i = 0; i < imgList.length; i++) {
|
||
var lazyload_src = imgList[i].src ? imgList[i].src : imgList.eq(i).attr("data-src")
|
||
|
||
var $a = $(
|
||
'<a href="' +
|
||
lazyload_src +
|
||
'" data-fancybox="group" data-caption="' +
|
||
imgList[i].alt +
|
||
'" class="fancybox"></a>'
|
||
)
|
||
|
||
var $wrap = $(imgList[i]).wrap($a)
|
||
|
||
var alt = imgList[i].alt
|
||
if (alt) {
|
||
$wrap.after('<div class="img-alt">' + alt + '</div>')
|
||
}
|
||
}
|
||
|
||
$().fancybox({
|
||
selector: "[data-fancybox]",
|
||
loop: true,
|
||
transitionEffect: "slide",
|
||
protect: true,
|
||
// wheel: false,
|
||
buttons: ["slideShow", "fullScreen", "thumbs", "close"]
|
||
});
|
||
} else {
|
||
var imgList = $(".justified-gallery img");
|
||
if (imgList.length) {
|
||
for (var i = 0; i < imgList.length; i++) {
|
||
var $a = $('<div></div>')
|
||
var $wrap = $(imgList[i]).wrap($a)
|
||
}
|
||
}
|
||
|
||
const zoom = mediumZoom(document.querySelectorAll('#post img,.justified-gallery img'))
|
||
zoom.on('open', event => {
|
||
let photoBg = $(document.documentElement).attr('data-theme') == 'dark' ? '#2d3032' : '#fff'
|
||
zoom.update({ background: photoBg })
|
||
})
|
||
}
|
||
|
||
|
||
/**
|
||
* 手機menu和toc按鈕點擊
|
||
* 顯示menu和toc的sidebar
|
||
*/
|
||
function mobile_menu_close() {
|
||
if ($(".toggle-menu").hasClass("open")) {
|
||
$(".toggle-menu").removeClass("open").addClass("close");
|
||
$('body').removeClass("open-mobile-menus");
|
||
$('#menu_mask').fadeOut()
|
||
}
|
||
|
||
}
|
||
|
||
function mobile_toc_close() {
|
||
if ($("#mobile-toc-button").hasClass("open")) {
|
||
$("#mobile-toc-button").removeClass("open").addClass("close");
|
||
$('body').removeClass("open-mobile-toc");
|
||
$('#menu_mask').fadeOut();
|
||
}
|
||
|
||
}
|
||
$('.toggle-menu').on('click', function () {
|
||
if ($(".toggle-menu").hasClass("close")) {
|
||
$(".toggle-menu").removeClass("close").addClass("open");
|
||
$('body').addClass("open-mobile-menus");
|
||
$('#menu_mask').fadeIn();
|
||
if ($('#toggle-sidebar').hasClass('on')) {
|
||
close_sidebar()
|
||
}
|
||
}
|
||
|
||
})
|
||
|
||
$('#mobile-toc-button').on('click', function () {
|
||
if ($("#mobile-toc-button").hasClass("close")) {
|
||
$("#mobile-toc-button").removeClass("close").addClass("open");
|
||
$('body').addClass("open-mobile-toc");
|
||
$('#menu_mask').fadeIn();
|
||
}
|
||
|
||
})
|
||
|
||
$('#menu_mask').on('click touchstart', function (e) {
|
||
mobile_menu_close()
|
||
mobile_toc_close()
|
||
|
||
if ($('#toggle-sidebar').hasClass('on')) {
|
||
setTimeout(function () {
|
||
open_sidebar()
|
||
}, 300)
|
||
}
|
||
|
||
})
|
||
|
||
$(window).on('resize', function (e) {
|
||
if (!$('.toggle-menu').is(':visible')) {
|
||
mobile_menu_close()
|
||
}
|
||
if (!$('#mobile-toc-button').is(':visible')) {
|
||
mobile_toc_close()
|
||
}
|
||
|
||
})
|
||
|
||
//點擊toc，收起sidebar
|
||
$("#mobile-sidebar-toc a").on('click', function () {
|
||
mobile_toc_close()
|
||
})
|
||
|
||
/**
|
||
* scroll 滚动 toc
|
||
*/
|
||
var initTop = 0
|
||
$('.toc-child').hide()
|
||
|
||
// main of scroll
|
||
$(window).scroll(throttle(function (event) {
|
||
var currentTop = $(this).scrollTop()
|
||
if (!isMobile()) {
|
||
// percentage inspired by hexo-theme-next
|
||
scrollPercent(currentTop)
|
||
// head position
|
||
findHeadPosition(currentTop)
|
||
auto_scroll_toc(currentTop)
|
||
}
|
||
var isUp = scrollDirection(currentTop)
|
||
|
||
if (currentTop > 56) {
|
||
if (isUp) {
|
||
$('#page-header').hasClass('visible') ? $('#page-header').removeClass('visible') : ''
|
||
|
||
} else {
|
||
$('#page-header').hasClass('visible') ? '' : $('#page-header').addClass('visible')
|
||
}
|
||
$('#page-header').addClass('fixed')
|
||
|
||
if ($('#rightside').css('opacity') === '0') {
|
||
$('#rightside').animate({}, function () {
|
||
$(this).css({
|
||
'opacity': '1',
|
||
'transform': 'translateX(-38px)'
|
||
})
|
||
})
|
||
}
|
||
} else {
|
||
if (currentTop === 0) {
|
||
$('#page-header').removeClass('fixed').removeClass('visible')
|
||
}
|
||
|
||
$('#rightside').animate({}, function () {
|
||
$('#rightside').css({
|
||
'opacity': '',
|
||
'transform': ''
|
||
})
|
||
})
|
||
|
||
}
|
||
|
||
}, 300))
|
||
|
||
// go up smooth scroll
|
||
$('#go-up').on('click', function () {
|
||
scrollTo('body')
|
||
})
|
||
|
||
// head scroll
|
||
// $('#post-content').find('h1,h2,h3,h4,h5,h6').on('click', function (e) {
|
||
// scrollToHead('#' + $(this).attr('id'))
|
||
// })
|
||
|
||
// head scroll
|
||
$('.toc-link').on('click', function (e) {
|
||
e.preventDefault()
|
||
scrollToHead($(this).attr('href'))
|
||
})
|
||
|
||
// find the scroll direction
|
||
function scrollDirection(currentTop) {
|
||
var result = currentTop > initTop // true is down & false is up
|
||
initTop = currentTop
|
||
return result
|
||
}
|
||
|
||
// scroll to a head(anchor)
|
||
function scrollToHead(anchor) {
|
||
scrollTo(anchor);
|
||
}
|
||
|
||
// expand toc-item
|
||
function expandToc($item) {
|
||
if ($item.is(':visible')) {
|
||
return
|
||
}
|
||
$item.fadeIn(400)
|
||
}
|
||
|
||
function scrollPercent(currentTop) {
|
||
var docHeight = $('#content-outer').height()
|
||
var winHeight = $(window).height()
|
||
var contentMath = (docHeight > winHeight) ? (docHeight - winHeight) : ($(document).height() - winHeight)
|
||
var scrollPercent = (currentTop) / (contentMath)
|
||
var scrollPercentRounded = Math.round(scrollPercent * 100)
|
||
var percentage = (scrollPercentRounded > 100) ? 100 : scrollPercentRounded
|
||
$('.progress-num').text(percentage)
|
||
$('.sidebar-toc__progress-bar').animate({
|
||
width: percentage + '%'
|
||
}, 100)
|
||
}
|
||
|
||
function updateAnchor(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, ...))
|
||
function findHeadPosition(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
|
||
}
|
||
|
||
var list = $('#post-content').find('h1,h2,h3,h4,h5,h6')
|
||
var currentId = ''
|
||
list.each(function () {
|
||
var head = $(this)
|
||
if (top > head.offset().top - 25) {
|
||
currentId = '#' + $(this).attr('id')
|
||
}
|
||
})
|
||
|
||
if (currentId === '') {
|
||
$('.toc-link').removeClass('active')
|
||
$('.toc-child').hide()
|
||
}
|
||
|
||
var currentActive = $('.toc-link.active')
|
||
if (currentId && currentActive.attr('href') !== currentId) {
|
||
updateAnchor(currentId)
|
||
|
||
$('.toc-link').removeClass('active')
|
||
var _this = $('.toc-link[href="' + currentId + '"]')
|
||
_this.addClass('active')
|
||
|
||
var 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
|
||
var 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()
|
||
}
|
||
|
||
}
|
||
|
||
function auto_scroll_toc(currentTop) {
|
||
if ($('.toc-link').hasClass('active')) {
|
||
var active_position = $(".active").offset().top;
|
||
var sidebar_scrolltop = $("#sidebar").scrollTop();
|
||
if (active_position > (currentTop + $(window).height() - 50)) {
|
||
$("#sidebar").scrollTop(sidebar_scrolltop + 100);
|
||
} else if (active_position < currentTop + 50) {
|
||
$("#sidebar").scrollTop(sidebar_scrolltop - 100);
|
||
}
|
||
}
|
||
}
|
||
|
||
/**
|
||
* 閲讀模式
|
||
*/
|
||
$("#readmode").click(function () {
|
||
if (Cookies.get("theme") == "dark") {
|
||
$(document.documentElement).attr('data-theme') == 'dark' ? $(document.documentElement).attr('data-theme','') : $(document.documentElement).attr('data-theme','dark')
|
||
$('body').toggleClass('read-mode');
|
||
$('#to_comment').toggleClass('is_invisible');
|
||
} else {
|
||
$('body').toggleClass('read-mode');
|
||
$('#to_comment').toggleClass('is_invisible');
|
||
}
|
||
});
|
||
|
||
/**
|
||
* 字體調整
|
||
*/
|
||
$("#font_plus").click(function () {
|
||
var font_size_record = parseFloat($('body').css('font-size'))
|
||
var pre_size_record = parseFloat($('pre').css('font-size'))
|
||
var code_size_record = parseFloat($('code').css('font-size'))
|
||
$('body').css('font-size', font_size_record + 1)
|
||
$('pre').css('font-size', pre_size_record + 1)
|
||
$('code').css('font-size', code_size_record + 1)
|
||
});
|
||
|
||
$("#font_minus").click(function () {
|
||
var font_size_record = parseFloat($('body').css('font-size'))
|
||
var pre_size_record = parseFloat($('pre').css('font-size'))
|
||
var code_size_record = parseFloat($('code').css('font-size'))
|
||
$('body').css('font-size', font_size_record - 1)
|
||
$('pre').css('font-size', pre_size_record - 1)
|
||
$('code').css('font-size', code_size_record - 1)
|
||
});
|
||
|
||
/**
|
||
* sub-menus 位置調整
|
||
*/
|
||
|
||
if ($(window).width() > 768) {
|
||
$('.menus_item_child').each(function () {
|
||
var a_width = $(this).siblings('a').outerWidth(true);
|
||
var child_width = $(this).outerWidth(true);
|
||
$(this).css("margin-left", -(child_width / 2 - a_width / 2))
|
||
})
|
||
}
|
||
|
||
/**
|
||
* 手機端sub-menu 展開/收縮
|
||
*/
|
||
$('.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');
|
||
}
|
||
})
|
||
|
||
/**
|
||
* rightside 點擊設置 按鈕 展開
|
||
*/
|
||
$('#rightside_config').on('click', function () {
|
||
if ($('#rightside-config-hide').hasClass("rightside-in")) {
|
||
$('#rightside-config-hide').css("animation", "rightside_out_animate .3s");
|
||
$('#rightside-config-hide').removeClass("rightside-in")
|
||
$("#rightside-config-hide").animate({}, function () {
|
||
setTimeout(function () {
|
||
$('#rightside-config-hide').css({
|
||
"animation": "",
|
||
"display": ""
|
||
})
|
||
}, 300)
|
||
})
|
||
} else {
|
||
$('#rightside-config-hide').addClass("rightside-in")
|
||
$("#rightside-config-hide").animate({}, function () {
|
||
$('#rightside-config-hide').css("display", "block")
|
||
})
|
||
|
||
}
|
||
})
|
||
|
||
/**
|
||
* 調正recent_post 上下間距
|
||
*/
|
||
function recent_post_padding() {
|
||
$(".recent-post-info").each(function () {
|
||
var k = $(".recent-post-item").height();
|
||
var e = $(this).height();
|
||
$(this).css({
|
||
"padding-top": (k - e) / 2,
|
||
"padding-bottom": (k - e) / 2
|
||
})
|
||
})
|
||
}
|
||
|
||
//recent-post-item垂直置中
|
||
if ($(window).width() > 768) {
|
||
recent_post_padding();
|
||
}
|
||
|
||
$(window).bind("resize", function () {
|
||
if ($(window).width() > 768) {
|
||
recent_post_padding();
|
||
}
|
||
})
|
||
|
||
/**
|
||
* 複製時加上版權信息
|
||
*/
|
||
var copy_copyright_js = GLOBAL_CONFIG.copy_copyright_js
|
||
var copyright = GLOBAL_CONFIG.copyright
|
||
if (copyright) {
|
||
document.body.oncopy = event => {
|
||
event.preventDefault();
|
||
let textFont, copyFont = window.getSelection(0).toString();
|
||
if (copyFont.length > 45) {
|
||
textFont = copyFont + '\n' + '\n' + '\n' +
|
||
copyright.languages.author + '\n' +
|
||
copyright.languages.link + '\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);
|
||
}
|
||
}
|
||
}
|
||
|
||
/**
|
||
* justified-gallery 圖庫排版
|
||
*/
|
||
|
||
if ($('.justified-gallery').length) {
|
||
$('.justified-gallery img').each((i, o) => {
|
||
let src = $(o).attr('data-src');
|
||
$(o).attr('src', src)
|
||
})
|
||
$('.justified-gallery > p > .fancybox,.justified-gallery > p > div').unwrap();
|
||
$('head').append('<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/justifiedGallery@3.7.0/dist/css/justifiedGallery.min.css">');
|
||
loadScript("https://cdn.jsdelivr.net/npm/justifiedGallery@3.7.0/dist/js/jquery.justifiedGallery.min.js", function () {
|
||
if (typeof ($.fn.justifiedGallery) === 'function') {
|
||
$('.justified-gallery').justifiedGallery({
|
||
rowHeight: 220,
|
||
margins: 4,
|
||
});
|
||
}
|
||
})
|
||
}
|
||
|
||
/**
|
||
* Darkmode
|
||
*/
|
||
|
||
// if (autoChangeMode == '1') {
|
||
// window.matchMedia("(prefers-color-scheme: dark)").addListener(function (e) {
|
||
// if (e.matches) {
|
||
// activateDarkMode()
|
||
// change_light_icon()
|
||
// Cookies.remove('theme')
|
||
// } else {
|
||
// activateLightMode()
|
||
// change_dark_icon()
|
||
// Cookies.remove('theme')
|
||
// }
|
||
|
||
// })
|
||
// }
|
||
|
||
if (autoChangeMode == '1' || autoChangeMode == '2') {
|
||
if (Cookies.get("theme") == "dark") {
|
||
change_light_icon()
|
||
} else {
|
||
change_dark_icon()
|
||
}
|
||
}
|
||
|
||
function change_light_icon() {
|
||
$("#darkmode").removeClass("fa-moon-o").addClass("fa-sun-o");
|
||
}
|
||
|
||
function change_dark_icon() {
|
||
$("#darkmode").removeClass("fa-sun-o").addClass("fa-moon-o");
|
||
|
||
}
|
||
|
||
function switchReadMode() {
|
||
|
||
var nowMode = document.documentElement.getAttribute('data-theme') === 'dark' ? 'dark' : 'light'
|
||
|
||
if ( nowMode == 'light') {
|
||
change_light_icon()
|
||
activateDarkMode()
|
||
Cookies.set('theme','dark', { expires: 2 })
|
||
if (is_Snackbar) snackbarShow(GLOBAL_CONFIG.Snackbar.day_to_night)
|
||
}else{
|
||
change_dark_icon()
|
||
activateLightMode()
|
||
Cookies.set('theme','light', { expires: 2 })
|
||
if (is_Snackbar) snackbarShow(GLOBAL_CONFIG.Snackbar.night_to_day)
|
||
}
|
||
}
|
||
|
||
$("#darkmode").click(function () {
|
||
switchReadMode();
|
||
});
|
||
|
||
|
||
}); |