feat: 长文章优化可关闭，校准容器数值

theme-shoka-x · Feb 28, 2023 · 716ebd2 · 716ebd2 · vercel · Feb 28, 2023
1 parent 17f3552
commit 716ebd2
Show file tree

Hide file tree

Showing 5 changed files with 10 additions and 8 deletions.
diff --git a/_config.yml b/_config.yml
@@ -28,6 +28,7 @@ experiments:
   debug: false # 使用debug模式启动
   disableThemeComment: false # 禁用主题评论系统(一般用于关闭评论或让插件接管评论系统)
   usingRelative: false # _image.yml 使用相对路径
+  optimizeLongPosts: false # 优化长文章，这能让长文章的FPS提升70%-150%并解决假死问题，但存在一些副作用
 
 # 优化性能区
 performance:

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "hexo-theme-shokax",
-    "version": "0.2.0-rc3",
+    "version": "0.2.0-rc4",
     "description": "a hexo theme based on shoka",
     "main": "index.js",
     "repository": "https://github.com/zkz098/hexo-theme-shokaX",

diff --git a/source/css/_common/components/post/expand.styl b/source/css/_common/components/post/expand.styl
@@ -18,14 +18,7 @@
     }
   }
 
-  span, p, pre {
-    content-visibility: auto;
-    contain-intrinsic-size: 979px 1em;
-  }
-
   ul, dd, ol {
-    content-visibility: auto;
-    contain-intrinsic-size: 979px 3.5em;
     ul, ol {
       margin-top: 0;
     }

diff --git a/source/css/app.styl b/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"
 
diff --git a/source/css/optimize.styl b/source/css/optimize.styl
@@ -0,0 +1,6 @@
+.md {
+  span:not(.katex), p, pre, li, a {
+    content-visibility: auto;
+    contain-intrinsic-size: auto 1em;
+  }
+}