hexo-theme-shokax 0.4.14 → 0.4.16

package/_config.yml

@@ -27,10 +27,13 @@ experiments:
   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
   mobileWidth: 820px # 移动版和桌面版导航栏最短切换长度
+  # 使用 Cloudflare Rocket 或其他优化功能时需开启下列补丁，否则主题无法渲染
+  cloudflarePatch: false
   coverConfig:
     enableCover: true # 是否开启头图
     enablePreload: true #是否开启预加载头图
-    enableNextGradientCover: true # 使用CSS渐变作为上/下一页封面
+    enableNextGradientCover: false # 使用CSS渐变作为上/下一页封面
+  copyrightLength: 50 # 自定义复制时显示copyright的长度
 
 homeConfig:
   gradient: false # 使用CSS渐变作为文章封面
@@ -99,13 +102,13 @@ polyfill:
 # 参阅 https://github.com/D-Sketon/mouse-firework
 fireworks:
   enable: true
-  options: 
+  options:
     excludeElements: ["a"]
     particles:
       - shape: circle
         move: ["emit"]
         easing: easeOutExpo
-        colors: 
+        colors:
           - "rgba(255,182,185,.9)"
           - "rgba(250,227,217,.9)"
           - "rgba(187,222,214,.9)"
@@ -225,7 +228,6 @@ summary:
     remote: "https://api.openai.com"
     apikey: "key"
 
-
 # Social Links
 # Usage: `Key: permalink || icon || color`
 # Key is the link label showing to end users.
@@ -401,4 +403,4 @@ vendors:
     justifiedGallery:
       source: cdnjs
       url: justifiedGallery/3.8.1/css/justifiedGallery.min.css
-      sri: "sha384-V/1Ew9pYm8xpy/L9i078ZXT6HSEOrGC6KNFYLbXOdtqb3+c6brpGqVzZtEPSQOiz"
+      sri: "sha384-V/1Ew9pYm8xpy/L9i078ZXT6HSEOrGC6KNFYLbXOdtqb3+c6brpGqVzZtEPSQOiz"

package/layout/_partials/head/head.pug

@@ -45,6 +45,9 @@ if fontConfig
 != preloadjs()
 != load_async_css()
 
+if theme.experiments.cloudflarePatch
+    != _js('cf-patch.js')
+
 include pwa.pug
 
 - var qw = theme?.qweather?.enable

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "hexo-theme-shokax",
-    "version": "0.4.14",
+    "version": "0.4.16",
     "description": "a hexo theme based on shoka",
     "main": "index.js",
     "repository": "https://github.com/theme-shoka-x/hexo-theme-shokaX",
@@ -46,8 +46,7 @@
         "theme-shokax-anime": "^0.0.7",
         "theme-shokax-pjax": "^0.0.3",
         "twikoo": "^1.6.39",
