hexo-theme-shokax 0.2.9 → 0.2.10

package/_config.yml

@@ -63,13 +63,13 @@ visitor:
   baiduAnalytics: false
   googleAnalytics: false
 
-darkmode: false
+darkmode: true
 auto_dark: # 自动亮/暗模式
   enable: true #是否开启
   start: 20 #开始时间
   end: 7 #结束时间
 
-auto_scroll: true
+auto_scroll: false
 
 loader:
   start: true # 进入页面时显示加载动画
@@ -253,7 +253,7 @@ widgets:
   recent_comments: true
 
 footer:
-  # Specify the date when the site was setup. If not defined, current year will be used.
+  # Specify the date when the site was set up. If not defined, current year will be used.
   since: 2022
   icon:
     name: sakura rotate
@@ -278,7 +278,7 @@ post:
 
 # 文章是否失效
 outime:
-  enable: true
+  enable: false
   days: 90 # 超过 90 天文章失效
 
 reward:

package/layout/_mixin/comment.pug

@@ -34,7 +34,8 @@ mixin CommentRender()
                         wordLimit: #{theme.waline.wordLimit},
                         pageSize: #{theme.waline.pageSize},
                         pageview: #{theme.waline.pageview},
-                        path: path
+                        path: path,
+                        dark: 'html[data-theme="dark"]'
                     });
                 }, 1000)
         else if gt

package/layout/_partials/layout.pug

@@ -83,15 +83,15 @@ html(lang=page.language?page.language:config.language, style=theme.grayMode ? 'f
                 empty: "!{__('search.empty')}",
                 stats: "!{__('search.stats')}"
             },
-            valine: `#{page.valine ? _safedump(page.valine) : 'true'}`,
-                chart: `#{page.chart ? 'true' : 'false'}`,
-                copy_tex: `#{page.math ? 'true' : 'false'}`,
-                katex: `#{page.math ? 'true' : 'false'}`,
-                mermaid: `#{page.mermaid ? 'true' : 'false'}`,
+            valine: #{page.valine ? _safedump(page.valine) : true},
+                chart: #{!!page.chart},
+                copy_tex: #{!!page.math},
+                katex: #{!!page.math},
+                mermaid: #{!!page.mermaid},
                 audio: `#{_safedump(page.audio)}`,
