hexo-theme-shokax 0.2.0-rc3 → 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/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",

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

@@ -13,21 +13,12 @@
   img,
   .tabs,
   .links {
-    content-visibility: auto;
-    contain-intrinsic-size: 979px 1.1em;
     &:last-child {
       margin-bottom: 0;
     }
   }
 
-  span {
-    content-visibility: auto;
-    contain-intrinsic-size: 979px 1.1em;
-  }
-
   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;
+  }
+}