-        "unlazy": "^0.11.3",
-        "vue": "^3.5.7"
+        "unlazy": "^0.11.3"
     },
     "engines": {
         "node": ">=18.0.0"

package/scripts/generaters/script.js

@@ -64,6 +64,9 @@ hexo.extend.generator.register("script", function(locals) {
       priority: theme.quicklink.priority
     },
     playerAPI: theme.playerAPI,
+    experiments: {
+      copyrightLength: theme.experiments.copyrightLength
+    },
     audio: void 0,
     fireworks: theme.fireworks && theme.fireworks.enable && theme.fireworks.options ? theme.fireworks.options : void 0,
     waline: {
@@ -93,10 +96,12 @@ hexo.extend.generator.register("script", function(locals) {
   if (theme?.audio) {
     siteConfig.audio = theme.audio;
   }
-  let enterPoint;
+  let enterPoint, patchDir;
   if (import_node_fs.default.existsSync("themes/shokaX/source/js/_app/pjax/siteInit.ts")) {
+    patchDir = "themes/shokaX/source/js/_app/components/cloudflare.ts";
     enterPoint = "themes/shokaX/source/js/_app/pjax/siteInit.ts";
   } else {
+    patchDir = "node_modules/hexo-theme-shokax/source/js/_app/components/cloudflare.ts";
     enterPoint = "node_modules/hexo-theme-shokax/source/js/_app/pjax/siteInit.ts";
   }
   (0, import_esbuild.buildSync)({
@@ -164,5 +169,31 @@ hexo.extend.generator.register("script", function(locals) {
       });
     }
   });
+  if (theme.experiments.cloudflarePatch) {
+    const result = (0, import_esbuild.buildSync)({
+      entryPoints: [patchDir],
+      bundle: true,
+      platform: "browser",
+      format: "iife",
+      tsconfigRaw: {
+        compilerOptions: {
+          target: "ES2022",
+          esModuleInterop: true,
+          module: "ESNext",
+          moduleResolution: "Node",
+          skipLibCheck: true
+        }
+      },
+      target: ["es2022"],
+      minify: true,
+      outfile: "cf-patch.js"
+    });
+    res.push({
+      path: theme.js + "/cf-patch.js",
+      data: function() {
+        return import_node_fs.default.readFileSync("./cf-patch.js", { encoding: "utf-8" });
+      }
+    });
+  }
   return res;
 });

package/scripts/plugin/index.js

@@ -31,6 +31,9 @@ var fs = __toESM(require("node:fs"));
 hexo.on("generateBefore", () => {
   (0, import_injects.default)(hexo);
   fs.rmSync("./shokaxTemp", { force: true, recursive: true });
+  if (fs.existsSync("cf-patch.js")) {
+    fs.unlinkSync("cf-patch.js");
+  }
   if (fs.existsSync("request.lock")) {
     fs.unlinkSync("request.lock");
   }

package/source/js/_app/components/cloudflare.ts

@@ -0,0 +1,19 @@
+// rocket-loader & Auto minify(cloudflare) 补丁
+// cloudflare 的上述功能会导致DOMContentLoaded事件无法触发，此补丁会将DOMContentLoaded重定向为load事件
+export function cloudflareInit () {
+  let inCloudFlare = true
+  window.addEventListener('DOMContentLoaded', function () {
+    inCloudFlare = false
+  })
+
+  if (document.readyState === 'loading') {
+    window.addEventListener('load', function () {
+      if (inCloudFlare) {
+        window.dispatchEvent(new Event('DOMContentLoaded'))
+        console.log('%c ☁️cloudflare patch ' + '%c running', 'color: white; background: #ff8c00; padding: 5px 3px;', 'padding: 4px;border:1px solid #ff8c00')
+      }
+    })
+  }
+}
+
+cloudflareInit()

package/source/js/_app/library/declare.d.ts

@@ -115,6 +115,9 @@ interface configType {
     priority: boolean
   }
   playerAPI: string
+  experiments: {
+    copyrightLength: number;
+  }
 }
 // esbuild 静态常量
 declare const __shokax_player__:boolean

package/source/js/_app/library/scriptPjax.ts

@@ -1,21 +1,3 @@
-// rocket-loader & Auto minify(cloudflare) 补丁
-// cloudflare 的上述功能会导致DOMContentLoaded事件无法触发，此补丁会将DOMContentLoaded重定向为load事件
-export function cloudflareInit () {
-  let inCloudFlare = true
-  window.addEventListener('DOMContentLoaded', function () {
-    inCloudFlare = false
-  })
-
-  if (document.readyState === 'loading') {
-    window.addEventListener('load', function () {
-      if (inCloudFlare) {
-        window.dispatchEvent(new Event('DOMContentLoaded'))
-        console.log('%c ☁️cloudflare patch ' + '%c running', 'color: white; background: #ff8c00; padding: 5px 3px;', 'padding: 4px;border:1px solid #ff8c00')
-      }
-    })
-  }
-}
-
 export const getScript = (url: string,sri: string, callback?: Function, condition?: string): void => {
   // url: 脚本文件的URL地址
   // callback: 当脚本加载完成时要执行的回调函数

package/source/js/_app/page/post.ts

@@ -1,7 +1,7 @@
 import { $dom } from '../library/dom'
 import { postFancybox } from './fancybox'
 import { clipBoard, showtip } from '../globals/tools'
-import { BODY } from '../globals/globalVars'
+import { CONFIG, BODY } from '../globals/globalVars'
 import { pageScroll, transition } from '../library/anime'
 import { mediaPlayer } from '../player'
 import { getDisplay, setDisplay, wrapObject } from '../library/proto'
@@ -22,7 +22,7 @@ export const postBeauty = () => {
     }
 
     const copyright = document.getElementById('copyright')
-    if (window.getSelection().toString().length > 30 && copyright) {
+    if (window.getSelection().toString().length > CONFIG.experiments.copyrightLength && copyright) {
       event.preventDefault()
       const author = '# ' + (copyright.querySelector('.author') as HTMLElement).innerText
       const link = '# ' + (copyright.querySelector('.link') as HTMLElement).innerText

package/source/js/_app/pjax/siteInit.ts

@@ -1,6 +1,6 @@
 import domInit from './domInit'
 import { pjaxReload, siteRefresh } from './refresh'
-import { cloudflareInit } from '../library/scriptPjax'
+import { cloudflareInit } from '../components/cloudflare'
 import { BODY, CONFIG, pjax, setPjax, setSiteSearch, siteSearch } from '../globals/globalVars'
 import { autoDarkmode, themeColorListener } from '../globals/themeColor'
 import { resizeHandle, scrollHandle, visibilityListener } from '../globals/handles'