-                fancybox: `#{page.fancybox !== false ? 'true' : 'false'}`,
-                nocopy: `#{page.nocopy ? 'true' : 'false'}`,
-                outime: `#{page.outime !== false ? 'true' : 'false'}`,
+                fancybox: #{page.fancybox !== false},
+                nocopy: #{!!page.nocopy},
+                outime: #{page.outime !== false},
                 template: `#{__('outime.template')}`,
                 quiz: {
                 choice: `#{__('quiz.choice')}`,

package/layout/post.pug

@@ -11,7 +11,8 @@ block title
         each cat in page.categories.toArray()
             - var cat_list = cat.name + comma + cat_list
             - var comma = ' - '
-        - var page_title = page.title + ' - ' + cat_list
+        if cat_list.length !== 0
+            - var page_title = page.title + ' - ' + cat_list
     != `${page_title}`
 
 block header

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "hexo-theme-shokax",
-    "version": "0.2.9",
+    "version": "0.2.10",
     "description": "a hexo theme based on shoka",
     "main": "index.js",
     "repository": "https://github.com/theme-shoka-x/hexo-theme-shokaX",

package/source/js/_app/components.js

@@ -1,4 +1,4 @@
-const sideBarToggleHandle = function (event, force) {
+const sideBarToggleHandle = (event, force) => {
     if (sideBar.hasClass('on')) {
         sideBar.removeClass('on');
         menuToggle.removeClass('close');
@@ -14,25 +14,24 @@ const sideBarToggleHandle = function (event, force) {
             sideBar.style = '';
         }
         else {
-            transition(sideBar, 'slideRightIn', function () {
+            transition(sideBar, 'slideRightIn', () => {
                 sideBar.addClass('on');
                 menuToggle.addClass('close');
             });
         }
     }
 };
-const sideBarTab = function () {
+const sideBarTab = () => {
     const sideBarInner = sideBar.child('.inner');
-    const panels = sideBar.find('.panel');
     if (sideBar.child('.tab')) {
         sideBarInner.removeChild(sideBar.child('.tab'));
     }
     const list = document.createElement('ul');
     let active = 'active';
     list.className = 'tab';
-    ['contents', 'related', 'overview'].forEach(function (item) {
+    ['contents', 'related', 'overview'].forEach((item) => {
         const element = sideBar.child('.panel.' + item);
-        if (element.innerHTML.replace(/(^\s*)|(\s*$)/g, '').length < 1) {
+        if (element.innerHTML.trim().length < 1) {
             if (item === 'contents') {
                 showContents.display('none');
             }
@@ -54,14 +53,14 @@ const sideBarTab = function () {
         else {
             element.removeClass('active');
         }
-        tab.addEventListener('click', function (event) {
+        tab.addEventListener('click', (event) => {
             const target = event.currentTarget;
             if (target.hasClass('active'))
                 return;
-            sideBar.find('.tab .item').forEach(function (element) {
+            sideBar.find('.tab .item').forEach((element) => {
                 element.removeClass('active');
             });
-            sideBar.find('.panel').forEach(function (element) {
+            sideBar.find('.panel').forEach((element) => {
                 element.removeClass('active');
             });
             sideBar.child('.panel.' + target.className.replace(' item', '')).addClass('active');
@@ -78,18 +77,18 @@ const sideBarTab = function () {
         sideBar.child('.panels').style.paddingTop = '.625rem';
     }
 };
-const sidebarTOC = function () {
-    const activateNavByIndex = function (index, lock) {
+const sidebarTOC = () => {
+    const activateNavByIndex = (index) => {
         const target = navItems[index];
         if (!target)
             return;
         if (target.hasClass('current')) {
             return;
         }
-        $dom.each('.toc .active', function (element) {
+        $dom.each('.toc .active', (element) => {
             element && element.removeClass('active current');
         });
-        sections.forEach(function (element) {
+        sections.forEach((element) => {
             element && element.removeClass('active');
         });
         target.addClass('active current');
@@ -113,32 +112,32 @@ const sidebarTOC = function () {
     if (navItems.length < 1) {
         return;
     }
-    let sections = Array.prototype.slice.call(navItems) || [];
+    let sections = [...navItems];
     let activeLock = null;
-    sections = sections.map(function (element, index) {
+    sections = sections.map((element, index) => {
         const link = element.child('a.toc-link');
         const anchor = $dom(decodeURI(link.attr('href')));
         if (!anchor)
             return null;
         const alink = anchor.child('a.anchor');
-        const anchorScroll = function (event) {
+        const anchorScroll = (event) => {
             event.preventDefault();
             const target = $dom(decodeURI(event.currentTarget.attr('href')));
             activeLock = index;
-            pageScroll(target, null, function () {
+            pageScroll(target, null, () => {
                 activateNavByIndex(index);
                 activeLock = null;
             });
         };
         link.addEventListener('click', anchorScroll);
-        alink && alink.addEventListener('click', function (event) {
+        alink && alink.addEventListener('click', (event) => {
             anchorScroll(event);
             clipBoard(CONFIG.hostname + '/' + LOCAL.path + event.currentTarget.attr('href'));
         });
         return anchor;
     });
     const tocElement = sideBar.child('.contents.panel');
-    const findIndex = function (entries) {
+    const findIndex = (entries) => {
         let index = 0;
         let entry = entries[index];
         if (entry.boundingClientRect.top > 0) {
@@ -155,8 +154,8 @@ const sidebarTOC = function () {
         }
         return sections.indexOf(entry.target);
     };
-    const createIntersectionObserver = function () {
-        const observer = new IntersectionObserver(function (entries, observe) {
+    const createIntersectionObserver = () => {
+        const observer = new IntersectionObserver((entries) => {
             const index = findIndex(entries) + (diffY < 0 ? 1 : 0);
             if (activeLock === null) {
                 activateNavByIndex(index);
@@ -164,23 +163,23 @@ const sidebarTOC = function () {
         }, {
             rootMargin: '0px 0px -100% 0px', threshold: 0
         });
-        sections.forEach(function (element) {
+        sections.forEach((element) => {
             element && observer.observe(element);
         });
     };
     createIntersectionObserver();
 };
-const backToTopHandle = function () {
+const backToTopHandle = () => {
     pageScroll(0);
 };
-const goToBottomHandle = function () {
+const goToBottomHandle = () => {
     pageScroll(parseInt(String(Container.changeOrGetHeight())));
 };
-const goToCommentHandle = function () {
+const goToCommentHandle = () => {
     pageScroll($dom('#comments'));
 };
-const menuActive = function () {
-    $dom.each('.menu .item:not(.title)', function (element) {
+const menuActive = () => {
+    $dom.each('.menu .item:not(.title)', (element) => {
         const target = element.child('a[href]');
         const parentItem = element.parentNode.parentNode;
         if (!target)

package/source/js/_app/fireworks.js

@@ -29,51 +29,41 @@ function setParticuleDirection(p) {
 }
 function createParticule(x, y) {
     const p = {
-        x: undefined,
-        y: undefined,
+        x,
+        y,
         color: undefined,
         radius: undefined,
         endPos: undefined,
-        draw: undefined
+        draw() {
+            ctx.beginPath();
+            ctx.arc(p.x, p.y, p.radius, 0, 2 * Math.PI, true);
+            ctx.fillStyle = p.color;
+            ctx.fill();
+        }
     };
-    p.x = x;
-    p.y = y;
     p.color = colors[anime.random(0, colors.length - 1)];
     p.radius = anime.random(16, 32);
     p.endPos = setParticuleDirection(p);
-    p.draw = function () {
-        ctx.beginPath();
-        ctx.arc(p.x, p.y, p.radius, 0, 2 * Math.PI, true);
-        ctx.fillStyle = p.color;
-        ctx.fill();
-    };
     return p;
 }
 function createCircle(x, y) {
     const p = {
-        x: undefined,
-        y: undefined,
-        color: undefined,
-        radius: undefined,
+        x,
+        y,
+        color: '#FFF',
+        radius: 0.1,
         endPos: undefined,
-        alpha: undefined,
-        lineWidth: undefined,
-        draw: undefined
-    };
-    p.x = x;
-    p.y = y;
-    p.color = '#FFF';
-    p.radius = 0.1;
-    p.alpha = 0.5;
-    p.lineWidth = 6;
-    p.draw = function () {
-        ctx.globalAlpha = p.alpha;
-        ctx.beginPath();
-        ctx.arc(p.x, p.y, p.radius, 0, 2 * Math.PI, true);
-        ctx.lineWidth = p.lineWidth;
-        ctx.strokeStyle = p.color;
-        ctx.stroke();
-        ctx.globalAlpha = 1;
+        alpha: 0.5,
+        lineWidth: 6,
+        draw() {
+            ctx.globalAlpha = p.alpha;
+            ctx.beginPath();
+            ctx.arc(p.x, p.y, p.radius, 0, 2 * Math.PI, true);
+            ctx.lineWidth = p.lineWidth;
+            ctx.strokeStyle = p.color;
+            ctx.stroke();
+            ctx.globalAlpha = 1;
+        }
     };
     return p;
 }
@@ -93,12 +83,8 @@ function animateParticules(x, y) {
         duration: anime.random(1200, 1800),
         easing: 'easeOutExpo',
         update: renderParticule,
-        x: function (p) {
-            return p.endPos.x;
-        },
-        y: function (p) {
-            return p.endPos.y;
-        },
+        x: p => p.endPos.x,
+        y: p => p.endPos.y,
         radius: 0.1
     }).add({
         targets: circle,
@@ -116,11 +102,11 @@ function animateParticules(x, y) {
 }
 const render = anime({
     duration: Infinity,
-    update: function () {
+    update() {
         ctx.clearRect(0, 0, canvasEl.width, canvasEl.height);
     }
 });
-const hasAncestor = function (node, name) {
+const hasAncestor = (node, name) => {
     name = name.toUpperCase();
     do {
         if (node === null || node === undefined)
@@ -130,7 +116,7 @@ const hasAncestor = function (node, name) {
     } while ((node = node.parentNode) !== null);
     return false;
 };
-document.addEventListener(tap, function (e) {
+document.addEventListener(tap, (e) => {
     if (hasAncestor(e.target, 'a')) {
         return;
     }

package/source/js/_app/global.js

@@ -24,7 +24,7 @@ let oWinWidth = window.innerWidth;
 let LOCAL_HASH = 0;
 let LOCAL_URL = window.location.href;
 let pjax;
-const changeTheme = function (type) {
+const changeTheme = (type) => {
     const btn = $dom('.theme .ic');
     if (type === 'dark') {
         HTML.attr('data-theme', type);
@@ -37,7 +37,7 @@ const changeTheme = function (type) {
         btn.addClass('i-sun');
     }
 };
-const autoDarkmode = function () {
+const autoDarkmode = () => {
     if (CONFIG.auto_dark.enable) {
         if (new Date().getHours() >= CONFIG.auto_dark.start || new Date().getHours() <= CONFIG.auto_dark.end) {
             changeTheme('dark');
@@ -48,26 +48,26 @@ const autoDarkmode = function () {
     }
 };
 const lazyload = lozad('img, [data-background-image]', {
-    loaded: function (el) {
+    loaded(el) {
         el.addClass('lozaded');
     }
 });
 const Loader = {
     timer: undefined,
     lock: false,
-    show: function () {
+    show() {
         clearTimeout(this.timer);
         document.body.removeClass('loaded');
         loadCat.attr('style', 'display:block');
         Loader.lock = false;
     },
-    hide: function (sec) {
+    hide(sec) {
         if (!CONFIG.loader.start) {
             sec = -1;
         }
         this.timer = setTimeout(this.vanish, sec || 3000);
     },
-    vanish: function () {
+    vanish() {
         if (Loader.lock) {
             return;
         }
@@ -78,14 +78,14 @@ const Loader = {
         Loader.lock = true;
     }
 };
-const changeMetaTheme = function (color) {
+const changeMetaTheme = (color) => {
     if (HTML.attr('data-theme') === 'dark') {
         color = '#222';
     }
     $dom('meta[name="theme-color"]').attr('content', color);
 };
-const themeColorListener = function () {
-    window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', function (mediaQueryList) {
+const themeColorListener = () => {
+    window.matchMedia('(prefers-color-scheme: dark)').addEventListener('change', (mediaQueryList) => {
         if (mediaQueryList.matches) {
             changeTheme('dark');
         }
@@ -103,9 +103,9 @@ const themeColorListener = function () {
         }
     }
 };
-const visibilityListener = function () {
+const visibilityListener = () => {
     const iconNode = $dom('[rel="icon"]');
-    document.addEventListener('visibilitychange', function () {
+    document.addEventListener('visibilitychange', () => {
         switch (document.visibilityState) {
             case 'hidden':
                 iconNode.attr('href', statics + CONFIG.favicon.hidden);
@@ -121,14 +121,14 @@ const visibilityListener = function () {
                 if (CONFIG.loader.switch) {
                     Loader.hide(1000);
                 }
-                titleTime = setTimeout(function () {
+                titleTime = setTimeout(() => {
                     document.title = originTitle;
                 }, 2000);
                 break;
         }
     });
 };
-const showtip = function (msg) {
+const showtip = (msg) => {
     if (!msg) {
         return;
     }
@@ -136,14 +136,14 @@ const showtip = function (msg) {
         innerHTML: msg,
         className: 'tip'
     });
-    setTimeout(function () {
+    setTimeout(() => {
         tipbox.addClass('hide');
-        setTimeout(function () {
+        setTimeout(() => {
             BODY.removeChild(tipbox);
         }, 300);
     }, 3000);
 };
-const resizeHandle = function (event) {
+const resizeHandle = (event) => {
     siteNavHeight = siteNav.changeOrGetHeight();
     headerHightInner = siteHeader.changeOrGetHeight();
     headerHight = headerHightInner + $dom('#waves').changeOrGetHeight();
@@ -153,7 +153,7 @@ const resizeHandle = function (event) {
     oWinHeight = window.innerHeight;
     oWinWidth = window.innerWidth;
 };
-const scrollHandle = function (event) {
+const scrollHandle = (event) => {
     const winHeight = window.innerHeight;
     const docHeight = getDocHeight();
     const contentVisibilityHeight = docHeight > winHeight ? docHeight - winHeight : document.body.scrollHeight - winHeight;
@@ -191,12 +191,12 @@ const scrollHandle = function (event) {
         $dom('.percent').changeOrGetWidth(scrollPercent);
     }
 };
-const pagePosition = function () {
+const pagePosition = () => {
     if (CONFIG.auto_scroll) {
         $storage.set(LOCAL_URL, String(scrollAction.y));
     }
 };
-const positionInit = function (comment) {
+const positionInit = (comment) => {
     const anchor = window.location.hash;
     let target = null;
     if (LOCAL_HASH) {
@@ -218,7 +218,7 @@ const positionInit = function (comment) {
         LOCAL_HASH = 1;
     }
 };
-const clipBoard = function (str, callback) {
+const clipBoard = (str, callback) => {
     if (navigator.clipboard && window.isSecureContext) {
         navigator.clipboard.writeText(str).then(() => {
             callback && callback(true);
@@ -251,7 +251,7 @@ const clipBoard = function (str, callback) {
         BODY.removeChild(ta);
     }
 };
-const isOutime = function () {
+const isOutime = () => {
     let updateTime;
     if (CONFIG.outime.enable && LOCAL.outime) {
         const times = document.getElementsByTagName('time');
@@ -280,7 +280,7 @@ const isOutime = function () {
         }
     }
 };
-const clickMenu = function () {
+const clickMenu = () => {
     const menuElement = $dom('#clickMenu');
     window.oncontextmenu = function (event) {
         if (event.ctrlKey) {
@@ -308,7 +308,7 @@ const clickMenu = function () {
             }
         });
     };
-    window.addEventListener('click', function () {
+    window.addEventListener('click', () => {
         menuElement.classList.remove('active');
     });
 };