hexo-theme-solitude 1.12.2 → 1.13.1

package/source/js/main.js

@@ -3,7 +3,7 @@ const sidebarFn = () => {
     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' : '';
@@ -18,7 +18,7 @@ const sidebarFn = () => {
     }
     $toggleMenu.addEventListener('click', () => toggleMobileSidebar(true));
     $menuMask.addEventListener('click', closeMobileSidebar);
-    
+
     window.addEventListener('resize', () => {
         if (utils.isHidden($toggleMenu) && $mobileSidebarMenus.classList.contains('open')) {
             closeMobileSidebar();
@@ -107,11 +107,13 @@ 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;
     const themeColor = currentTop > 0 ? '--efu-card-bg' : PAGE_CONFIG.is_post ? '--efu-main' : '--efu-background';
     applyThemeColor(getComputedStyle(document.documentElement).getPropertyValue(themeColor));
 }
+
 function applyThemeColor(color) {
     const themeColorMeta = document.querySelector('meta[name="theme-color"]');
     const appleMobileWebAppMeta = document.querySelector('meta[name="apple-mobile-web-app-status-bar-style"]');
@@ -121,6 +123,7 @@ function applyThemeColor(color) {
         document.body.style.backgroundColor = color;
     }
 }
+
 const handleThemeChange = mode => {
     const themeChange = window.globalFn?.themeChange || {}
     for (let key in themeChange) {
@@ -213,7 +216,7 @@ const sco = {
         document.documentElement.setAttribute('data-theme', newMode);
         utils.saveToLocal.set('theme', newMode, 0.02);
         utils.snackbarShow(GLOBAL_CONFIG.lang.theme[newMode], false, 2000);
-        if(typeof rm === 'object') rm.mode(!isDarkMode) && rm.hideRightMenu();
+        if (typeof rm === 'object') rm.mode(!isDarkMode) && rm.hideRightMenu();
         handleThemeChange(newMode);
     },
     hideTodayCard: () => document.getElementById('todayCard').classList.add('hide'),
@@ -241,7 +244,7 @@ const sco = {
         inputs.forEach(selector => {
             const el = document.querySelector(selector);
             if (el) {
-                el.dispatchEvent(new Event('input', { bubble: true, cancelable: true }));
+                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();
@@ -298,11 +301,11 @@ const sco = {
             }
 
             const greetings = [
-                { start: 0, end: 5, text: nick ? prefix : lang.goodnight },
-                { start: 6, end: 10, text: nick ? prefix : lang.morning },
-                { start: 11, end: 14, text: nick ? prefix : lang.noon },
-                { start: 15, end: 18, text: nick ? prefix : lang.afternoon },
-                { start: 19, end: 24, text: nick ? prefix : lang.night },
+                {start: 0, end: 5, text: nick ? prefix : lang.goodnight},
+                {start: 6, end: 10, text: nick ? prefix : lang.morning},
+                {start: 11, end: 14, text: nick ? prefix : lang.noon},
+                {start: 15, end: 18, text: nick ? prefix : lang.afternoon},
+                {start: 19, end: 24, text: nick ? prefix : lang.night},
             ];
             const greeting = greetings.find(g => hours >= g.start && hours <= g.end);
             el.innerText = greeting.text;
@@ -325,7 +328,7 @@ const sco = {
     categoriesBarActive() {
         const categoryBar = document.querySelector("#category-bar");
         const currentPath = decodeURIComponent(window.location.pathname);
-        const isHomePage = currentPath === "/";
+        const isHomePage = currentPath === GLOBAL_CONFIG.root;
         if (categoryBar) {
             const categoryItems = categoryBar.querySelectorAll(".category-bar-item");
             categoryItems.forEach(item => item.classList.remove("select"));
@@ -343,9 +346,9 @@ const sco = {
             const isScrollBarAtEnd = () => scrollBar.scrollLeft + scrollBar.clientWidth >= scrollBar.scrollWidth - 8;
             const scroll = () => {
                 if (isScrollBarAtEnd()) {
-                    scrollBar.scroll({ left: 0, behavior: "smooth" });
+                    scrollBar.scroll({left: 0, behavior: "smooth"});
                 } else {
-                    scrollBar.scrollBy({ left: scrollBar.clientWidth, behavior: "smooth" });
+                    scrollBar.scrollBy({left: scrollBar.clientWidth, behavior: "smooth"});
                 }
             };
             scrollBar.addEventListener("scroll", () => {
@@ -528,6 +531,7 @@ const addHighlight = () => {
         })
     }
 }
+
 class toc {
     static init() {
         const tocContainer = document.getElementById('card-toc')
@@ -544,11 +548,13 @@ class toc {
         })
         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
@@ -559,6 +565,7 @@ class toc {
                 $tocContent.scrollTop = sidebarScrollTop - 150
             }
         }
+
         function findHeadPosition(top) {
             if (top === 0) return false
             let currentIndex = ''
@@ -582,6 +589,7 @@ class toc {
                 }
             }
         }
+
         window.tocScrollFn = utils.throttle(function () {
             const currentTop = window.scrollY || document.documentElement.scrollTop
             findHeadPosition(currentTop)
@@ -589,11 +597,13 @@ class toc {
         window.addEventListener('scroll', tocScrollFn)
     }
 }
+
 class tabs {
     static init() {
         this.clickFnOfTabs();
         this.backToTop();
     }
+
     static clickFnOfTabs() {
         document.querySelectorAll('#article-container .tab > button').forEach((item) => {
             item.addEventListener('click', function (e) {
@@ -614,6 +624,7 @@ class tabs {
             });
         });
     }
+
     static backToTop() {
         document.querySelectorAll('#article-container .tabs .tab-to-top').forEach((item) => {
             item.addEventListener('click', function () {
@@ -621,11 +632,41 @@ class tabs {
             });
         });
     }
+
+    static lureAddListener() {
+        if (!GLOBAL_CONFIG.lure) return;
+        let title = document.title;
+        document.addEventListener('visibilitychange', () => {
+            const {lure} = GLOBAL_CONFIG;
+            if (document.visibilityState === 'hidden') {
+                document.title = lure.jump;
+            } else if (document.visibilityState === 'visible') {
+                document.title = lure.back;
+                setTimeout(() => {
+                    document.title = title;
+                }, 2000);
+            }
+        });
+    }
+
+    static expireAddListener() {
+        const {expire} = GLOBAL_CONFIG;
+        if (!expire) return;
+        const post_date = document.querySelector('.post-meta-date time');
+        if (!post_date) return;
+        const ex = Math.ceil((new Date().getTime() - new Date(post_date.getAttribute('datetime')).getTime()) / 1000 / 60 / 60 / 24);
+        if (expire.time > ex) return;
+        const ele = document.createElement('div');
+        ele.className = 'expire';
+        ele.innerHTML = `<i class="solitude st-circle-exclamation-solid"></i>${expire.text_prev}${-(expire.time - ex)}${expire.text_next}`;
+        const articleContainer = document.getElementById('article-container');
+        articleContainer.insertAdjacentElement(expire.position === 'top' ? 'afterbegin' : 'beforeend', ele);
+    }
 }
 
 window.refreshFn = () => {
     const {is_home, is_page, page, is_post} = PAGE_CONFIG;
-    const {runtime, lazyload, lightbox, randomlink, covercolor, post_ai} = GLOBAL_CONFIG;
+    const {runtime, lazyload, lightbox, randomlink, covercolor, post_ai, lure, expire} = GLOBAL_CONFIG;
     const timeSelector = (is_home ? '.post-meta-date time' : is_post ? '.post-meta-date time' : '.datatime') + ', .webinfo-item time';
     document.body.setAttribute('data-type', page);
     sco.changeTimeFormat(document.querySelectorAll(timeSelector));
@@ -637,13 +678,20 @@ window.refreshFn = () => {
     post_ai && is_post && efu_ai.init();
     sco.switchComments();
     initObserver();
-    if (is_home) showTodayCard();
+    if (is_home){
+        showTodayCard();
+        typeof updatePostsBasedOnComments === 'function' && updatePostsBasedOnComments()
+    }
     if (is_post || is_page) {
         addHighlight();
         tabs.init();
     }
+    if (is_post) {
+        if (expire) tabs.expireAddListener();
+    }
     if (covercolor.enable) coverColor();
     if (PAGE_CONFIG.toc) toc.init();
+    if (lure) tabs.lureAddListener();
 }
 document.addEventListener('DOMContentLoaded', () => {
     [addCopyright, sco.initConsoleState, window.refreshFn, asideStatus, () => window.onscroll = percent].forEach(fn => fn());
@@ -654,7 +702,7 @@ document.addEventListener('visibilitychange', () => {
     }
 });
 window.onkeydown = e => {
-    const { keyCode, ctrlKey, shiftKey } = e;
+    const {keyCode, ctrlKey, shiftKey} = e;
     if (keyCode === 123 || (ctrlKey && shiftKey && keyCode === 67)) {
         utils.snackbarShow(GLOBAL_CONFIG.lang.f12, false, 3000);
     }

package/source/js/music.js

@@ -54,7 +54,7 @@ class ScoMusicPlayer {
             if (musicCover) {
                 loadingElement.style.display = "none";
                 clearInterval(timer);
-                document.querySelector('meting-js').aplayer.volume(0.8, true);
+                document.querySelector('meting-js');
                 this.addEventListenerChangeMusicBg();
                 backgroundElement.style.display = "block";
             }

package/source/js/right_menu.js

@@ -9,12 +9,8 @@ document.onmouseup = document.ondbclick = selectText;
 const rm = {
     mask: document.getElementById("rightmenu-mask"),
     menu: document.getElementById("rightMenu"),
-    get width() {
-        return this.menu.offsetWidth;
-    },
-    get height() {
-        return this.menu.offsetHeight;
-    },
+    width: 0,
+    height: 0,
     domhref: "",
     domsrc: "",
     globalEvent: null,
@@ -54,8 +50,10 @@ const rm = {
         rm.mask.style.display = "none";
     },
     reLoadSize() {
-        this.menu.style.display = "block";
-        this.menu.style.display = "none";
+        rm.menu.style.display = "block";
+        rm.width = rm.menu.offsetWidth;
+        rm.height = rm.menu.offsetHeight;
+        rm.menu.style.display = 'none';
     },
     copyText(e) {
         navigator.clipboard && navigator.clipboard.writeText(e);
@@ -101,9 +99,9 @@ const rm = {
 };
 
 function stopMaskScroll() {
-    utils.addEventListenerPjax(rm.menu, "mousewheel", rm.hideRightMenu);
-    utils.addEventListenerPjax(rm.mask, "mousewheel", rm.hideRightMenu);
-    utils.addEventListenerPjax(rm.mask, "click", rm.hideRightMenu);
+    utils.addEventListenerPjax(rm.menu, "mousewheel", rm.hideRightMenu, { passive: true });
+    utils.addEventListenerPjax(rm.mask, "mousewheel", rm.hideRightMenu, { passive: true });
+    utils.addEventListenerPjax(rm.mask, "click", rm.hideRightMenu, { passive: true });
 }
 
 window.oncontextmenu = (ele) => {

package/.github/logo.svg

@@ -1,23 +0,0 @@
-<svg width="500px" height="500px" viewBox="0 0 500 500" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <defs>
-        <radialGradient cx="50.2980052%" cy="50%" fx="50.2980052%" fy="50%" r="49.7019948%" id="radialGradient-1">
-            <stop stop-color="#59A2EF" offset="0%"></stop>
-            <stop stop-color="#1588FF" stop-opacity="0.265264551" offset="74.3273328%"></stop>
-            <stop stop-color="#153C92" stop-opacity="0" offset="100%"></stop>
-        </radialGradient>
-    </defs>
-    <g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g>
-            <rect id="rectangle" fill="url(#radialGradient-1)" x="0" y="0" width="500" height="500" rx="250"></rect>
-            <g id="group" transform="translate(167, 59)" fill="#000000" fill-rule="nonzero">
-                <path d="M41.451978,366.819156 C63.2265115,314.167618 167.050853,309.635807 118.99746,228.707504 C153.639423,313.979396 6.78825531,314.963943 26.3287594,382 C12.5619158,361.643046 18.1905094,334.473897 37.7672802,320.255882 C54.8416479,307.145482 77.6751693,304.944731 94.4956701,291.066964 C124.038533,271.079215 120.593196,234.976751 96.7006861,211.861618 C96.0188719,211.181122 95.003404,210.544062 94.0822296,210.449951 C86.4807269,209.660866 78.8719708,208.915216 71.2487081,208.328832 C57.1699707,207.250174 43.5046739,208.806627 30.7315382,215.314771 C27.2426805,217.088403 23.7393162,218.348044 19.8007514,216.943617 C24.2397968,216.06042 28.6425756,215.162745 32.3272735,212.411806 C32.2692467,212.180148 32.2184733,211.948489 32.1604466,211.716831 C29.7523369,212.107754 27.6996411,213.041626 25.1537179,212.940276 C38.187974,204.006961 24.0149432,203.340944 16,204.796046 C43.9108611,184.243631 36.1280248,151.550884 84.6746446,161.273284 C101.270292,126.502854 113.695267,142.798552 133.649212,122 C130.261901,131.816511 125.583495,141.205903 121.347543,150.718363 C116.879484,161.895865 106.790085,163.495754 96.4178058,166.029514 C100.102504,164.921899 101.545919,167.404984 103.352001,169.641932 C129.057846,200.039816 157.962415,234.0284 155.895212,276.356675 C147.234722,323.376027 66.3744621,327.364889 41.451978,366.819156 L41.451978,366.819156 Z M71.3937749,171.88612 C61.1157889,177.641375 44.7957688,175.672282 47.1893718,192.474732 C52.5858584,180.23305 59.8754674,195.001253 71.3937749,171.88612 L71.3937749,171.88612 Z"></path>
-                <path d="M75.3032249,211.025533 C106.026327,209.673873 112.009852,262.374155 89.125744,277.126764 C55.0225258,300.451933 -10.1418056,326.335859 20.1569835,378.551856 C19.9915736,378.703647 19.8333554,378.848209 19.6679454,379 C-9.82536916,354.648437 3.54407043,308.728139 30.8798638,288.53275 C55.238278,268.041007 100.157869,249.385209 75.3032249,211.025533 Z"></path>
-                <path d="M131.122758,44.5611246 C140.518488,52.0520972 149.271959,60.2108697 155.377019,71.2803786 C171.087083,44.8006616 152.086349,16.9853448 131.534092,0 C163.329472,16.2086645 181.738463,59.2744981 151.913155,88.0552212 C133.150561,109.533698 83.0400028,127.861901 83.0688683,158 L70,158 C71.5587386,126.468232 104.321114,124.885836 92.9625284,113.344512 C85.81831,103.066201 82.6791837,91.7426379 83.3503072,78.4810034 C93.2511837,128.333716 119.56933,105.577709 144.877183,81.9216245 C153.58014,70.1480222 137.732964,54.0337208 131.122758,44.5683833 L131.122758,44.5611246 Z"></path>
-                <path d="M62.2292659,56 C43.1451334,63.2999022 18.3176548,75.3501886 23.7278434,99.6686688 C30.7965771,99.1456907 37.8363406,98.6299763 44.876104,98.1069982 C44.9195594,98.4120687 44.9702573,98.7098757 45.0137126,99.0149462 C19.0853656,102.879173 29.4711895,111.580947 43.5145037,123.362481 C55.1822598,131.44685 65.3290794,100.736416 71,93.4946222 C67.581514,101.470038 64.1123302,109.423663 60.7735123,117.428132 C58.0503116,124.916888 53.6395956,131.149043 60.9400911,137.555525 C65.7491476,143.279229 67.4946034,149.874563 66.5313436,157.399637 C62.9680065,158.25674 59.3322439,159.12837 55.6747536,160 C60.3462016,135.11496 44.3763678,137.097919 29.5001597,123.34069 C-1.69352472,93.7706384 26.1903121,58.760162 62.2292659,56 Z"></path>
-                <path d="M0.00732087227,143 C17.3943925,162.502948 36.3115265,145.13458 47,164.110998 C41.5898754,167.604594 37.7903427,172.386054 35.1401869,178 C21.3476636,175.47408 8.91682243,161.400081 0,143.007115 L0.00732087227,143 Z"></path>
-                <path d="M29,207.557191 C25.5771332,208.185531 23.8692728,211.545785 20.9966372,212.980039 C16.6591005,213.184933 12.6502732,211.853125 12,207.092765 C17.6309374,206.703468 22.740227,206.355149 27.8495166,206 L29,207.550361 L29,207.557191 Z"></path>
-                <path d="M66,177 C60.2942272,179.492077 52.7486034,178.10342 50,186 C56.264432,184.566305 62.8193669,184.123436 66,177 Z"></path>
-            </g>
-        </g>
-    </g>
-</svg>