hexo-theme-solitude 1.8.9 → 1.8.11

package/source/js/main.js

@@ -1,39 +1,31 @@
+// 移动端侧栏
 const sidebarFn = () => {
-    const $toggleMenu = document.getElementById('toggle-menu')
-    const $mobileSidebarMenus = document.getElementById('sidebar-menus')
-    const $menuMask = document.getElementById('menu-mask')
-    const $body = document.body
-
-    function openMobileSidebar() {
-        utils.sidebarPaddingR()
-        $body.style.overflow = 'hidden'
-        utils.fadeIn($menuMask, 0.5)
-        $mobileSidebarMenus.classList.add('open')
-    }
-
-    function closeMobileSidebar() {
-        $body.style.overflow = ''
-        $body.style.paddingRight = ''
-        utils.fadeOut($menuMask, 0.5)
-        $mobileSidebarMenus.classList.remove('open')
+    const $toggleMenu = document.getElementById('toggle-menu');
+    const $mobileSidebarMenus = document.getElementById('sidebar-menus');
+    const $menuMask = document.getElementById('menu-mask');
+    const $body = document.body;
+    const toggleMobileSidebar = (isOpen) => {
+        utils.sidebarPaddingR();
+        $body.style.overflow = isOpen ? 'hidden' : '';
+        $body.style.paddingRight = isOpen ? '' : '';
+        utils[isOpen ? 'fadeIn' : 'fadeOut']($menuMask, 0.5);
+        $mobileSidebarMenus.classList[isOpen ? 'add' : 'remove']('open');
     }
-
-    $toggleMenu.addEventListener('click', openMobileSidebar)
-
-    $menuMask.addEventListener('click', e => {
+    $toggleMenu.addEventListener('click', () => toggleMobileSidebar(true));
+    $menuMask.addEventListener('click', () => {
         if ($mobileSidebarMenus.classList.contains('open')) {
-            closeMobileSidebar()
+            toggleMobileSidebar(false);
         }
-    })
-
-    window.addEventListener('resize', e => {
-        if (utils.isHidden($toggleMenu)) {
-            if ($mobileSidebarMenus.classList.contains('open')) closeMobileSidebar()
+    });
+    window.addEventListener('resize', () => {
+        if (utils.isHidden($toggleMenu) && $mobileSidebarMenus.classList.contains('open')) {
+            toggleMobileSidebar(false);
         }
         sco.refreshWaterFall();
-    })
+    });
 }
 
+// 滚动事件监听
 const scrollFn = function () {
     const innerHeight = window.innerHeight;
     if (document.body.scrollHeight <= innerHeight) return;
@@ -54,12 +46,13 @@ const scrollFn = function () {
             $header.classList.remove('nav-fixed', 'nav-visible');
         }
     }, 200);
-    window.addEventListener('scroll', function(e) {
+    window.addEventListener('scroll', function (e) {
         throttledScroll(e);
         if (window.scrollY === 0) {
             $header.classList.remove('nav-fixed', 'nav-visible');
         }
     });
+
     function scrollDirection(currentTop) {
         const result = currentTop > initTop;
         initTop = currentTop;
@@ -67,213 +60,152 @@ const scrollFn = function () {
     }
 }
 
+// 进度球
 const percent = () => {
     const docEl = document.documentElement;
     const body = document.body;
     const scrollPos = window.pageYOffset || docEl.scrollTop;
-    const scrollHeight = Math.max(body.scrollHeight, docEl.scrollHeight, body.offsetHeight, docEl.offsetHeight, body.clientHeight, docEl.clientHeight);
-    const viewportHeight = docEl.clientHeight;
-    const totalScrollableHeight = scrollHeight - viewportHeight;
+    const totalScrollableHeight = Math.max(body.scrollHeight, docEl.scrollHeight, body.offsetHeight, docEl.offsetHeight, body.clientHeight, docEl.clientHeight) - docEl.clientHeight;
     const scrolledPercent = Math.round((scrollPos / totalScrollableHeight) * 100);
     const navToTop = document.querySelector("#nav-totop");
     const percentDisplay = document.querySelector("#percent");
-    const commentOrFooter = document.getElementById("post-comment") || document.getElementById("footer");
-    const isNearEnd = (window.scrollY + viewportHeight) >= commentOrFooter.offsetTop;
-    if (isNearEnd || scrolledPercent > 90) {
-        navToTop.classList.add("long");
-        percentDisplay.textContent = GLOBAL_CONFIG.lang.backtop;
-    } else {
-        navToTop.classList.remove("long");
-        percentDisplay.textContent = scrolledPercent;
-    }
-    const elementsToHide = document.querySelectorAll(".needEndHide");
-    elementsToHide.forEach(item => item.classList.toggle("hide", totalScrollableHeight - scrollPos < 100));
-    window.onscroll = percent
-}
-
-const handleThemeChange = mode => {
-    const globalFn = window.globalFn || {}
-    const themeChange = globalFn.themeChange || {}
-    if (!themeChange) {
-        return
-    }
-
-    Object.keys(themeChange).forEach(key => {
-        const themeChangeFn = themeChange[key]
-        themeChangeFn(mode)
-    })
+    const isNearEnd = (window.scrollY + docEl.clientHeight) >= (document.getElementById("post-comment") || document.getElementById("footer")).offsetTop;
+    navToTop.classList.toggle("long", isNearEnd || scrolledPercent > 90);
+    percentDisplay.textContent = isNearEnd || scrolledPercent > 90 ? GLOBAL_CONFIG.lang.backtop : scrolledPercent;
+    document.querySelectorAll(".needEndHide").forEach(item => item.classList.toggle("hide", totalScrollableHeight - scrollPos < 100));
 }
 
+// 展示今日卡片
 const showTodayCard = () => {
-    const el = document.getElementById('todayCard')
-    const topGroup = document.getElementsByClassName('topGroup')[0]
-
-    if (el && topGroup) {
-        topGroup.addEventListener('mouseleave', () => {
-            el.classList.remove('hide')
-        })
-    }
+    const el = document.getElementById('todayCard');
+    const topGroup = document.querySelector('.topGroup');
+    topGroup?.addEventListener('mouseleave', () => el?.classList.remove('hide'));
 }
 
+// 初始化 IntersectionObserver
 const initObserver = () => {
-    let commentElement = document.getElementById("post-comment");
-    let paginationElement = document.getElementById("pagination");
-
-    function handleIntersection(entries) {
-        entries.forEach(function (entry) {
-            if (entry.isIntersecting) {
-                paginationElement.classList.add("show-window");
-                GLOBAL_CONFIG.comment.commentBarrage && (document.querySelector(".comment-barrage").style.bottom = "-200px");
-            } else {
-                paginationElement.classList.remove("show-window");
-                GLOBAL_CONFIG.comment.commentBarrage && (document.querySelector(".comment-barrage").style.bottom = "0px");
-            }
-        });
-    }
-
+    const commentElement = document.getElementById("post-comment");
+    const paginationElement = document.getElementById("pagination");
+    const commentBarrageElement = document.querySelector(".comment-barrage");
     if (commentElement && paginationElement) {
-        let observer = new IntersectionObserver(handleIntersection);
+        const observer = new IntersectionObserver(entries => {
+            entries.forEach(entry => {
+                const action = entry.isIntersecting ? 'add' : 'remove';
+                paginationElement.classList[action]("show-window");
+                if (GLOBAL_CONFIG.comment.commentBarrage) {
+                    commentBarrageElement.style.bottom = entry.isIntersecting ? "-200px" : "0px";
+                }
+            });
+        });
         observer.observe(commentElement);
     }
+};
+
+// 复制版权信息
+const addCopyright = () => {
+    if (!GLOBAL_CONFIG.copyright) return;
+    const {limit, author, link, source, info} = GLOBAL_CONFIG.copyright;
+    document.body.addEventListener('copy', (e) => {
+        e.preventDefault();
+        const copyText = window.getSelection().toString();
+        const text = copyText.length > limit ? `${copyText}\n\n${author}\n${link}${window.location.href}\n${source}\n${info}` : copyText;
+        e.clipboardData.setData('text', text);
+    });
+};
+
+// 侧边栏状态
+const asideStatus = () => {
+    const status = utils.saveToLocal.get('aside-status');
+    document.documentElement.classList.toggle('hide-aside', status === 'hide');
 }
 
+// 初始化主题色
 function initThemeColor() {
     const currentTop = window.scrollY || document.documentElement.scrollTop;
-    let themeColor;
-    if (currentTop > 0) {
-        themeColor = getComputedStyle(document.documentElement).getPropertyValue('--efu-card-bg');
-    } else if (PAGE_CONFIG.is_post) {
-        themeColor = getComputedStyle(document.documentElement).getPropertyValue('--efu-main');
-    } else {
-        themeColor = getComputedStyle(document.documentElement).getPropertyValue('--efu-background');
-    }
-    changeThemeColor(themeColor);
+    const themeColor = currentTop > 0 ? '--efu-card-bg' : PAGE_CONFIG.is_post ? '--efu-main' : '--efu-background';
+    applyThemeColor(getComputedStyle(document.documentElement).getPropertyValue(themeColor));
 }
 
-function changeThemeColor(color) {
-    if (null !== document.querySelector('meta[name="theme-color"]') && (document.querySelector('meta[name="theme-color"]').setAttribute("content", color),
-        document.querySelector('meta[name="apple-mobile-web-app-status-bar-style"]').setAttribute("content", color)),
-        window.matchMedia("(display-mode: standalone)").matches) {
-        const t = document.body;
-        t ? t.style.backgroundColor = color : console.error("document.body不存在")
-    }
+/**
+ * applyThemeColor
+ * @description 应用主题色
+ * @param color
+ */
+function applyThemeColor(color) {
+    const themeColorMeta = document.querySelector('meta[name="theme-color"]');
+    const appleMobileWebAppMeta = document.querySelector('meta[name="apple-mobile-web-app-status-bar-style"]');
+    themeColorMeta?.setAttribute("content", color);
+    appleMobileWebAppMeta?.setAttribute("content", color);
+    document.body.style.backgroundColor = color;
 }
 
-class toc {
-    static init() {
-        const tocContainer = document.getElementById('card-toc')
-        if (!tocContainer || !tocContainer.querySelector('.toc a')) {
-            tocContainer.style.display = 'none'
-            return
-        }
-        const el = document.querySelectorAll('.toc a')
-        el.forEach((e) => {
-            e.addEventListener('click', (event) => {
-                event.preventDefault()
-                utils.scrollToDest(utils.getEleTop(document.getElementById(decodeURI((event.target.className === 'toc-text' ? event.target.parentNode.hash : event.target.hash).replace('#', '')))), 300)
-            })
-        })
-        this.active(el)
-    }
-
-    static active(toc) {
-        const $article = document.getElementById('article-container')
-        const $tocContent = document.getElementById('toc-content')
-        const list = $article.querySelectorAll('h1,h2,h3,h4,h5,h6')
-        let detectItem = ''
-
-        function autoScroll(el) {
-            const activePosition = el.getBoundingClientRect().top
-            const sidebarScrollTop = $tocContent.scrollTop
-            if (activePosition > (document.documentElement.clientHeight - 100)) {
-                $tocContent.scrollTop = sidebarScrollTop + 150
-            }
-            if (activePosition < 100) {
-                $tocContent.scrollTop = sidebarScrollTop - 150
-            }
-        }
-
-        function findHeadPosition(top) {
-            if (top === 0) {
-                return false
-            }
-
-            let currentIndex = ''
-
-            list.forEach(function (ele, index) {
-                if (top > utils.getEleTop(ele) - 80) {
-                    currentIndex = index
-                }
-            })
-
-            if (detectItem === currentIndex) return
-            detectItem = currentIndex
-            document.querySelectorAll('.toc .active').forEach((i) => {
-                i.classList.remove('active')
-            })
-            const activeitem = toc[detectItem]
-            if (activeitem) {
-                let parent = toc[detectItem].parentNode
-                activeitem.classList.add('active')
-                autoScroll(activeitem)
-                for (; !parent.matches('.toc'); parent = parent.parentNode) {
-                    if (parent.matches('li')) parent.classList.add('active')
-                }
-            }
-        }
-
-        window.tocScrollFn = utils.throttle(function () {
-            const currentTop = window.scrollY || document.documentElement.scrollTop
-            findHeadPosition(currentTop)
-        }, 100)
-
-        window.addEventListener('scroll', tocScrollFn)
+/**
+ * handleThemeChange
+ * @description 切换主题色
+ * @param mode
+ */
+const handleThemeChange = mode => {
+    const themeChange = window.globalFn?.themeChange || {}
+    for (let key in themeChange) {
+        themeChange[key](mode)
     }
 }
 
+// lastSayHello 上次打招呼的内容
 let lastSayHello = "";
-let wleelw_musicPlaying = false
+// musicPlaying 是否正在播放音乐
+let musicPlaying = false
+// is_rm 是否启用右键菜单
 let is_rm = typeof rm !== 'undefined'
 
+/**
+ * sco
+ * @description solitude 主题的一些方法
+ * @type {{showConsole: (function(): boolean), setTimeState: sco.setTimeState, toTop: (function(): void), changeTimeFormat(*): void, hideCookie: sco.hideCookie, owoBig(*): void, switchDarkMode: sco.switchDarkMode, openAllTags: sco.openAllTags, switchHideAside: sco.switchHideAside, addRuntime: sco.addRuntime, refreshWaterFall: sco.refreshWaterFall, categoriesBarActive: sco.categoriesBarActive, addNavBackgroundInit: sco.addNavBackgroundInit, toPage: sco.toPage, changeSayHelloText: sco.changeSayHelloText, initConsoleState: (function(): void), switchComments(): void, switchKeyboard: sco.switchKeyboard, initAdjust: sco.initAdjust, listenToPageInputPress: sco.listenToPageInputPress, scrollTo: sco.scrollTo, musicToggle: sco.musicToggle, toTalk: sco.toTalk, switchCommentBarrage: sco.switchCommentBarrage, hideTodayCard: (function(): void), scrollCategoryBarToRight: sco.scrollCategoryBarToRight, scrollToComment: sco.scrollToComment, initbbtalk: sco.initbbtalk, tagPageActive: sco.tagPageActive, hideConsole: (function(): void), addPhotoFigcaption: sco.addPhotoFigcaption}}
+ */
 let sco = {
+    /**
+     * hideCookie
+     * @description 隐藏 cookie 通知
+     */
     hideCookie: function () {
-        setTimeout(() => {
-            const cookiesWindow = document.getElementById("cookies-window");
-            if (cookiesWindow) {
+        const cookiesWindow = document.getElementById("cookies-window");
+        if (cookiesWindow) {
+            setTimeout(() => {
                 cookiesWindow.classList.add("cw-hide");
-                setTimeout(() => {
-                    cookiesWindow.style.display = "none";
-                }, 1000);
-            }
-        }, 3000);
+                setTimeout(() => cookiesWindow.style.display = "none", 1000);
+            }, 3000);
+        }
     },
+    /**
+     * scrollTo
+     * @description 滚动到指定元素
+     * @param elementId
+     */
     scrollTo: function (elementId) {
         const targetElement = document.getElementById(elementId);
         if (targetElement) {
             const targetPosition = targetElement.getBoundingClientRect().top + window.pageYOffset - 80;
-            const startPosition = window.pageYOffset;
-            const distanceToScroll = targetPosition - startPosition;
-            let animationStartTime = null;
-            window.requestAnimationFrame((function smoothScroll(currentTime) {
-                animationStartTime = animationStartTime || currentTime;
-                const elapsedTime = currentTime - animationStartTime;
-                const progressRatio = Math.min(elapsedTime / 0, 1);
-                const easing = progressRatio < .5 ? 2 * progressRatio * progressRatio : (4 - 2 * progressRatio) * progressRatio - 1;
-                window.scrollTo(0, startPosition + distanceToScroll * easing);
-                elapsedTime < 600 && window.requestAnimationFrame(smoothScroll);
-            }));
+            window.scroll({
+                top: targetPosition,
+                behavior: "smooth"
+            });
         }
     },
+    /**
+     * musicToggle
+     * @description 音乐播放开关
+     */
     musicToggle: function () {
         const $music = document.querySelector('#nav-music');
         const $meting = document.querySelector('meting-js');
         const $console = document.getElementById('consoleMusic');
         const $rm_text = document.querySelector('#menu-music-toggle span');
         const $rm_icon = document.querySelector('#menu-music-toggle i');
-        wleelw_musicPlaying = !wleelw_musicPlaying;
-        $music.classList.toggle("playing", wleelw_musicPlaying);
-        $console.classList.toggle("on", wleelw_musicPlaying);
-        if (wleelw_musicPlaying) {
+        musicPlaying = !musicPlaying;
+        $music.classList.toggle("playing", musicPlaying);
+        $console.classList.toggle("on", musicPlaying);
+        if (musicPlaying) {
             $meting.aplayer.play();
             rm?.menuItems.music[0] && ($rm_text.textContent = GLOBAL_CONFIG.right_menu.music.stop) && ($rm_icon.className = 'solitude st-pause-fill')
         } else {
@@ -281,113 +213,145 @@ let sco = {
             rm?.menuItems.music[0] && ($rm_text.textContent = GLOBAL_CONFIG.right_menu.music.start) && ($rm_icon.className = 'solitude st-play-fill')
         }
     },
+    /**
+     * switchCommentBarrage
+     * @description 切换评论弹幕
+     */
     switchCommentBarrage: function () {
         let commentBarrageElement = document.querySelector(".comment-barrage");
-        if (commentBarrageElement) {
-            if (window.getComputedStyle(commentBarrageElement).display === "flex") {
-                commentBarrageElement.style.display = "none";
-                document.querySelector("#consoleCommentBarrage").classList.remove("on");
-                utils.saveToLocal.set("commentBarrageSwitch", false, .2);
-                rm?.menuItems.barrage && rm.barrage(true)
-            } else {
-                commentBarrageElement.style.display = "flex";
-                document.querySelector("#consoleCommentBarrage").classList.add("on");
-                utils.saveToLocal.set("commentBarrageSwitch", true, .2);
-                rm?.menuItems.barrage && rm.barrage(false)
-            }
-        }
+        if (!commentBarrageElement) return;
+        const isDisplayed = window.getComputedStyle(commentBarrageElement).display === "flex";
+        commentBarrageElement.style.display = isDisplayed ? "none" : "flex";
+        document.querySelector("#consoleCommentBarrage").classList.toggle("on", !isDisplayed);
+        utils.saveToLocal.set("commentBarrageSwitch", !isDisplayed, .2);
+        rm?.menuItems.barrage && rm.barrage(isDisplayed)
     },
+    /**
+     * switchHideAside
+     * @description 切换侧边栏
+     */
     switchHideAside: function () {
         const htmlClassList = document.documentElement.classList;
-        htmlClassList.contains("hide-aside") ? utils.saveToLocal.set("aside-status", "show", 1) : utils.saveToLocal.set("aside-status", "hide", 1)
+        const consoleHideAside = document.querySelector("#consoleHideAside");
+        const isHideAside = htmlClassList.contains("hide-aside");
+        utils.saveToLocal.set("aside-status", isHideAside ? "show" : "hide", 1);
         htmlClassList.toggle("hide-aside");
-        htmlClassList.contains("hide-aside") ? document.querySelector("#consoleHideAside").classList.add("on") : document.querySelector("#consoleHideAside").classList.remove("on");
+        consoleHideAside.classList.toggle("on", !isHideAside);
     },
+    /**
+     * switchKeyboard
+     * @description 切换快捷键
+     */
     switchKeyboard: function () {
         sco_keyboards = !sco_keyboards;
         const consoleKeyboard = document.querySelector("#consoleKeyboard");
-        if (sco_keyboards) {
-            consoleKeyboard.classList.add("on");
-            openKeyboard()
-            localStorage.setItem("keyboard", true);
-        } else {
-            closeKeyboard()
-            consoleKeyboard.classList.remove("on");
-            localStorage.setItem("keyboard", false);
-            document.getElementById('keyboard-tips')?.classList.remove('show')
-        }
-    },
-    initConsoleState: function () {
-        document.documentElement.classList.contains("hide-aside") ? document.querySelector("#consoleHideAside").classList.add("on") : document.querySelector("#consoleHideAside").classList.remove("on")
+        const keyboardFunction = sco_keyboards ? openKeyboard : closeKeyboard;
+        consoleKeyboard.classList.toggle("on", sco_keyboards);
+        keyboardFunction();
+        localStorage.setItem("keyboard", sco_keyboards);
+        document.getElementById('keyboard-tips')?.classList.remove('show');
     },
+    /**
+     * initConsoleState
+     * @description 初始化控制台状态
+     */
+    initConsoleState: () => document.documentElement.classList.contains("hide-aside") ? document.querySelector("#consoleHideAside").classList.add("on") : document.querySelector("#consoleHideAside").classList.remove("on"),
+    /**
+     * changeSayHelloText
+     * @description 更改打招呼文本
+     */
     changeSayHelloText: function () {
         const greetings = GLOBAL_CONFIG.aside.sayhello2;
         const greetingElement = document.getElementById("author-info__sayhi");
-        let randomGreeting = greetings[Math.floor(Math.random() * greetings.length)];
-        while (randomGreeting === lastSayHello) {
+        let randomGreeting;
+        do {
             randomGreeting = greetings[Math.floor(Math.random() * greetings.length)];
-        }
+        } while (randomGreeting === lastSayHello);
         greetingElement.textContent = randomGreeting;
         lastSayHello = randomGreeting;
     },
+    /**
+     * switchDarkMode
+     * @description 切换显示模式
+     */
     switchDarkMode: function () {
-        let nowMode = document.documentElement.getAttribute('data-theme') === 'dark' ? 'dark' :
-            'light'
-        if (nowMode === 'light') {
-            document.documentElement.setAttribute('data-theme', 'dark')
-            utils.saveToLocal.set('theme', 'dark', 0.02);
-            utils.snackbarShow(GLOBAL_CONFIG.lang.theme.dark, false, 2000)
-            is_rm && rm.mode(true)
-        } else {
-            document.documentElement.setAttribute('data-theme', 'light')
-            utils.saveToLocal.set('theme', 'light', 0.02);
-            utils.snackbarShow(GLOBAL_CONFIG.lang.theme.light, false, 2000)
-            is_rm && rm.mode(false)
-        }
-        handleThemeChange(nowMode)
+        const isDarkMode = document.documentElement.getAttribute('data-theme') === 'dark';
+        const newMode = isDarkMode ? 'light' : 'dark';
+        document.documentElement.setAttribute('data-theme', newMode);
+        utils.saveToLocal.set('theme', newMode, 0.02);
+        utils.snackbarShow(GLOBAL_CONFIG.lang.theme[newMode], false, 2000);
+        if (is_rm) rm.mode(!isDarkMode);
+        handleThemeChange(newMode);
     },
+    /**
+     * hideTodayCard
+     * @description 隐藏今日卡片
+     */
     hideTodayCard: () => document.getElementById('todayCard').classList.add('hide'),
+    /**
+     * toTop
+     * @description 返回顶部
+     */
     toTop: () => utils.scrollToDest(0),
-    showConsole: function () {
-        let el = document.getElementById('console')
-        if (el && !el.classList.contains('show')) {
-            el.classList.add('show')
-        }
-    },
-    hideConsole: function () {
-        const el = document.getElementById('console')
-        el && el.classList.remove('show')
-    },
+    /**
+     * showConsole
+     * @description 显示控制台
+     */
+    showConsole: () => document.getElementById('console')?.classList.toggle('show', true),
+    /**
+     * hideConsole
+     * @description 隐藏控制台
+     */
+    hideConsole: () => document.getElementById('console')?.classList.remove('show'),
+    /**
+     * refreshWaterFall
+     * @description 刷新瀑布流
+     */
     refreshWaterFall: function () {
-        const els = document.querySelectorAll('.waterfall')
-        if (els.length !== 0) {
-            els.forEach(el => waterfall(el) || el.classList.add('show'))
-        }
+        const observer = new IntersectionObserver((entries) => {
+            entries.forEach(entry => {
+                if (entry.isIntersecting) {
+                    waterfall(entry.target) || entry.target.classList.add('show');
+                }
+            });
+        });
+        document.querySelectorAll('.waterfall').forEach(el => observer.observe(el));
     },
+    /**
+     * addRuntime
+     * @description 添加运行时间
+     */
     addRuntime: function () {
         let el = document.getElementById('runtimeshow')
         el && GLOBAL_CONFIG.runtime && (el.innerText = utils.timeDiff(new Date(GLOBAL_CONFIG.runtime), new Date()) + GLOBAL_CONFIG.lang.time.day)
     },
+    /**
+     * toTalk
+     * @description 回复评论
+     * @param txt
+     */
     toTalk: function (txt) {
-        const inputs = ["#wl-edit", ".el-textarea__inner", "#veditor", ".atk-textarea"]
-        for (let i = 0; i < inputs.length; i++) {
-            let el = document.querySelector(inputs[i])
-            if (el != null) {
-                el.dispatchEvent(new Event('input', {
-                    bubble: true,
-                    cancelable: true
-                }))
-                el.value = '> ' + txt.replace(/\n/g, '\n> ') + '\n\n'
-                utils.scrollToDest(utils.getEleTop(document.getElementById('post-comment')), 300)
-                el.focus()
-                el.setSelectionRange(-1, -1)
+        const inputs = ["#wl-edit", ".el-textarea__inner", "#veditor", ".atk-textarea"];
+        inputs.forEach(selector => {
+            const el = document.querySelector(selector);
+            if (el) {
+                el.dispatchEvent(new Event('input', {bubble: true, cancelable: true}));
+                el.value = '> ' + txt.replace(/\n/g, '\n> ') + '\n\n';
+                utils.scrollToDest(utils.getEleTop(document.getElementById('post-comment')), 300);
+                el.focus();
+                el.setSelectionRange(-1, -1);
             }
-        }
-        utils.snackbarShow(GLOBAL_CONFIG.lang.totalk, !1, 2e3);
+        });
+        utils.snackbarShow(GLOBAL_CONFIG.lang.totalk, false, 2000);
     },
+    /**
+     * initbbtalk
+     * @description 初始化 bbtalk
+     */
     initbbtalk: function () {
-        if (document.querySelector('#bber-talk')) {
-            let swiper = new Swiper('.swiper-container', {
+        const bberTalkElement = document.querySelector('#bber-talk');
+        if (bberTalkElement) {
+            new Swiper('.swiper-container', {
                 direction: 'vertical',
                 loop: true,
                 autoplay: {
@@ -397,264 +361,192 @@ let sco = {
             });
         }
     },
+    /**
+     * addPhotoFigcaption
+     * @description 添加图片标题
+     */
     addPhotoFigcaption: function () {
-        let images = document.querySelectorAll('#article-container img');
-        images.forEach((image) => {
-            const imageParent = image.parentNode;
+        document.querySelectorAll('#article-container img').forEach(image => {
             const captionText = image.getAttribute('alt');
-
-            if (captionText) {
-                const captionElement = document.createElement('div');
-                captionElement.className = 'img-alt is-center';
-                captionElement.textContent = captionText;
-
-                imageParent.insertBefore(captionElement, image.nextSibling);
-            }
+            captionText && image.insertAdjacentHTML('afterend', `<div class="img-alt is-center">${captionText}</div>`);
         });
     },
+    /**
+     * scrollToComment
+     * @description 滚动到评论
+     */
     scrollToComment: function () {
         utils.scrollToDest(utils.getEleTop(document.getElementById('post-comment')), 300)
     },
+    /**
+     * setTimeState
+     * @description 设置时间状态
+     */
     setTimeState: function () {
         const el = document.getElementById('author-info__sayhi');
         if (el) {
-            const timeNow = new Date();
-            const hours = timeNow.getHours();
+            const hours = new Date().getHours();
             const lang = GLOBAL_CONFIG.aside.sayhello;
-            const greetings = [{
-                start: 0,
-                end: 5,
-                text: lang.goodnight
-            },
-                {
-                    start: 6,
-                    end: 10,
-                    text: lang.morning
-                },
-                {
-                    start: 11,
-                    end: 14,
-                    text: lang.noon
-                },
-                {
-                    start: 15,
-                    end: 18,
-                    text: lang.afternoon
-                },
-                {
-                    start: 19,
-                    end: 24,
-                    text: lang.night
-                },
+            const greetings = [
+                {start: 0, end: 5, text: lang.goodnight},
+                {start: 6, end: 10, text: lang.morning},
+                {start: 11, end: 14, text: lang.noon},
+                {start: 15, end: 18, text: lang.afternoon},
+                {start: 19, end: 24, text: lang.night},
             ];
-            for (let greeting of greetings) {
-                if (hours >= greeting.start && hours <= greeting.end) {
-                    el.innerText = greeting.text;
-                    break;
-                }
-            }
+            const greeting = greetings.find(g => hours >= g.start && hours <= g.end);
+            el.innerText = greeting.text;
         }
     },
+    /**
+     * tagPageActive
+     * @description 标签页当前标签高亮
+     */
     tagPageActive: function () {
-        const currentPath = window.location.pathname;
-        const decodedPath = decodeURIComponent(currentPath);
-
+        const decodedPath = decodeURIComponent(window.location.pathname);
         const isTagPage = /\/tags\/.*?\//.test(decodedPath);
         if (isTagPage) {
             const tag = decodedPath.split("/").slice(-2, -1)[0];
-
-            const tagPageTagsElement = document.getElementById("#tag-page-tags");
-            if (tagPageTagsElement) {
-                const allLinks = document.querySelectorAll("a");
-                allLinks.forEach(link => {
+            const tagElement = document.getElementById(tag);
+            if (tagElement) {
+                document.querySelectorAll("a.select").forEach(link => {
                     link.classList.remove("select");
                 });
-
-                const tagElement = document.getElementById(tag);
-                if (tagElement) {
-                    tagElement.classList.add("select");
-                }
+                tagElement.classList.add("select");
             }
         }
     },
+    /**
+     * categoriesBarActive
+     * @description 分类栏当前分类高亮
+     */
     categoriesBarActive: function () {
         const categoryBar = document.querySelector("#category-bar");
-        const currentPath = window.location.pathname;
-        const decodedPath = decodeURIComponent(currentPath);
-
+        const currentPath = decodeURIComponent(window.location.pathname);
+        const isHomePage = currentPath === "/";
         if (categoryBar) {
-            const categoryBarItems = document.querySelectorAll(".category-bar-item");
-            categoryBarItems.forEach(item => {
-                item.classList.remove("select");
-            });
-            if (decodedPath === "/") {
-                const homeItem = document.getElementById("category-bar-home");
-                homeItem.classList.add("select");
-            } else {
-                if (/\/categories\/.*?\//.test(decodedPath)) {
-                    let category = decodedPath.split("/").slice(-2, -1)[0];
-                    category = category.charAt(0).toUpperCase() + category.slice(1);
-                    const categoryItem = document.getElementById(category);
-                    if (categoryItem) {
-                        categoryItem.classList.add("select");
-                    }
-                }
+            const categoryItems = categoryBar.querySelectorAll(".category-bar-item");
+            categoryItems.forEach(item => item.classList.remove("select"));
+            const activeItemId = isHomePage ? "category-bar-home" : currentPath.split("/").slice(-2, -1)[0];
+            const activeItem = document.getElementById(activeItemId);
+            if (activeItem) {
+                activeItem.classList.add("select");
             }
         }
     },
+    /**
+     * scrollCategoryBarToRight
+     * @description 滚动分类栏到右侧
+     */
     scrollCategoryBarToRight: function () {
-        let timeoutId;
-        let scrollBar = document.getElementById("category-bar-items");
-        let nextElement = document.getElementById("category-bar-next");
-        let scrollBarWidth = scrollBar.clientWidth;
+        const scrollBar = document.getElementById("category-bar-items");
+        const nextElement = document.getElementById("category-bar-next");
         if (scrollBar) {
-            if (scrollBar.scrollLeft + scrollBar.clientWidth >= scrollBar.scrollWidth - 8) {
-                scrollBar.scroll({
-                    left: 0,
-                    behavior: "smooth"
-                });
-            } else {
-                scrollBar.scrollBy({
-                    left: scrollBarWidth,
-                    behavior: "smooth"
-                });
-            }
-            scrollBar.addEventListener("scroll", function onScroll() {
-                clearTimeout(timeoutId);
-                timeoutId = setTimeout(function () {
-                    if (scrollBar.scrollLeft + scrollBar.clientWidth >= scrollBar.scrollWidth - 8) {
-                        nextElement.style.transform = "rotate(180deg)";
-                    } else {
-                        nextElement.style.transform = "";
-                    }
-                    scrollBar.removeEventListener("scroll", onScroll);
+            const isScrollBarAtEnd = () => scrollBar.scrollLeft + scrollBar.clientWidth >= scrollBar.scrollWidth - 8;
+            const scroll = () => {
+                if (isScrollBarAtEnd()) {
+                    scrollBar.scroll({left: 0, behavior: "smooth"});
+                } else {
+                    scrollBar.scrollBy({left: scrollBar.clientWidth, behavior: "smooth"});
+                }
+            };
+            scrollBar.addEventListener("scroll", () => {
+                clearTimeout(this.timeoutId);
+                this.timeoutId = setTimeout(() => {
+                    nextElement.style.transform = isScrollBarAtEnd() ? "rotate(180deg)" : "";
                 }, 150);
             });
+            scroll();
         }
     },
-    openAllTags: function () {
-        let tagCloudElements = document.querySelectorAll(".card-allinfo .card-tag-cloud");
-        tagCloudElements.forEach(function (tagCloudElement) {
-            tagCloudElement.classList.add("all-tags");
-        });
-        let moreTagsButton = document.getElementById("more-tags-btn");
-        if (moreTagsButton) {
-            moreTagsButton.parentNode.removeChild(moreTagsButton);
-        }
+    /**
+     * openAllTags
+     * @description 展开所有标签
+     */
+    openAllTags: () => {
+        document.querySelectorAll(".card-allinfo .card-tag-cloud").forEach(tagCloudElement => tagCloudElement.classList.add("all-tags"));
+        document.getElementById("more-tags-btn")?.remove();
     },
+    /**
+     * listenToPageInputPress
+     * @description 监听页码输入
+     */
     listenToPageInputPress: function () {
         const pageText = document.getElementById("toPageText");
-        const pageButton = document.getElementById("toPageButton");
-
         if (!pageText) return;
-
+        const pageButton = document.getElementById("toPageButton");
         const pageNumbers = document.querySelectorAll(".page-number");
         const lastPageNumber = +pageNumbers[pageNumbers.length - 1].textContent;
-
-        if (lastPageNumber === 1) {
-            const toPageGroup = document.querySelector(".toPageGroup");
-            if (toPageGroup) toPageGroup.remove();
-        }
-
+        if (!pageText || lastPageNumber === 1) return;
         pageText.addEventListener("keydown", (event) => {
             if (event.keyCode === 13) {
                 sco.toPage();
                 pjax.loadUrl(pageButton.href);
             }
         });
-
         pageText.addEventListener("input", () => {
-            if (pageText.value === "" || pageText.value === "0") {
-                pageButton.classList.remove("haveValue");
-            } else {
-                pageButton.classList.add("haveValue");
-            }
-
-            const pageNumbers = document.querySelectorAll(".page-number");
-            const lastPageNumber = +pageNumbers[pageNumbers.length - 1].textContent;
-
+            pageButton.classList.toggle("haveValue", pageText.value !== "" && pageText.value !== "0");
             if (+pageText.value > lastPageNumber) {
                 pageText.value = lastPageNumber;
             }
         });
     },
+    /**
+     * addNavBackgroundInit
+     * @description 添加导航背景初始化
+     */
     addNavBackgroundInit: function () {
-        let e = 0
-            , t = 0;
-        document.body && (e = document.body.scrollTop),
-        document.documentElement && (t = document.documentElement.scrollTop),
-        0 !== (e - t > 0 ? e : t) && (document.getElementById("page-header").classList.add("nav-fixed"), document.getElementById("page-header").classList.add("nav-visible"))
+        const scrollTop = document.documentElement.scrollTop;
+        (scrollTop !== 0) && document.getElementById("page-header").classList.add("nav-fixed", "nav-visible");
         const cookiesWindow = document.getElementById("cookies-window");
-        if (cookiesWindow) {
-            cookiesWindow.style.display = 'none';
-        }
+        cookiesWindow && (cookiesWindow.style.display = 'none')
     },
-    initAdjust: function (change = false) {
-        const $blogName = document.getElementById('site-name')
-        let blogNameWidth = $blogName && $blogName.offsetWidth
-        const $menusEle = document.querySelector('#menus .menus_items')
-        let menusWidth = $menusEle && $menusEle.offsetWidth
-        const $searchEle = document.querySelector('#search-button')
-        let searchWidth = $searchEle && $searchEle.offsetWidth
-        if (change) {
-            blogNameWidth = $blogName && $blogName.offsetWidth
-            menusWidth = $menusEle && $menusEle.offsetWidth
-            searchWidth = $searchEle && $searchEle.offsetWidth
-        }
-        const $nav = document.getElementById('nav')
-        let t
-        if (window.innerWidth < 768) t = true
-        else t = blogNameWidth + menusWidth + searchWidth > $nav?.offsetWidth - 120
-
-        if (t) {
-            $nav?.classList.add('hide-menu')
+    /**
+     * initAdjust
+     * @description 初始化调整
+     */
+    initAdjust: function () {
+        const $blogName = document.getElementById('site-name');
+        const $menusEle = document.querySelector('#menus .menus_items');
+        const $searchEle = document.querySelector('#search-button');
+        const $nav = document.getElementById('nav');
+        const blogNameWidth = $blogName && $blogName.offsetWidth;
+        const menusWidth = $menusEle && $menusEle.offsetWidth;
+        const searchWidth = $searchEle && $searchEle.offsetWidth;
+        const shouldHideMenu = window.innerWidth < 768 || blogNameWidth + menusWidth + searchWidth > $nav?.offsetWidth - 120;
+        if (shouldHideMenu) {
+            $nav?.classList.add('hide-menu');
         } else {
-            $nav?.classList.remove('hide-menu')
+            $nav?.classList.remove('hide-menu');
         }
-
-        document.getElementById('nav')?.classList.add('show')
+        $nav?.classList.add('show');
     },
+    /**
+     * toPage
+     * @description 跳转到指定页
+     */
     toPage: function () {
         const pageNumbers = document.querySelectorAll(".page-number");
         const maxPageNumber = parseInt(pageNumbers[pageNumbers.length - 1].innerHTML);
         const inputElement = document.getElementById("toPageText");
         const inputPageNumber = parseInt(inputElement.value);
-
-        if (!isNaN(inputPageNumber) && inputPageNumber > 0 && inputPageNumber <= maxPageNumber) {
-            const currentPageUrl = window.location.href.replace(/\/page\/\d+\/$/, "/");
-            let targetPageUrl;
-
-            if (inputPageNumber === 1) {
-                targetPageUrl = currentPageUrl;
-            } else {
-                targetPageUrl = currentPageUrl + (currentPageUrl.endsWith("/") ? "" : "/") + "page/" + inputPageNumber + "/";
-            }
-
-            document.getElementById("toPageButton").href = targetPageUrl;
-        }
+        document.getElementById("toPageButton").href = (!isNaN(inputPageNumber) && inputPageNumber <= maxPageNumber && inputPageNumber > 1)
+            ? window.location.href.replace(/\/page\/\d+\/$/, "/") + "page/" + inputPageNumber + "/"
+            : '/';
     },
+    /**
+     * owobig
+     * @description owo 大图
+     * @param owoSelector
+     */
     owoBig(owoSelector) {
-
         let owoBig = document.getElementById('owo-big');
         if (!owoBig) {
             owoBig = document.createElement('div');
             owoBig.id = 'owo-big';
             document.body.appendChild(owoBig);
         }
-
-        const debounce = (func, wait) => {
-            let timeout;
-            return function (...args) {
-                const later = () => {
-                    clearTimeout(timeout);
-                    func(...args);
-                };
-                clearTimeout(timeout);
-                timeout = setTimeout(later, wait);
-            };
-        };
-
-        const showOwoBig = (event) => {
+        const showOwoBig = event => {
             const target = event.target;
             const owoItem = target.closest(owoSelector.item);
             if (owoItem && target.closest(owoSelector.body)) {
@@ -666,22 +558,24 @@ let sco = {
                 }
             }
         };
-
-        const hideOwoBig = (event) => {
+        const hideOwoBig = event => {
             if (event.target.closest(owoSelector.item) && event.target.closest(owoSelector.body)) {
                 owoBig.style.display = 'none';
             }
         };
-
-        function positionOwoBig(owoItem) {
+        const positionOwoBig = owoItem => {
             const itemRect = owoItem.getBoundingClientRect();
             owoBig.style.left = `${itemRect.left - (owoBig.offsetWidth / 4)}px`;
             owoBig.style.top = `${itemRect.top}px`;
         }
-
-        document.addEventListener('mouseover', debounce(showOwoBig, 100));
+        document.addEventListener('mouseover', showOwoBig);
         document.addEventListener('mouseout', hideOwoBig);
     },
+    /**
+     * changeTimeFormat
+     * @description 更改时间格式
+     * @param selector
+     */
     changeTimeFormat(selector) {
         selector.forEach(item => {
             const timeVal = item.getAttribute('datetime')
@@ -689,6 +583,10 @@ let sco = {
             item.style.display = 'inline'
         })
     },
+    /**
+     * switchComments
+     * @description 切换评论
+     */
     switchComments() {
         const switchBtn = document.getElementById('switch-btn')
         if (!switchBtn) return
@@ -705,35 +603,23 @@ let sco = {
     },
 }
 
+/**
+ * addHighlight
+ * @description 添加代码高亮
+ */
 const addHighlight = () => {
     const highlight = GLOBAL_CONFIG.highlight;
     if (!highlight) return;
-
     const {copy, expand, limit, syntax} = highlight;
     const $isPrismjs = syntax === 'prismjs';
     const $isShowTool = highlight.enable || copy || expand || limit;
     const expandClass = !expand === true ? 'closed' : ''
     const $syntaxHighlight = syntax === 'highlight.js' ? document.querySelectorAll('figure.highlight') : document.querySelectorAll('pre[class*="language-"]')
-
     if (!(($isShowTool || limit) && $syntaxHighlight.length)) return
-
     const copyEle = copy ? `<i class="solitude st-copy-fill copy-button"></i>` : '<i></i>';
     const expandEle = `<i class="solitude st-arrow-down expand"></i>`;
     const limitEle = limit ? `<i class="solitude st-show-line"></i>` : '<i></i>';
-
-    const alertInfo = (ele, text) => {
-        utils.snackbarShow(text, false, 2000);
-    }
-
-    const copyCode = (e) => {
-        if (document.queryCommandSupported && document.queryCommandSupported('copy')) {
-            document.execCommand('copy')
-            alertInfo(e, GLOBAL_CONFIG.lang.copy.success)
-        } else {
-            alertInfo(e, GLOBAL_CONFIG.lang.copy.error)
-        }
-    }
-
+    const alertInfo = (ele, text) => utils.snackbarShow(text, false, 2000)
     const copyFn = (e) => {
         const $buttonParent = e.parentNode
         $buttonParent.classList.add('copy-true')
@@ -743,28 +629,22 @@ const addHighlight = () => {
         range.selectNodeContents($buttonParent.querySelectorAll(`${preCodeSelector}`)[0])
         selection.removeAllRanges()
         selection.addRange(range)
-        copyCode(e.lastChild)
+        document.execCommand('copy')
+        alertInfo(e.lastChild, GLOBAL_CONFIG.lang.copy.success)
         selection.removeAllRanges()
         $buttonParent.classList.remove('copy-true')
     }
-
-    const expandClose = (e) => {
-        e.classList.toggle('closed')
-    }
-
+    const expandClose = (e) => e.classList.toggle('closed')
     const shrinkEle = function () {
         this.classList.toggle('expand-done')
     }
-
     const ToolsFn = function (e) {
         const $target = e.target.classList
         if ($target.contains('expand')) expandClose(this)
         else if ($target.contains('copy-button')) copyFn(this)
     }
-
     const createEle = (lang, item, service) => {
         const fragment = document.createDocumentFragment()
-
         if ($isShowTool) {
             const hlTools = document.createElement('div')
             hlTools.className = `highlight-tools ${expandClass}`
@@ -772,23 +652,19 @@ const addHighlight = () => {
             utils.addEventListenerPjax(hlTools, 'click', ToolsFn)
             fragment.appendChild(hlTools)
         }
-
         if (limit && item.offsetHeight > limit + 30) {
-
             const ele = document.createElement('div')
             ele.className = 'code-expand-btn'
             ele.innerHTML = limitEle
             utils.addEventListenerPjax(ele, 'click', shrinkEle)
             fragment.appendChild(ele)
         }
-
         if (service === 'hl') {
             item.insertBefore(fragment, item.firstChild)
         } else {
             item.parentNode.insertBefore(fragment, item)
         }
     }
-
     if ($isPrismjs) {
         $syntaxHighlight.forEach(item => {
             const langName = item.getAttribute('data-language') || 'Code'
@@ -808,36 +684,80 @@ const addHighlight = () => {
     }
 }
 
-const addCopyright = () => {
-    if (!GLOBAL_CONFIG.copyright) return
-    const {limit, author, link, source, info} = GLOBAL_CONFIG.copyright
-    const handleCopy = (e) => {
-        e.preventDefault()
-        const copyText = window.getSelection(0).toString()
-        let text = copyText
-        if (copyText.length > limit) {
-            text = `${copyText}\n\n${author}\n${link}${window.location.href}\n${source}\n${info}`
-        }
-        if (e.clipboardData) {
-            return e.clipboardData.setData('text', text)
-        } else {
-            return window.clipboardData.setData('text', text)
+/**
+ * toc
+ * @description 目录
+ */
+class toc {
+    static init() {
+        const tocContainer = document.getElementById('card-toc')
+        if (!tocContainer || !tocContainer.querySelector('.toc a')) {
+            tocContainer.style.display = 'none'
+            return
         }
+        const el = document.querySelectorAll('.toc a')
+        el.forEach((e) => {
+            e.addEventListener('click', (event) => {
+                event.preventDefault()
+                utils.scrollToDest(utils.getEleTop(document.getElementById(decodeURI((event.target.className === 'toc-text' ? event.target.parentNode.hash : event.target.hash).replace('#', '')))), 300)
+            })
+        })
+        this.active(el)
     }
-    document.body.addEventListener('copy', handleCopy)
-}
 
-const asideStatus = () => {
-    const asideStatus = utils.saveToLocal.get('aside-status')
-    if (asideStatus !== undefined) {
-        if (asideStatus === 'hide') {
-            document.documentElement.classList.add('hide-aside')
-        } else {
-            document.documentElement.classList.remove('hide-aside')
+    static active(toc) {
+        const $article = document.getElementById('article-container')
+        const $tocContent = document.getElementById('toc-content')
+        const list = $article.querySelectorAll('h1,h2,h3,h4,h5,h6')
+        let detectItem = ''
+
+        function autoScroll(el) {
+            const activePosition = el.getBoundingClientRect().top
+            const sidebarScrollTop = $tocContent.scrollTop
+            if (activePosition > (document.documentElement.clientHeight - 100)) {
+                $tocContent.scrollTop = sidebarScrollTop + 150
+            }
+            if (activePosition < 100) {
+                $tocContent.scrollTop = sidebarScrollTop - 150
+            }
+        }
+
+        function findHeadPosition(top) {
+            if (top === 0) return false
+            let currentIndex = ''
+            list.forEach(function (ele, index) {
+                if (top > utils.getEleTop(ele) - 80) {
+                    currentIndex = index
+                }
+            })
+            if (detectItem === currentIndex) return
+            detectItem = currentIndex
+            document.querySelectorAll('.toc .active').forEach((i) => {
+                i.classList.remove('active')
+            })
+            const activeitem = toc[detectItem]
+            if (activeitem) {
+                let parent = toc[detectItem].parentNode
+                activeitem.classList.add('active')
+                autoScroll(activeitem)
+                for (; !parent.matches('.toc'); parent = parent.parentNode) {
+                    if (parent.matches('li')) parent.classList.add('active')
+                }
+            }
         }
+
+        window.tocScrollFn = utils.throttle(function () {
+            const currentTop = window.scrollY || document.documentElement.scrollTop
+            findHeadPosition(currentTop)
+        }, 100)
+        window.addEventListener('scroll', tocScrollFn)
     }
 }
 
+/**
+ * tabs
+ * @description 外挂标签tabs
+ */
 class tabs {
     static init() {
         this.clickFnOfTabs()
@@ -845,20 +765,17 @@ class tabs {
     }
 
     static clickFnOfTabs() {
-        document.querySelectorAll('#article-container .tab > button').forEach(function (item) {
-            item.addEventListener('click', function (e) {
-                const that = this
-                const $tabItem = that.parentNode
+        document.querySelectorAll('#article-container .tab > button').forEach(item => {
+            item.addEventListener('click', e => {
+                const $tabItem = e.target.parentNode
                 if (!$tabItem.classList.contains('active')) {
                     const $tabContent = $tabItem.parentNode.nextElementSibling
-                    const $siblings = utils.siblings($tabItem, '.active')[0]
+                    const $siblings = $tabItem.parentNode.querySelector('.active')
                     $siblings && $siblings.classList.remove('active')
                     $tabItem.classList.add('active')
-                    const tabId = that.getAttribute('data-href').replace('#', '')
-                    const childList = [...$tabContent.children]
-                    childList.forEach(item => {
-                        if (item.id === tabId) item.classList.add('active')
-                        else item.classList.remove('active')
+                    const tabId = e.target.getAttribute('data-href').replace('#', '')
+                    Array.from($tabContent.children).forEach(item => {
+                        item.id === tabId ? item.classList.add('active') : item.classList.remove('active')
                     })
                 }
             })
@@ -866,58 +783,46 @@ class tabs {
     }
 
     static backToTop() {
-        document.querySelectorAll('#article-container .tabs .tab-to-top').forEach(function (item) {
-            item.addEventListener('click', function () {
-                utils.scrollToDest(utils.getEleTop(item.parentElement.parentElement.parentNode), 300)
-
+        document.querySelectorAll('#article-container .tabs .tab-to-top').forEach(item => {
+            item.addEventListener('click', () => {
+                utils.scrollToDest(utils.getEleTop(item.closest('.tabs')), 300)
             })
         })
     }
 }
 
+// 页面刷新
 window.refreshFn = () => {
-    document.body.setAttribute('data-type', PAGE_CONFIG.page)
-    if (PAGE_CONFIG.is_home || PAGE_CONFIG.is_page) {
-        sco.changeTimeFormat(document.querySelectorAll('#recent-posts time, .webinfo-item time'))
-        GLOBAL_CONFIG.runtime && sco.addRuntime()
-    } else {
-        sco.changeTimeFormat(document.querySelectorAll('#post-meta time'))
+    const {is_home, is_page, page, is_post} = PAGE_CONFIG;
+    const {runtime, lazyload, lightbox, randomlink, covercolor, post_ai} = GLOBAL_CONFIG;
+    const timeSelector = is_home || is_page ? '#recent-posts time, .webinfo-item time' : '#post-meta time';
+    document.body.setAttribute('data-type', page);
+    sco.changeTimeFormat(document.querySelectorAll(timeSelector));
+    runtime && sco.addRuntime();
+    [scrollFn, sidebarFn, sco.hideCookie, sco.addPhotoFigcaption, sco.setTimeState, sco.tagPageActive, sco.categoriesBarActive, sco.listenToPageInputPress, sco.addNavBackgroundInit, sco.refreshWaterFall].forEach(fn => fn());
+    lazyload.enable && utils.lazyloadImg();
+    lightbox && utils.lightbox(document.querySelectorAll("#article-container img:not(.flink-avatar,.gallery-group img)"));
+    randomlink && randomLinksList();
+    post_ai && is_post && efu_ai.init();
+    sco.switchComments();
+    initObserver();
+    if (is_home) showTodayCard();
+    if (is_post || is_page) {
+        addHighlight();
+        tabs.init();
     }
-    scrollFn()
-    sidebarFn()
-    sco.hideCookie()
-    sco.addPhotoFigcaption()
-    sco.setTimeState()
-    sco.tagPageActive()
-    sco.categoriesBarActive()
-    sco.listenToPageInputPress()
-    sco.addNavBackgroundInit()
-    sco.refreshWaterFall()
-    GLOBAL_CONFIG.lazyload.enable && utils.lazyloadImg()
-    GLOBAL_CONFIG.lightbox && utils.lightbox(document.querySelectorAll("#article-container img:not(.flink-avatar,.gallery-group img)"))
-    GLOBAL_CONFIG.randomlink && randomLinksList()
-    PAGE_CONFIG.toc && toc.init();
-    (PAGE_CONFIG.is_post || PAGE_CONFIG.is_page) && ((addHighlight()) || tabs.init())
-    PAGE_CONFIG.is_home && showTodayCard()
-    GLOBAL_CONFIG.covercolor.enable && coverColor()
-    PAGE_CONFIG.page === "music" && scoMusic.init()
-    GLOBAL_CONFIG.post_ai && PAGE_CONFIG.is_post && efu_ai.init()
-    sco.switchComments()
+    if (covercolor.enable) coverColor();
+    if (PAGE_CONFIG.toc) toc.init();
 }
-
-document.addEventListener('DOMContentLoaded', function () {
-    sco.initAdjust()
-    initObserver()
-    addCopyright()
-    sco.initConsoleState()
-    window.refreshFn()
-    asideStatus()
-    percent()
-})
-
-window.onkeydown = function (e) {
-    (123 === e.keyCode || (17 === e.ctrlKey && 16 === e.shiftKey && 67 === e.keyCode)) && utils.snackbarShow(GLOBAL_CONFIG.lang.f12, !1, 3e3);
-    (27 === e.keyCode) && sco.hideConsole();
-}
-
-document.addEventListener('copy', () => utils.snackbarShow(GLOBAL_CONFIG.lang.copy.success, false, 3e3))
+// 页面加载完成后执行
+document.addEventListener('DOMContentLoaded', () => {
+    [sco.initAdjust, addCopyright, sco.initConsoleState, window.refreshFn, asideStatus, () => window.onscroll = percent].forEach(fn => fn());
+});
+// 一些快捷键绑定
+window.onkeydown = e => {
+    const {keyCode, ctrlKey, shiftKey} = e;
+    if (keyCode === 123 || (ctrlKey && shiftKey && keyCode === 67)) utils.snackbarShow(GLOBAL_CONFIG.lang.f12, false, 3000);
+    if (keyCode === 27) sco.hideConsole();
+};
+// 复制成功提示
+document.addEventListener('copy', () => utils.snackbarShow(GLOBAL_CONFIG.lang.copy.success, false, 3000));