hexo-theme-shokax 0.2.0-rc2 → 0.2.0-rc4

package/_config.yml

@@ -28,6 +28,8 @@ experiments:
   debug: false # 使用debug模式启动
   disableThemeComment: false # 禁用主题评论系统(一般用于关闭评论或让插件接管评论系统)
   usingRelative: false # _image.yml 使用相对路径
+  optimizeLongPosts: false # 优化长文章，这能让长文章的FPS提升70%-150%并解决假死问题，但存在一些副作用
+  # 具体见https://docs.kaitaku.xyz/guide/theme.html#%E9%95%BF%E6%96%87%E7%AB%A0%E4%BC%98%E5%8C%96
 
 # 优化性能区
 performance:

package/layout/_partials/head/head.pug

@@ -58,7 +58,7 @@ else if gt
     link(rel="stylesheet" href="https://unpkg.com/gitalk/dist/gitalk.css")
     script(src="https://unpkg.com/gitalk/dist/gitalk.min.js")
 
-- var qw = theme.qweather.enable
+- var qw = theme?.qweather?.enable
 if qw
     style.
         img[data-v-7d48daab] {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "hexo-theme-shokax",
-    "version": "0.2.0-rc2",
+    "version": "0.2.0-rc4",
     "description": "a hexo theme based on shoka",
     "main": "index.js",
     "repository": "https://github.com/zkz098/hexo-theme-shokaX",
@@ -24,6 +24,7 @@
         "@typescript-eslint/eslint-plugin": "^5.51.0",
         "@typescript-eslint/parser": "^5.51.0",
         "@vuepress/client": "2.0.0-beta.60",
+        "@vuepress/plugin-docsearch": "2.0.0-beta.60",
         "eslint": "^8.34.0",
         "eslint-config-standard": "^17.0.0",
         "eslint-plugin-import": "^2.27.5",

package/source/css/_common/components/post/expand.styl

@@ -13,16 +13,12 @@
   img,
   .tabs,
   .links {
-    content-visibility: auto;
-    contain-intrinsic-size: 979px 1.2em;
     &:last-child {
       margin-bottom: 0;
     }
   }
 
   ul, dd, ol {
-    content-visibility: auto;
-    contain-intrinsic-size: 979px 3.5em;
     ul, ol {
       margin-top: 0;
     }

package/source/css/app.styl

@@ -33,4 +33,6 @@ if $custom = hexo-config('style.custom')
 for $inject_style in hexo-config('injects.style')
   @import $inject_style;
 
+if $optimize = hexo-config('experiments.optimizeLongPosts')
+  @import "optimize.styl"
 

package/source/css/optimize.styl

@@ -0,0 +1,6 @@
+.md {
+  span:not(.katex), p, pre, li, a {
+    content-visibility: auto;
+    contain-intrinsic-size: auto 1em;
+  }
+}

package/source/js/_app/components.js

@@ -248,7 +248,7 @@ const sidebarTOC = function () {
         const link = element.child('a.toc-link');
         const anchor = $dom(decodeURI(link.attr('href')));
         if (!anchor)
-            return;
+            return null;
         const alink = anchor.child('a.anchor');
         const anchorScroll = function (event) {
             event.preventDefault();

package/source/js/_app/global.js

@@ -104,7 +104,7 @@ const themeColorListener = function () {
     }
 };
 const visibilityListener = function () {
-    let iconNode = $dom('[rel="icon"]');
+    const iconNode = $dom('[rel="icon"]');
     document.addEventListener('visibilitychange', function () {
         switch (document.visibilityState) {
             case 'hidden':
@@ -182,8 +182,7 @@ const scrollHandle = function (event) {
         siteNav.removeClass('down');
         siteNav.toggleClass('up', SHOW);
     }
-    else {
-    }
+    else { }
     scrollAction.y = window.scrollY;
     const scrollPercent = Math.round(Math.min(100 * window.scrollY / contentVisibilityHeight, 100)) + '%';
     backToTop.child('span').innerText = scrollPercent;
@@ -287,16 +286,16 @@ const clickMenu = function () {
         event.preventDefault();
         let x = event.offsetX;
         let y = event.offsetY;
-        let winWidth = window.innerWidth;
-        let winHeight = window.innerHeight;
-        let menuWidth = menuElement.offsetWidth;
-        let menuHeight = menuElement.offsetHeight;
+        const winWidth = window.innerWidth;
+        const winHeight = window.innerHeight;
+        const menuWidth = menuElement.offsetWidth;
+        const menuHeight = menuElement.offsetHeight;
         x = winWidth - menuWidth >= x ? x : winWidth - menuWidth;
         y = winHeight - menuHeight >= y ? y : winHeight - menuHeight;
         menuElement.style.top = y + 'px';
         menuElement.style.left = x + 'px';
         menuElement.classList.add('active');
-        $dom.each(".clickSubmenu", (submenu) => {
+        $dom.each('.clickSubmenu', (submenu) => {
             if (x > (winWidth - menuWidth - submenu.offsetWidth)) {
                 submenu.style.left = '-200px';
             }

package/source/js/_app/library.js

@@ -105,13 +105,12 @@ Object.assign(HTMLElement.prototype, {
     },
     _class: function (type, className, display) {
         const classNames = className.indexOf(' ') ? className.split(' ') : [className];
-        const that = this;
-        classNames.forEach(function (name) {
+        classNames.forEach((name) => {
             if (type === 'toggle') {
-                that.classList.toggle(name, display);
+                this.classList.toggle(name, display);
             }
             else {
-                that.classList[type](name);
+                this.classList[type](name);
             }
         });
     },
@@ -150,7 +149,7 @@ const getScript = function (url, callback, condition) {
         let script = document.createElement('script');
         script.onload = function (_, isAbort) {
             if (isAbort || !script.readyState) {
-                console.log("abort!");
+                console.log('abort!');
                 script.onload = null;
                 script = undefined;
                 if (!isAbort && callback)

package/source/js/_app/page.js

@@ -555,7 +555,7 @@ const pjaxReload = function () {
             menuToggle.removeClass('close');
         });
     }
-    let mainNode = $dom('#main');
+    const mainNode = $dom('#main');
     mainNode.innerHTML = '';
     mainNode.appendChild(loadCat.lastChild.cloneNode(true));
     pageScroll(0);

package/source/js/_app/player.js

@@ -444,25 +444,24 @@ const mediaPlayer = function (t, config) {
             return this;
         },
         fetch: function () {
-            const that = this;
-            return new Promise(function (resolve, reject) {
+            return new Promise((resolve, reject) => {
                 if (playlist.data.length > 0) {
                     resolve(true);
                 }
                 else {
-                    if (that.options.rawList) {
+                    if (this.options.rawList) {
                         const promises = [];
-                        that.options.rawList.forEach(function (raw, index) {
+                        this.options.rawList.forEach(function (raw, index) {
                             promises.push(new Promise(function (resolve, reject) {
                                 let group = index;
                                 let source;
                                 if (!raw.list) {
                                     group = 0;
-                                    that.group = false;
+                                    this.group = false;
                                     source = [raw];
                                 }
                                 else {
-                                    that.group = true;
+                                    this.group = true;
                                     source = raw.list;
                                 }
                                 utils.fetch(source).then(function (list) {
@@ -480,7 +479,7 @@ const mediaPlayer = function (t, config) {
                 if (c) {
                     playlist.create();
                     controller.create();
-                    that.mode();
+                    this.mode();
                 }
             });
         },