[{"data":1,"prerenderedAt":3093},["ShallowReactive",2],{"IconsRSS_AZ2yKBMbmCTU4kfXmYxp619DzlwCQeMpvDPSWtWb18":3,"IconsSearch_qBn5ufcPX2Nme04OeJxOeohomM4BAKORgjW1jMihmAM":8,"IconsContrast_lkQdWQLdbA7QNolI6KzC3DKinfaUX6dN2kxuqBc4ao":13,"$fpa6MVaOeFQII8V9Xh_CleDQU4sSllft0hWl5PMKLWbg":18,"$fWjlG_HjJpvplnzbdkRGgjdxlvesCKcf13gwK0DBYxkM":2865,"$fKxc64HKwSyE3mCeSV4Z75NCjItIw3wR8_SShty0EWMw":2918,"ThemeSidebarAuthorInfo_Wcfq6adNGi2w7hRDgGnpqhSbRnIIbOkAq0VopT0414":3067,"IconsArrowUp_Y4QMckxWq3Hf8D1dpS8SxA8qGwVmAA6cfO9mcw5hfk":3078,"IconsArrowRight_5jviWhR9Ji4ocmrH7nqgVCbLMgqf8CwUfrOMcjUqSw":3083,"IconsToc_UjczwWWzJcA3C0ICgsA6aFbI4xfJlY7qOtoSKCTPr6s":3088},["Island",4],{"key":5,"result":6},"IconsRSS_AZ2yKBMbmCTU4kfXmYxp619DzlwCQeMpvDPSWtWb18",{"head":7},{},["Island",9],{"key":10,"result":11},"IconsSearch_qBn5ufcPX2Nme04OeJxOeohomM4BAKORgjW1jMihmAM",{"head":12},{},["Island",14],{"key":15,"result":16},"IconsContrast_lkQdWQLdbA7QNolI6KzC3DKinfaUX6dN2kxuqBc4ao",{"head":17},{},{"data":19,"astTree":39},{"source":20,"title":21,"date":22,"categories":23,"tags":24,"excerpt":30,"frontmatter":31,"content":33,"raw":34,"surroundings":35},"/home/runner/work/blog.gxres.net/blog.gxres.net/blog/posts/2026/use-stylex-on-vue-or-svelte-project.md","在 Vue 或 Svelte 项目上使用 StyleX","2026-04-29T02:30:36+08:00","技术",[25,26,27,28,29],"前端","StyleX","Vue","Svelte","CSS","我近期沉迷于 Atomic CSS-in-JS。本博客目前使用 Panda CSS 生成样式，但通过 PostCSS 使用 Panda CSS 会获得非常稀烂的开发体验，我也不太喜欢使用 CLI Mode，故将目光转移至 Facebook 的 StyleX。本文将会介绍一种在 Vue 或 Svelte 项目上使用 StyleX 的方法。",{"banner":32},"https://storage.sirvr.win/images/use-stylex-on-vue-or-svelte-project/banner.webp","\n我近期沉迷于 Atomic CSS-in-JS。本博客目前使用 Panda CSS 生成样式，但通过 PostCSS 使用 Panda CSS 会获得非常稀烂的开发体验，我也不太喜欢使用 CLI Mode，故将目光转移至 Facebook 的 StyleX。本文将会介绍一种在 Vue 或 Svelte 项目上使用 StyleX 的方法。\n\n\n\n## StyleX SWC Plugin\n\nStyleX SWC Plugin 是一个非官方的高性能 StyleX 编译器，基于 [NAPI-RS](https://napi.rs/)、[SWC](https://swc.rs) 插件和适用于 StyleX 的完整 CSS 解析器。\n\n选择这个插件的一方面是性能。StyleX 的官方编译器使用了 Babel 编写。Babel 的历史悠久且插件生态强大，但相较于当今用 Rust 编写的 [SWC](https://swc.rs) 和 [OXC](https://oxc.rs)，用 JavaScript 编写的 Babel 在执行速度上仍有欠缺。而在 Next.js 上，使用 StyleX 官方编译器会导致其禁用内置的 SWC（即当 Next.js 识别到了 `.babelrc` 文件的创建），从而导致开发和构建性能有所下降。我算是一个「杞人忧天」的人，Panda CSS 所带来的稀烂开发体验我可不想再体验第二回，因此在效果大致相同的情况下、我会优先考虑性能更好的方案。\n\n另一方面，StyleX 提供了官方的 Svelte 集成示例，但却没有 Vue 的集成示例。不知是我配置姿势是否有误，StyleX 的官方编译器在我的 Vue / Nuxt 项目上频繁歇菜，而 StyleX SWC Plugin 对各个框架的支持稍微好点。嗯。\n\n## 配置 StyleX SWC Plugin\n\nStyleX SWC Plugin 提供了 Unplugin 包，一包走遍各个构建工具。\n\n### 配置项\n\n我在我的项目中使用了三个配置项。以下是这三个配置项的解析：\n\n- `rsOptions.dev`：不用我多说了吧；\n\n- `pageExtensions`：需要进行转换的文件扩展名；\n\n- `useCssPlaceholder`：启用后，将会通过特定标记（如 `@stylex`）注入 CSS，好处 [看这里](https://github.com/Dwlad90/stylex-swc-plugin/tree/develop/packages/unplugin#benefits)。\n\n### Vite\n\n在 `vite.config.ts` 中作如下配置：\n\n```ts\nimport { defineConfig } from 'vite'\nimport stylex from '@stylexswc/unplugin/vite'\n\n\nexport default defineConfig({\n    plugins: [\n        stylex({\n            rsOptions: {\n                dev: process.env.NODE_ENV === 'development'\n            },\n            pageExtensions: ['js', 'jsx', 'ts', 'tsx', 'vue', 'svelte'],\n            useCssPlaceholder: true\n        })\n    ]\n})\n```\n\n### Nuxt\n\n在 `nuxt.config.ts` 中作如下配置：\n\n```ts\nexport default defineNuxtConfig({\n    modules: [\n        ['@stylexswc/unplugin/nuxt', {\n            rsOptions: {\n                dev: process.env.NODE_ENV === 'development'\n            },\n            pageExtensions: ['js', 'jsx', 'ts', 'tsx', 'vue', 'svelte'],\n            useCssPlaceholder: true\n        }]\n    ]\n})\n```\n\n### Webpack / Rspack\n\n在 `webpack.config.js` 或 `rspack.config.js` 中作如下配置：\n\n```js\nmodule.exports = {\n  plugins: [\n    require('@stylexswc/unplugin/{webpack,rspack}')({\n      rsOptions: {\n          dev: process.env.NODE_ENV === 'development'\n      },\n      pageExtensions: ['js', 'jsx', 'ts', 'tsx', 'vue', 'svelte'],\n      useCssPlaceholder: true\n    }),\n  ],\n};\n```\n\n## 在组件中使用 StyleX\n\n### 通过 `stylex.attrs`\n\n在之前查找 StyleX on Nuxt 的资料时，偶然在 Stack Overflow 还是 Reddit 搜到了一个自称是 StyleX 开发团队成员的回答。他在回答中介绍了 `stylex.attrs` 这一用法。\n\n``` vue\n\u003Ctemplate>\n    \u003Cdiv v-bind=\"attrs(styles.container)\">\u003C/div>\n\u003C/template>\n\n\u003Cscript setup lang=\"ts\">\nimport { create, attrs } from '@stylexjs/stylex';\n\u003C/script>\n\n\u003Cscript lang=\"ts\">\nconst styles = create({\n    container: {\n        display: 'flex',\n        justifyContent: 'center'\n    }\n})\n\u003C/script>\n```\n\n``` svelte\n\u003Cscript module lang=\"ts\">\n    import { create, attrs } from '@stylexjs/stylex'\n\n    const styles = create({\n        container: {\n            display: 'flex',\n            justifyContent: 'center'\n        }\n    })\n\u003C/script>\n\n\n\u003Cdiv {...attrs(styles.container)}>\u003C/div>\n```\n\n### 通过 `stylex.props`\n\n这是目前 StyleX examples 里、以及推荐使用的一个方法。\n\n``` vue\n\u003Ctemplate>\n    \u003Cdiv :class=\"props(styles.container).className\">\u003C/div>\n\u003C/template>\n\n\u003Cscript setup lang=\"ts\">\nimport { create, props } from '@stylexjs/stylex';\n\u003C/script>\n\n\u003Cscript lang=\"ts\">\nconst styles = create({\n    container: {\n        display: 'flex',\n        justifyContent: 'center'\n    }\n})\n\u003C/script>\n```\n\n``` svelte\n\u003Cscript module lang=\"ts\">\n    import { create, props } from '@stylexjs/stylex'\n\n    const styles = create({\n        container: {\n            display: 'flex',\n            justifyContent: 'center'\n        }\n    })\n\u003C/script>\n\n\n\u003Cdiv class={props(styles.container).className}>\u003C/div>\n```\n\n## 实践案例\n\n我的 [个人主页](https://www.gxres.net) 和 [胡思乱想博客](https://thoughts.gxres.net) 成功用上了 StyleX。本博客在我想好新的主题怎么写之后会同样切换至 StyleX。\n","---\ntitle: 在 Vue 或 Svelte 项目上使用 StyleX\ndate: 2026-04-29 02:30:36\ncategories: 技术\ntags:\n  - 前端\n  - StyleX\n  - Vue\n  - Svelte\n  - CSS\nbanner: https://storage.sirvr.win/images/use-stylex-on-vue-or-svelte-project/banner.webp\n---\n\n我近期沉迷于 Atomic CSS-in-JS。本博客目前使用 Panda CSS 生成样式，但通过 PostCSS 使用 Panda CSS 会获得非常稀烂的开发体验，我也不太喜欢使用 CLI Mode，故将目光转移至 Facebook 的 StyleX。本文将会介绍一种在 Vue 或 Svelte 项目上使用 StyleX 的方法。\n\n\u003C!-- more -->\n\n## StyleX SWC Plugin\n\nStyleX SWC Plugin 是一个非官方的高性能 StyleX 编译器，基于 [NAPI-RS](https://napi.rs/)、[SWC](https://swc.rs) 插件和适用于 StyleX 的完整 CSS 解析器。\n\n选择这个插件的一方面是性能。StyleX 的官方编译器使用了 Babel 编写。Babel 的历史悠久且插件生态强大，但相较于当今用 Rust 编写的 [SWC](https://swc.rs) 和 [OXC](https://oxc.rs)，用 JavaScript 编写的 Babel 在执行速度上仍有欠缺。而在 Next.js 上，使用 StyleX 官方编译器会导致其禁用内置的 SWC（即当 Next.js 识别到了 `.babelrc` 文件的创建），从而导致开发和构建性能有所下降。我算是一个「杞人忧天」的人，Panda CSS 所带来的稀烂开发体验我可不想再体验第二回，因此在效果大致相同的情况下、我会优先考虑性能更好的方案。\n\n另一方面，StyleX 提供了官方的 Svelte 集成示例，但却没有 Vue 的集成示例。不知是我配置姿势是否有误，StyleX 的官方编译器在我的 Vue / Nuxt 项目上频繁歇菜，而 StyleX SWC Plugin 对各个框架的支持稍微好点。嗯。\n\n## 配置 StyleX SWC Plugin\n\nStyleX SWC Plugin 提供了 Unplugin 包，一包走遍各个构建工具。\n\n### 配置项\n\n我在我的项目中使用了三个配置项。以下是这三个配置项的解析：\n\n- `rsOptions.dev`：不用我多说了吧；\n\n- `pageExtensions`：需要进行转换的文件扩展名；\n\n- `useCssPlaceholder`：启用后，将会通过特定标记（如 `@stylex`）注入 CSS，好处 [看这里](https://github.com/Dwlad90/stylex-swc-plugin/tree/develop/packages/unplugin#benefits)。\n\n### Vite\n\n在 `vite.config.ts` 中作如下配置：\n\n```ts\nimport { defineConfig } from 'vite'\nimport stylex from '@stylexswc/unplugin/vite'\n\n\nexport default defineConfig({\n    plugins: [\n        stylex({\n            rsOptions: {\n                dev: process.env.NODE_ENV === 'development'\n            },\n            pageExtensions: ['js', 'jsx', 'ts', 'tsx', 'vue', 'svelte'],\n            useCssPlaceholder: true\n        })\n    ]\n})\n```\n\n### Nuxt\n\n在 `nuxt.config.ts` 中作如下配置：\n\n```ts\nexport default defineNuxtConfig({\n    modules: [\n        ['@stylexswc/unplugin/nuxt', {\n            rsOptions: {\n                dev: process.env.NODE_ENV === 'development'\n            },\n            pageExtensions: ['js', 'jsx', 'ts', 'tsx', 'vue', 'svelte'],\n            useCssPlaceholder: true\n        }]\n    ]\n})\n```\n\n### Webpack / Rspack\n\n在 `webpack.config.js` 或 `rspack.config.js` 中作如下配置：\n\n```js\nmodule.exports = {\n  plugins: [\n    require('@stylexswc/unplugin/{webpack,rspack}')({\n      rsOptions: {\n          dev: process.env.NODE_ENV === 'development'\n      },\n      pageExtensions: ['js', 'jsx', 'ts', 'tsx', 'vue', 'svelte'],\n      useCssPlaceholder: true\n    }),\n  ],\n};\n```\n\n## 在组件中使用 StyleX\n\n### 通过 `stylex.attrs`\n\n在之前查找 StyleX on Nuxt 的资料时，偶然在 Stack Overflow 还是 Reddit 搜到了一个自称是 StyleX 开发团队成员的回答。他在回答中介绍了 `stylex.attrs` 这一用法。\n\n``` vue\n\u003Ctemplate>\n    \u003Cdiv v-bind=\"attrs(styles.container)\">\u003C/div>\n\u003C/template>\n\n\u003Cscript setup lang=\"ts\">\nimport { create, attrs } from '@stylexjs/stylex';\n\u003C/script>\n\n\u003Cscript lang=\"ts\">\nconst styles = create({\n    container: {\n        display: 'flex',\n        justifyContent: 'center'\n    }\n})\n\u003C/script>\n```\n\n``` svelte\n\u003Cscript module lang=\"ts\">\n    import { create, attrs } from '@stylexjs/stylex'\n\n    const styles = create({\n        container: {\n            display: 'flex',\n            justifyContent: 'center'\n        }\n    })\n\u003C/script>\n\n\n\u003Cdiv {...attrs(styles.container)}>\u003C/div>\n```\n\n### 通过 `stylex.props`\n\n这是目前 StyleX examples 里、以及推荐使用的一个方法。\n\n``` vue\n\u003Ctemplate>\n    \u003Cdiv :class=\"props(styles.container).className\">\u003C/div>\n\u003C/template>\n\n\u003Cscript setup lang=\"ts\">\nimport { create, props } from '@stylexjs/stylex';\n\u003C/script>\n\n\u003Cscript lang=\"ts\">\nconst styles = create({\n    container: {\n        display: 'flex',\n        justifyContent: 'center'\n    }\n})\n\u003C/script>\n```\n\n``` svelte\n\u003Cscript module lang=\"ts\">\n    import { create, props } from '@stylexjs/stylex'\n\n    const styles = create({\n        container: {\n            display: 'flex',\n            justifyContent: 'center'\n        }\n    })\n\u003C/script>\n\n\n\u003Cdiv class={props(styles.container).className}>\u003C/div>\n```\n\n## 实践案例\n\n我的 [个人主页](https://www.gxres.net) 和 [胡思乱想博客](https://thoughts.gxres.net) 成功用上了 StyleX。本博客在我想好新的主题怎么写之后会同样切换至 StyleX。\n",{"prev":36},{"slug":37,"title":38},"virtual-machine-splitting-and-merging","资源的精打细算：家里云虚拟机的拆分与融合",{"type":40,"children":41,"position":2859},"root",[42,58,60,79,80,146,147,231,232,247,248,265,266,280,281,298,299,314,315,481,482,499,500,531,532,870,871,887,888,917,918,1152,1153,1169,1170,1221,1222,1474,1475,1492,1493,1521,1522,1555,1556,1892,1893,2161,2162,2189,2190,2205,2206,2516,2517,2785,2786,2801,2802],{"type":43,"tagName":44,"properties":45,"children":46,"position":55},"element","p",{},[47],{"type":48,"value":30,"position":49},"text",{"start":50,"end":53},{"line":51,"column":52,"offset":52},2,1,{"line":51,"column":54,"offset":54},170,{"start":56,"end":57},{"line":51,"column":52,"offset":52},{"line":51,"column":54,"offset":54},{"type":48,"value":59},"\n",{"type":43,"tagName":61,"properties":62,"children":64,"position":75},"h2",{"id":63},"stylex-swc-plugin",[65],{"type":48,"value":66,"position":67},"StyleX SWC Plugin",{"start":68,"end":72},{"line":69,"column":70,"offset":71},6,4,177,{"line":69,"column":73,"offset":74},21,194,{"start":76,"end":78},{"line":69,"column":52,"offset":77},174,{"line":69,"column":73,"offset":74},{"type":48,"value":59},{"type":43,"tagName":44,"properties":81,"children":82,"position":143},{},[83,92,111,118,136],{"type":48,"value":84,"position":85},"StyleX SWC Plugin 是一个非官方的高性能 StyleX 编译器，基于 ",{"start":86,"end":89},{"line":87,"column":52,"offset":88},8,196,{"line":87,"column":90,"offset":91},44,239,{"type":43,"tagName":93,"properties":94,"children":96,"position":106},"a",{"href":95},"https://napi.rs/",[97],{"type":48,"value":98,"position":99},"NAPI-RS",{"start":100,"end":103},{"line":87,"column":101,"offset":102},45,240,{"line":87,"column":104,"offset":105},52,247,{"start":107,"end":108},{"line":87,"column":90,"offset":91},{"line":87,"column":109,"offset":110},71,266,{"type":48,"value":112,"position":113},"、",{"start":114,"end":115},{"line":87,"column":109,"offset":110},{"line":87,"column":116,"offset":117},72,267,{"type":43,"tagName":93,"properties":119,"children":121,"position":131},{"href":120},"https://swc.rs",[122],{"type":48,"value":123,"position":124},"SWC",{"start":125,"end":128},{"line":87,"column":126,"offset":127},73,268,{"line":87,"column":129,"offset":130},76,271,{"start":132,"end":133},{"line":87,"column":116,"offset":117},{"line":87,"column":134,"offset":135},93,288,{"type":48,"value":137,"position":138}," 插件和适用于 StyleX 的完整 CSS 解析器。",{"start":139,"end":140},{"line":87,"column":134,"offset":135},{"line":87,"column":141,"offset":142},120,315,{"start":144,"end":145},{"line":87,"column":52,"offset":88},{"line":87,"column":141,"offset":142},{"type":48,"value":59},{"type":43,"tagName":44,"properties":148,"children":149,"position":228},{},[150,159,175,182,200,207,221],{"type":48,"value":151,"position":152},"选择这个插件的一方面是性能。StyleX 的官方编译器使用了 Babel 编写。Babel 的历史悠久且插件生态强大，但相较于当今用 Rust 编写的 ",{"start":153,"end":156},{"line":154,"column":52,"offset":155},10,317,{"line":154,"column":157,"offset":158},77,393,{"type":43,"tagName":93,"properties":160,"children":161,"position":170},{"href":120},[162],{"type":48,"value":123,"position":163},{"start":164,"end":167},{"line":154,"column":165,"offset":166},78,394,{"line":154,"column":168,"offset":169},81,397,{"start":171,"end":172},{"line":154,"column":157,"offset":158},{"line":154,"column":173,"offset":174},98,414,{"type":48,"value":176,"position":177}," 和 ",{"start":178,"end":179},{"line":154,"column":173,"offset":174},{"line":154,"column":180,"offset":181},101,417,{"type":43,"tagName":93,"properties":183,"children":185,"position":195},{"href":184},"https://oxc.rs",[186],{"type":48,"value":187,"position":188},"OXC",{"start":189,"end":192},{"line":154,"column":190,"offset":191},102,418,{"line":154,"column":193,"offset":194},105,421,{"start":196,"end":197},{"line":154,"column":180,"offset":181},{"line":154,"column":198,"offset":199},122,438,{"type":48,"value":201,"position":202},"，用 JavaScript 编写的 Babel 在执行速度上仍有欠缺。而在 Next.js 上，使用 StyleX 官方编译器会导致其禁用内置的 SWC（即当 Next.js 识别到了 ",{"start":203,"end":204},{"line":154,"column":198,"offset":199},{"line":154,"column":205,"offset":206},215,531,{"type":43,"tagName":208,"properties":209,"children":210,"position":218},"code",{},[211],{"type":48,"value":212,"position":213},".babelrc",{"start":214,"end":215},{"line":154,"column":205,"offset":206},{"line":154,"column":216,"offset":217},225,541,{"start":219,"end":220},{"line":154,"column":205,"offset":206},{"line":154,"column":216,"offset":217},{"type":48,"value":222,"position":223}," 文件的创建），从而导致开发和构建性能有所下降。我算是一个「杞人忧天」的人，Panda CSS 所带来的稀烂开发体验我可不想再体验第二回，因此在效果大致相同的情况下、我会优先考虑性能更好的方案。",{"start":224,"end":225},{"line":154,"column":216,"offset":217},{"line":154,"column":226,"offset":227},322,638,{"start":229,"end":230},{"line":154,"column":52,"offset":155},{"line":154,"column":226,"offset":227},{"type":48,"value":59},{"type":43,"tagName":44,"properties":233,"children":234,"position":244},{},[235],{"type":48,"value":236,"position":237},"另一方面，StyleX 提供了官方的 Svelte 集成示例，但却没有 Vue 的集成示例。不知是我配置姿势是否有误，StyleX 的官方编译器在我的 Vue / Nuxt 项目上频繁歇菜，而 StyleX SWC Plugin 对各个框架的支持稍微好点。嗯。",{"start":238,"end":241},{"line":239,"column":52,"offset":240},12,640,{"line":239,"column":242,"offset":243},131,770,{"start":245,"end":246},{"line":239,"column":52,"offset":240},{"line":239,"column":242,"offset":243},{"type":48,"value":59},{"type":43,"tagName":61,"properties":249,"children":251,"position":261},{"id":250},"配置-stylex-swc-plugin",[252],{"type":48,"value":253,"position":254},"配置 StyleX SWC Plugin",{"start":255,"end":258},{"line":256,"column":70,"offset":257},14,775,{"line":256,"column":259,"offset":260},24,795,{"start":262,"end":264},{"line":256,"column":52,"offset":263},772,{"line":256,"column":259,"offset":260},{"type":48,"value":59},{"type":43,"tagName":44,"properties":267,"children":268,"position":277},{},[269],{"type":48,"value":270,"position":271},"StyleX SWC Plugin 提供了 Unplugin 包，一包走遍各个构建工具。",{"start":272,"end":275},{"line":273,"column":52,"offset":274},16,797,{"line":273,"column":101,"offset":276},841,{"start":278,"end":279},{"line":273,"column":52,"offset":274},{"line":273,"column":101,"offset":276},{"type":48,"value":59},{"type":43,"tagName":282,"properties":283,"children":285,"position":294},"h3",{"id":284},"配置项",[286],{"type":48,"value":284,"position":287},{"start":288,"end":292},{"line":289,"column":290,"offset":291},18,5,847,{"line":289,"column":87,"offset":293},850,{"start":295,"end":297},{"line":289,"column":52,"offset":296},843,{"line":289,"column":87,"offset":293},{"type":48,"value":59},{"type":43,"tagName":44,"properties":300,"children":301,"position":311},{},[302],{"type":48,"value":303,"position":304},"我在我的项目中使用了三个配置项。以下是这三个配置项的解析：",{"start":305,"end":308},{"line":306,"column":52,"offset":307},20,852,{"line":306,"column":309,"offset":310},30,881,{"start":312,"end":313},{"line":306,"column":52,"offset":307},{"line":306,"column":309,"offset":310},{"type":48,"value":59},{"type":43,"tagName":316,"properties":317,"children":318,"position":478},"ul",{},[319,320,358,359,395,396,477],{"type":48,"value":59},{"type":43,"tagName":321,"properties":322,"children":323,"position":354},"li",{},[324,325,353],{"type":48,"value":59},{"type":43,"tagName":44,"properties":326,"children":327,"position":350},{},[328,343],{"type":43,"tagName":208,"properties":329,"children":330,"position":340},{},[331],{"type":48,"value":332,"position":333},"rsOptions.dev",{"start":334,"end":338},{"line":335,"column":336,"offset":337},22,3,885,{"line":335,"column":289,"offset":339},900,{"start":341,"end":342},{"line":335,"column":336,"offset":337},{"line":335,"column":289,"offset":339},{"type":48,"value":344,"position":345},"：不用我多说了吧；",{"start":346,"end":347},{"line":335,"column":289,"offset":339},{"line":335,"column":348,"offset":349},27,909,{"start":351,"end":352},{"line":335,"column":336,"offset":337},{"line":335,"column":348,"offset":349},{"type":48,"value":59},{"start":355,"end":357},{"line":335,"column":52,"offset":356},883,{"line":335,"column":348,"offset":349},{"type":48,"value":59},{"type":43,"tagName":321,"properties":360,"children":361,"position":391},{},[362,363,390],{"type":48,"value":59},{"type":43,"tagName":44,"properties":364,"children":365,"position":387},{},[366,380],{"type":43,"tagName":208,"properties":367,"children":368,"position":377},{},[369],{"type":48,"value":370,"position":371},"pageExtensions",{"start":372,"end":374},{"line":259,"column":336,"offset":373},913,{"line":259,"column":375,"offset":376},19,929,{"start":378,"end":379},{"line":259,"column":336,"offset":373},{"line":259,"column":375,"offset":376},{"type":48,"value":381,"position":382},"：需要进行转换的文件扩展名；",{"start":383,"end":384},{"line":259,"column":375,"offset":376},{"line":259,"column":385,"offset":386},33,943,{"start":388,"end":389},{"line":259,"column":336,"offset":373},{"line":259,"column":385,"offset":386},{"type":48,"value":59},{"start":392,"end":394},{"line":259,"column":52,"offset":393},911,{"line":259,"column":385,"offset":386},{"type":48,"value":59},{"type":43,"tagName":321,"properties":397,"children":398,"position":473},{},[399,400,472],{"type":48,"value":59},{"type":43,"tagName":44,"properties":401,"children":402,"position":469},{},[403,417,424,437,444,462],{"type":43,"tagName":208,"properties":404,"children":405,"position":414},{},[406],{"type":48,"value":407,"position":408},"useCssPlaceholder",{"start":409,"end":412},{"line":410,"column":336,"offset":411},26,947,{"line":410,"column":335,"offset":413},966,{"start":415,"end":416},{"line":410,"column":336,"offset":411},{"line":410,"column":335,"offset":413},{"type":48,"value":418,"position":419},"：启用后，将会通过特定标记（如 ",{"start":420,"end":421},{"line":410,"column":335,"offset":413},{"line":410,"column":422,"offset":423},38,982,{"type":43,"tagName":208,"properties":425,"children":426,"position":434},{},[427],{"type":48,"value":428,"position":429},"@stylex",{"start":430,"end":431},{"line":410,"column":422,"offset":423},{"line":410,"column":432,"offset":433},47,991,{"start":435,"end":436},{"line":410,"column":422,"offset":423},{"line":410,"column":432,"offset":433},{"type":48,"value":438,"position":439},"）注入 CSS，好处 ",{"start":440,"end":441},{"line":410,"column":432,"offset":433},{"line":410,"column":442,"offset":443},58,1002,{"type":43,"tagName":93,"properties":445,"children":447,"position":457},{"href":446},"https://github.com/Dwlad90/stylex-swc-plugin/tree/develop/packages/unplugin#benefits",[448],{"type":48,"value":449,"position":450},"看这里",{"start":451,"end":454},{"line":410,"column":452,"offset":453},59,1003,{"line":410,"column":455,"offset":456},62,1006,{"start":458,"end":459},{"line":410,"column":442,"offset":443},{"line":410,"column":460,"offset":461},149,1093,{"type":48,"value":463,"position":464},"。",{"start":465,"end":466},{"line":410,"column":460,"offset":461},{"line":410,"column":467,"offset":468},150,1094,{"start":470,"end":471},{"line":410,"column":336,"offset":411},{"line":410,"column":467,"offset":468},{"type":48,"value":59},{"start":474,"end":476},{"line":410,"column":52,"offset":475},945,{"line":410,"column":467,"offset":468},{"type":48,"value":59},{"start":479,"end":480},{"line":335,"column":52,"offset":356},{"line":410,"column":467,"offset":468},{"type":48,"value":59},{"type":43,"tagName":282,"properties":483,"children":485,"position":495},{"id":484},"vite",[486],{"type":48,"value":487,"position":488},"Vite",{"start":489,"end":492},{"line":490,"column":290,"offset":491},28,1100,{"line":490,"column":493,"offset":494},9,1104,{"start":496,"end":498},{"line":490,"column":52,"offset":497},1096,{"line":490,"column":493,"offset":494},{"type":48,"value":59},{"type":43,"tagName":44,"properties":501,"children":502,"position":528},{},[503,510,522],{"type":48,"value":504,"position":505},"在 ",{"start":506,"end":508},{"line":309,"column":52,"offset":507},1106,{"line":309,"column":336,"offset":509},1108,{"type":43,"tagName":208,"properties":511,"children":512,"position":519},{},[513],{"type":48,"value":514,"position":515},"vite.config.ts",{"start":516,"end":517},{"line":309,"column":336,"offset":509},{"line":309,"column":375,"offset":518},1124,{"start":520,"end":521},{"line":309,"column":336,"offset":509},{"line":309,"column":375,"offset":518},{"type":48,"value":523,"position":524}," 中作如下配置：",{"start":525,"end":526},{"line":309,"column":375,"offset":518},{"line":309,"column":348,"offset":527},1132,{"start":529,"end":530},{"line":309,"column":52,"offset":507},{"line":309,"column":348,"offset":527},{"type":48,"value":59},{"type":40,"children":533},[534],{"type":43,"tagName":535,"properties":536,"children":540},"pre",{"class":537,"style":538,"tabindex":539},"shiki shiki-themes one-light one-dark-pro","background-color:#FAFAFA;--shiki-dark-bg:#282c34;color:#383A42;--shiki-dark:#abb2bf","0",[541],{"type":43,"tagName":208,"properties":542,"children":543},{},[544,583,584,606,607,610,611,614,615,640,641,660,661,673,674,691,692,742,743,751,752,824,825,843,844,852,853,861,862],{"type":43,"tagName":545,"properties":546,"children":548},"span",{"class":547},"line",[549,555,561,567,572,577],{"type":43,"tagName":545,"properties":550,"children":552},{"style":551},"color:#A626A4;--shiki-dark:#C678DD",[553],{"type":48,"value":554},"import",{"type":43,"tagName":545,"properties":556,"children":558},{"style":557},"color:#383A42;--shiki-dark:#ABB2BF",[559],{"type":48,"value":560}," { ",{"type":43,"tagName":545,"properties":562,"children":564},{"style":563},"color:#E45649;--shiki-dark:#E06C75",[565],{"type":48,"value":566},"defineConfig",{"type":43,"tagName":545,"properties":568,"children":569},{"style":557},[570],{"type":48,"value":571}," } ",{"type":43,"tagName":545,"properties":573,"children":574},{"style":551},[575],{"type":48,"value":576},"from",{"type":43,"tagName":545,"properties":578,"children":580},{"style":579},"color:#50A14F;--shiki-dark:#98C379",[581],{"type":48,"value":582}," 'vite'",{"type":48,"value":59},{"type":43,"tagName":545,"properties":585,"children":586},{"class":547},[587,591,596,601],{"type":43,"tagName":545,"properties":588,"children":589},{"style":551},[590],{"type":48,"value":554},{"type":43,"tagName":545,"properties":592,"children":593},{"style":563},[594],{"type":48,"value":595}," stylex",{"type":43,"tagName":545,"properties":597,"children":598},{"style":551},[599],{"type":48,"value":600}," from",{"type":43,"tagName":545,"properties":602,"children":603},{"style":579},[604],{"type":48,"value":605}," '@stylexswc/unplugin/vite'",{"type":48,"value":59},{"type":43,"tagName":545,"properties":608,"children":609},{"class":547},[],{"type":48,"value":59},{"type":43,"tagName":545,"properties":612,"children":613},{"class":547},[],{"type":48,"value":59},{"type":43,"tagName":545,"properties":616,"children":617},{"class":547},[618,623,629,635],{"type":43,"tagName":545,"properties":619,"children":620},{"style":551},[621],{"type":48,"value":622},"export",{"type":43,"tagName":545,"properties":624,"children":626},{"style":625},"color:#E45649;--shiki-dark:#C678DD",[627],{"type":48,"value":628}," default",{"type":43,"tagName":545,"properties":630,"children":632},{"style":631},"color:#4078F2;--shiki-dark:#61AFEF",[633],{"type":48,"value":634}," defineConfig",{"type":43,"tagName":545,"properties":636,"children":637},{"style":557},[638],{"type":48,"value":639},"({",{"type":48,"value":59},{"type":43,"tagName":545,"properties":642,"children":643},{"class":547},[644,649,655],{"type":43,"tagName":545,"properties":645,"children":646},{"style":563},[647],{"type":48,"value":648},"    plugins",{"type":43,"tagName":545,"properties":650,"children":652},{"style":651},"color:#0184BC;--shiki-dark:#ABB2BF",[653],{"type":48,"value":654},":",{"type":43,"tagName":545,"properties":656,"children":657},{"style":557},[658],{"type":48,"value":659}," [",{"type":48,"value":59},{"type":43,"tagName":545,"properties":662,"children":663},{"class":547},[664,669],{"type":43,"tagName":545,"properties":665,"children":666},{"style":631},[667],{"type":48,"value":668},"        stylex",{"type":43,"tagName":545,"properties":670,"children":671},{"style":557},[672],{"type":48,"value":639},{"type":48,"value":59},{"type":43,"tagName":545,"properties":675,"children":676},{"class":547},[677,682,686],{"type":43,"tagName":545,"properties":678,"children":679},{"style":563},[680],{"type":48,"value":681},"            rsOptions",{"type":43,"tagName":545,"properties":683,"children":684},{"style":651},[685],{"type":48,"value":654},{"type":43,"tagName":545,"properties":687,"children":688},{"style":557},[689],{"type":48,"value":690}," {",{"type":48,"value":59},{"type":43,"tagName":545,"properties":693,"children":694},{"class":547},[695,700,704,710,715,721,725,731,737],{"type":43,"tagName":545,"properties":696,"children":697},{"style":563},[698],{"type":48,"value":699},"                dev",{"type":43,"tagName":545,"properties":701,"children":702},{"style":651},[703],{"type":48,"value":654},{"type":43,"tagName":545,"properties":705,"children":707},{"style":706},"color:#383A42;--shiki-dark:#E5C07B",[708],{"type":48,"value":709}," process",{"type":43,"tagName":545,"properties":711,"children":712},{"style":557},[713],{"type":48,"value":714},".",{"type":43,"tagName":545,"properties":716,"children":718},{"style":717},"color:#C18401;--shiki-dark:#E5C07B",[719],{"type":48,"value":720},"env",{"type":43,"tagName":545,"properties":722,"children":723},{"style":557},[724],{"type":48,"value":714},{"type":43,"tagName":545,"properties":726,"children":728},{"style":727},"color:#986801;--shiki-dark:#E06C75",[729],{"type":48,"value":730},"NODE_ENV",{"type":43,"tagName":545,"properties":732,"children":734},{"style":733},"color:#0184BC;--shiki-dark:#56B6C2",[735],{"type":48,"value":736}," ===",{"type":43,"tagName":545,"properties":738,"children":739},{"style":579},[740],{"type":48,"value":741}," 'development'",{"type":48,"value":59},{"type":43,"tagName":545,"properties":744,"children":745},{"class":547},[746],{"type":43,"tagName":545,"properties":747,"children":748},{"style":557},[749],{"type":48,"value":750},"            },",{"type":48,"value":59},{"type":43,"tagName":545,"properties":753,"children":754},{"class":547},[755,760,764,768,773,778,783,787,792,796,801,805,810,814,819],{"type":43,"tagName":545,"properties":756,"children":757},{"style":563},[758],{"type":48,"value":759},"            pageExtensions",{"type":43,"tagName":545,"properties":761,"children":762},{"style":651},[763],{"type":48,"value":654},{"type":43,"tagName":545,"properties":765,"children":766},{"style":557},[767],{"type":48,"value":659},{"type":43,"tagName":545,"properties":769,"children":770},{"style":579},[771],{"type":48,"value":772},"'js'",{"type":43,"tagName":545,"properties":774,"children":775},{"style":557},[776],{"type":48,"value":777},", ",{"type":43,"tagName":545,"properties":779,"children":780},{"style":579},[781],{"type":48,"value":782},"'jsx'",{"type":43,"tagName":545,"properties":784,"children":785},{"style":557},[786],{"type":48,"value":777},{"type":43,"tagName":545,"properties":788,"children":789},{"style":579},[790],{"type":48,"value":791},"'ts'",{"type":43,"tagName":545,"properties":793,"children":794},{"style":557},[795],{"type":48,"value":777},{"type":43,"tagName":545,"properties":797,"children":798},{"style":579},[799],{"type":48,"value":800},"'tsx'",{"type":43,"tagName":545,"properties":802,"children":803},{"style":557},[804],{"type":48,"value":777},{"type":43,"tagName":545,"properties":806,"children":807},{"style":579},[808],{"type":48,"value":809},"'vue'",{"type":43,"tagName":545,"properties":811,"children":812},{"style":557},[813],{"type":48,"value":777},{"type":43,"tagName":545,"properties":815,"children":816},{"style":579},[817],{"type":48,"value":818},"'svelte'",{"type":43,"tagName":545,"properties":820,"children":821},{"style":557},[822],{"type":48,"value":823},"],",{"type":48,"value":59},{"type":43,"tagName":545,"properties":826,"children":827},{"class":547},[828,833,837],{"type":43,"tagName":545,"properties":829,"children":830},{"style":563},[831],{"type":48,"value":832},"            useCssPlaceholder",{"type":43,"tagName":545,"properties":834,"children":835},{"style":651},[836],{"type":48,"value":654},{"type":43,"tagName":545,"properties":838,"children":840},{"style":839},"color:#986801;--shiki-dark:#D19A66",[841],{"type":48,"value":842}," true",{"type":48,"value":59},{"type":43,"tagName":545,"properties":845,"children":846},{"class":547},[847],{"type":43,"tagName":545,"properties":848,"children":849},{"style":557},[850],{"type":48,"value":851},"        })",{"type":48,"value":59},{"type":43,"tagName":545,"properties":854,"children":855},{"class":547},[856],{"type":43,"tagName":545,"properties":857,"children":858},{"style":557},[859],{"type":48,"value":860},"    ]",{"type":48,"value":59},{"type":43,"tagName":545,"properties":863,"children":864},{"class":547},[865],{"type":43,"tagName":545,"properties":866,"children":867},{"style":557},[868],{"type":48,"value":869},"})",{"type":48,"value":59},{"type":43,"tagName":282,"properties":872,"children":874,"position":883},{"id":873},"nuxt",[875],{"type":48,"value":876,"position":877},"Nuxt",{"start":878,"end":881},{"line":879,"column":290,"offset":880},50,1524,{"line":879,"column":493,"offset":882},1528,{"start":884,"end":886},{"line":879,"column":52,"offset":885},1520,{"line":879,"column":493,"offset":882},{"type":48,"value":59},{"type":43,"tagName":44,"properties":889,"children":890,"position":914},{},[891,897,909],{"type":48,"value":504,"position":892},{"start":893,"end":895},{"line":104,"column":52,"offset":894},1530,{"line":104,"column":336,"offset":896},1532,{"type":43,"tagName":208,"properties":898,"children":899,"position":906},{},[900],{"type":48,"value":901,"position":902},"nuxt.config.ts",{"start":903,"end":904},{"line":104,"column":336,"offset":896},{"line":104,"column":375,"offset":905},1548,{"start":907,"end":908},{"line":104,"column":336,"offset":896},{"line":104,"column":375,"offset":905},{"type":48,"value":523,"position":910},{"start":911,"end":912},{"line":104,"column":375,"offset":905},{"line":104,"column":348,"offset":913},1556,{"start":915,"end":916},{"line":104,"column":52,"offset":894},{"line":104,"column":348,"offset":913},{"type":48,"value":59},{"type":40,"children":919},[920],{"type":43,"tagName":535,"properties":921,"children":922},{"class":537,"style":538,"tabindex":539},[923],{"type":43,"tagName":208,"properties":924,"children":925},{},[926,946,947,963,964,982,983,999,1000,1039,1040,1047,1048,1111,1112,1127,1128,1136,1137,1144,1145],{"type":43,"tagName":545,"properties":927,"children":928},{"class":547},[929,933,937,942],{"type":43,"tagName":545,"properties":930,"children":931},{"style":551},[932],{"type":48,"value":622},{"type":43,"tagName":545,"properties":934,"children":935},{"style":625},[936],{"type":48,"value":628},{"type":43,"tagName":545,"properties":938,"children":939},{"style":631},[940],{"type":48,"value":941}," defineNuxtConfig",{"type":43,"tagName":545,"properties":943,"children":944},{"style":557},[945],{"type":48,"value":639},{"type":48,"value":59},{"type":43,"tagName":545,"properties":948,"children":949},{"class":547},[950,955,959],{"type":43,"tagName":545,"properties":951,"children":952},{"style":563},[953],{"type":48,"value":954},"    modules",{"type":43,"tagName":545,"properties":956,"children":957},{"style":651},[958],{"type":48,"value":654},{"type":43,"tagName":545,"properties":960,"children":961},{"style":557},[962],{"type":48,"value":659},{"type":48,"value":59},{"type":43,"tagName":545,"properties":965,"children":966},{"class":547},[967,972,977],{"type":43,"tagName":545,"properties":968,"children":969},{"style":557},[970],{"type":48,"value":971},"        [",{"type":43,"tagName":545,"properties":973,"children":974},{"style":579},[975],{"type":48,"value":976},"'@stylexswc/unplugin/nuxt'",{"type":43,"tagName":545,"properties":978,"children":979},{"style":557},[980],{"type":48,"value":981},", {",{"type":48,"value":59},{"type":43,"tagName":545,"properties":984,"children":985},{"class":547},[986,991,995],{"type":43,"tagName":545,"properties":987,"children":988},{"style":563},[989],{"type":48,"value":990},"            rsOptions",{"type":43,"tagName":545,"properties":992,"children":993},{"style":651},[994],{"type":48,"value":654},{"type":43,"tagName":545,"properties":996,"children":997},{"style":557},[998],{"type":48,"value":690},{"type":48,"value":59},{"type":43,"tagName":545,"properties":1001,"children":1002},{"class":547},[1003,1007,1011,1015,1019,1023,1027,1031,1035],{"type":43,"tagName":545,"properties":1004,"children":1005},{"style":563},[1006],{"type":48,"value":699},{"type":43,"tagName":545,"properties":1008,"children":1009},{"style":651},[1010],{"type":48,"value":654},{"type":43,"tagName":545,"properties":1012,"children":1013},{"style":706},[1014],{"type":48,"value":709},{"type":43,"tagName":545,"properties":1016,"children":1017},{"style":557},[1018],{"type":48,"value":714},{"type":43,"tagName":545,"properties":1020,"children":1021},{"style":717},[1022],{"type":48,"value":720},{"type":43,"tagName":545,"properties":1024,"children":1025},{"style":557},[1026],{"type":48,"value":714},{"type":43,"tagName":545,"properties":1028,"children":1029},{"style":727},[1030],{"type":48,"value":730},{"type":43,"tagName":545,"properties":1032,"children":1033},{"style":733},[1034],{"type":48,"value":736},{"type":43,"tagName":545,"properties":1036,"children":1037},{"style":579},[1038],{"type":48,"value":741},{"type":48,"value":59},{"type":43,"tagName":545,"properties":1041,"children":1042},{"class":547},[1043],{"type":43,"tagName":545,"properties":1044,"children":1045},{"style":557},[1046],{"type":48,"value":750},{"type":48,"value":59},{"type":43,"tagName":545,"properties":1049,"children":1050},{"class":547},[1051,1055,1059,1063,1067,1071,1075,1079,1083,1087,1091,1095,1099,1103,1107],{"type":43,"tagName":545,"properties":1052,"children":1053},{"style":563},[1054],{"type":48,"value":759},{"type":43,"tagName":545,"properties":1056,"children":1057},{"style":651},[1058],{"type":48,"value":654},{"type":43,"tagName":545,"properties":1060,"children":1061},{"style":557},[1062],{"type":48,"value":659},{"type":43,"tagName":545,"properties":1064,"children":1065},{"style":579},[1066],{"type":48,"value":772},{"type":43,"tagName":545,"properties":1068,"children":1069},{"style":557},[1070],{"type":48,"value":777},{"type":43,"tagName":545,"properties":1072,"children":1073},{"style":579},[1074],{"type":48,"value":782},{"type":43,"tagName":545,"properties":1076,"children":1077},{"style":557},[1078],{"type":48,"value":777},{"type":43,"tagName":545,"properties":1080,"children":1081},{"style":579},[1082],{"type":48,"value":791},{"type":43,"tagName":545,"properties":1084,"children":1085},{"style":557},[1086],{"type":48,"value":777},{"type":43,"tagName":545,"properties":1088,"children":1089},{"style":579},[1090],{"type":48,"value":800},{"type":43,"tagName":545,"properties":1092,"children":1093},{"style":557},[1094],{"type":48,"value":777},{"type":43,"tagName":545,"properties":1096,"children":1097},{"style":579},[1098],{"type":48,"value":809},{"type":43,"tagName":545,"properties":1100,"children":1101},{"style":557},[1102],{"type":48,"value":777},{"type":43,"tagName":545,"properties":1104,"children":1105},{"style":579},[1106],{"type":48,"value":818},{"type":43,"tagName":545,"properties":1108,"children":1109},{"style":557},[1110],{"type":48,"value":823},{"type":48,"value":59},{"type":43,"tagName":545,"properties":1113,"children":1114},{"class":547},[1115,1119,1123],{"type":43,"tagName":545,"properties":1116,"children":1117},{"style":563},[1118],{"type":48,"value":832},{"type":43,"tagName":545,"properties":1120,"children":1121},{"style":651},[1122],{"type":48,"value":654},{"type":43,"tagName":545,"properties":1124,"children":1125},{"style":839},[1126],{"type":48,"value":842},{"type":48,"value":59},{"type":43,"tagName":545,"properties":1129,"children":1130},{"class":547},[1131],{"type":43,"tagName":545,"properties":1132,"children":1133},{"style":557},[1134],{"type":48,"value":1135},"        }]",{"type":48,"value":59},{"type":43,"tagName":545,"properties":1138,"children":1139},{"class":547},[1140],{"type":43,"tagName":545,"properties":1141,"children":1142},{"style":557},[1143],{"type":48,"value":860},{"type":48,"value":59},{"type":43,"tagName":545,"properties":1146,"children":1147},{"class":547},[1148],{"type":43,"tagName":545,"properties":1149,"children":1150},{"style":557},[1151],{"type":48,"value":869},{"type":48,"value":59},{"type":43,"tagName":282,"properties":1154,"children":1156,"position":1165},{"id":1155},"webpack--rspack",[1157],{"type":48,"value":1158,"position":1159},"Webpack / Rspack",{"start":1160,"end":1163},{"line":1161,"column":290,"offset":1162},68,1890,{"line":1161,"column":73,"offset":1164},1906,{"start":1166,"end":1168},{"line":1161,"column":52,"offset":1167},1886,{"line":1161,"column":73,"offset":1164},{"type":48,"value":59},{"type":43,"tagName":44,"properties":1171,"children":1172,"position":1218},{},[1173,1180,1192,1199,1212],{"type":48,"value":504,"position":1174},{"start":1175,"end":1178},{"line":1176,"column":52,"offset":1177},70,1908,{"line":1176,"column":336,"offset":1179},1910,{"type":43,"tagName":208,"properties":1181,"children":1182,"position":1189},{},[1183],{"type":48,"value":1184,"position":1185},"webpack.config.js",{"start":1186,"end":1187},{"line":1176,"column":336,"offset":1179},{"line":1176,"column":335,"offset":1188},1929,{"start":1190,"end":1191},{"line":1176,"column":336,"offset":1179},{"line":1176,"column":335,"offset":1188},{"type":48,"value":1193,"position":1194}," 或 ",{"start":1195,"end":1196},{"line":1176,"column":335,"offset":1188},{"line":1176,"column":1197,"offset":1198},25,1932,{"type":43,"tagName":208,"properties":1200,"children":1201,"position":1209},{},[1202],{"type":48,"value":1203,"position":1204},"rspack.config.js",{"start":1205,"end":1206},{"line":1176,"column":1197,"offset":1198},{"line":1176,"column":1207,"offset":1208},43,1950,{"start":1210,"end":1211},{"line":1176,"column":1197,"offset":1198},{"line":1176,"column":1207,"offset":1208},{"type":48,"value":523,"position":1213},{"start":1214,"end":1215},{"line":1176,"column":1207,"offset":1208},{"line":1176,"column":1216,"offset":1217},51,1958,{"start":1219,"end":1220},{"line":1176,"column":52,"offset":1177},{"line":1176,"column":1216,"offset":1217},{"type":48,"value":59},{"type":40,"children":1223},[1224],{"type":43,"tagName":535,"properties":1225,"children":1226},{"class":537,"style":538,"tabindex":539},[1227],{"type":43,"tagName":208,"properties":1228,"children":1229},{},[1230,1257,1258,1274,1275,1298,1299,1315,1316,1356,1357,1365,1366,1430,1431,1447,1448,1456,1457,1465,1466],{"type":43,"tagName":545,"properties":1231,"children":1232},{"class":547},[1233,1239,1243,1248,1253],{"type":43,"tagName":545,"properties":1234,"children":1236},{"style":1235},"color:#E45649;--shiki-dark:#E5C07B",[1237],{"type":48,"value":1238},"module",{"type":43,"tagName":545,"properties":1240,"children":1241},{"style":557},[1242],{"type":48,"value":714},{"type":43,"tagName":545,"properties":1244,"children":1245},{"style":1235},[1246],{"type":48,"value":1247},"exports",{"type":43,"tagName":545,"properties":1249,"children":1250},{"style":733},[1251],{"type":48,"value":1252}," =",{"type":43,"tagName":545,"properties":1254,"children":1255},{"style":557},[1256],{"type":48,"value":690},{"type":48,"value":59},{"type":43,"tagName":545,"properties":1259,"children":1260},{"class":547},[1261,1266,1270],{"type":43,"tagName":545,"properties":1262,"children":1263},{"style":563},[1264],{"type":48,"value":1265},"  plugins",{"type":43,"tagName":545,"properties":1267,"children":1268},{"style":651},[1269],{"type":48,"value":654},{"type":43,"tagName":545,"properties":1271,"children":1272},{"style":557},[1273],{"type":48,"value":659},{"type":48,"value":59},{"type":43,"tagName":545,"properties":1276,"children":1277},{"class":547},[1278,1283,1288,1293],{"type":43,"tagName":545,"properties":1279,"children":1280},{"style":631},[1281],{"type":48,"value":1282},"    require",{"type":43,"tagName":545,"properties":1284,"children":1285},{"style":557},[1286],{"type":48,"value":1287},"(",{"type":43,"tagName":545,"properties":1289,"children":1290},{"style":579},[1291],{"type":48,"value":1292},"'@stylexswc/unplugin/{webpack,rspack}'",{"type":43,"tagName":545,"properties":1294,"children":1295},{"style":557},[1296],{"type":48,"value":1297},")({",{"type":48,"value":59},{"type":43,"tagName":545,"properties":1300,"children":1301},{"class":547},[1302,1307,1311],{"type":43,"tagName":545,"properties":1303,"children":1304},{"style":563},[1305],{"type":48,"value":1306},"      rsOptions",{"type":43,"tagName":545,"properties":1308,"children":1309},{"style":651},[1310],{"type":48,"value":654},{"type":43,"tagName":545,"properties":1312,"children":1313},{"style":557},[1314],{"type":48,"value":690},{"type":48,"value":59},{"type":43,"tagName":545,"properties":1317,"children":1318},{"class":547},[1319,1324,1328,1332,1336,1340,1344,1348,1352],{"type":43,"tagName":545,"properties":1320,"children":1321},{"style":563},[1322],{"type":48,"value":1323},"          dev",{"type":43,"tagName":545,"properties":1325,"children":1326},{"style":651},[1327],{"type":48,"value":654},{"type":43,"tagName":545,"properties":1329,"children":1330},{"style":706},[1331],{"type":48,"value":709},{"type":43,"tagName":545,"properties":1333,"children":1334},{"style":557},[1335],{"type":48,"value":714},{"type":43,"tagName":545,"properties":1337,"children":1338},{"style":717},[1339],{"type":48,"value":720},{"type":43,"tagName":545,"properties":1341,"children":1342},{"style":557},[1343],{"type":48,"value":714},{"type":43,"tagName":545,"properties":1345,"children":1346},{"style":727},[1347],{"type":48,"value":730},{"type":43,"tagName":545,"properties":1349,"children":1350},{"style":733},[1351],{"type":48,"value":736},{"type":43,"tagName":545,"properties":1353,"children":1354},{"style":579},[1355],{"type":48,"value":741},{"type":48,"value":59},{"type":43,"tagName":545,"properties":1358,"children":1359},{"class":547},[1360],{"type":43,"tagName":545,"properties":1361,"children":1362},{"style":557},[1363],{"type":48,"value":1364},"      },",{"type":48,"value":59},{"type":43,"tagName":545,"properties":1367,"children":1368},{"class":547},[1369,1374,1378,1382,1386,1390,1394,1398,1402,1406,1410,1414,1418,1422,1426],{"type":43,"tagName":545,"properties":1370,"children":1371},{"style":563},[1372],{"type":48,"value":1373},"      pageExtensions",{"type":43,"tagName":545,"properties":1375,"children":1376},{"style":651},[1377],{"type":48,"value":654},{"type":43,"tagName":545,"properties":1379,"children":1380},{"style":557},[1381],{"type":48,"value":659},{"type":43,"tagName":545,"properties":1383,"children":1384},{"style":579},[1385],{"type":48,"value":772},{"type":43,"tagName":545,"properties":1387,"children":1388},{"style":557},[1389],{"type":48,"value":777},{"type":43,"tagName":545,"properties":1391,"children":1392},{"style":579},[1393],{"type":48,"value":782},{"type":43,"tagName":545,"properties":1395,"children":1396},{"style":557},[1397],{"type":48,"value":777},{"type":43,"tagName":545,"properties":1399,"children":1400},{"style":579},[1401],{"type":48,"value":791},{"type":43,"tagName":545,"properties":1403,"children":1404},{"style":557},[1405],{"type":48,"value":777},{"type":43,"tagName":545,"properties":1407,"children":1408},{"style":579},[1409],{"type":48,"value":800},{"type":43,"tagName":545,"properties":1411,"children":1412},{"style":557},[1413],{"type":48,"value":777},{"type":43,"tagName":545,"properties":1415,"children":1416},{"style":579},[1417],{"type":48,"value":809},{"type":43,"tagName":545,"properties":1419,"children":1420},{"style":557},[1421],{"type":48,"value":777},{"type":43,"tagName":545,"properties":1423,"children":1424},{"style":579},[1425],{"type":48,"value":818},{"type":43,"tagName":545,"properties":1427,"children":1428},{"style":557},[1429],{"type":48,"value":823},{"type":48,"value":59},{"type":43,"tagName":545,"properties":1432,"children":1433},{"class":547},[1434,1439,1443],{"type":43,"tagName":545,"properties":1435,"children":1436},{"style":563},[1437],{"type":48,"value":1438},"      useCssPlaceholder",{"type":43,"tagName":545,"properties":1440,"children":1441},{"style":651},[1442],{"type":48,"value":654},{"type":43,"tagName":545,"properties":1444,"children":1445},{"style":839},[1446],{"type":48,"value":842},{"type":48,"value":59},{"type":43,"tagName":545,"properties":1449,"children":1450},{"class":547},[1451],{"type":43,"tagName":545,"properties":1452,"children":1453},{"style":557},[1454],{"type":48,"value":1455},"    }),",{"type":48,"value":59},{"type":43,"tagName":545,"properties":1458,"children":1459},{"class":547},[1460],{"type":43,"tagName":545,"properties":1461,"children":1462},{"style":557},[1463],{"type":48,"value":1464},"  ],",{"type":48,"value":59},{"type":43,"tagName":545,"properties":1467,"children":1468},{"class":547},[1469],{"type":43,"tagName":545,"properties":1470,"children":1471},{"style":557},[1472],{"type":48,"value":1473},"};",{"type":48,"value":59},{"type":43,"tagName":61,"properties":1476,"children":1478,"position":1488},{"id":1477},"在组件中使用-stylex",[1479],{"type":48,"value":1480,"position":1481},"在组件中使用 StyleX",{"start":1482,"end":1485},{"line":1483,"column":70,"offset":1484},86,2255,{"line":1483,"column":1486,"offset":1487},17,2268,{"start":1489,"end":1491},{"line":1483,"column":52,"offset":1490},2252,{"line":1483,"column":1486,"offset":1487},{"type":48,"value":59},{"type":43,"tagName":282,"properties":1494,"children":1496,"position":1517},{"id":1495},"通过-stylexattrs",[1497,1505],{"type":48,"value":1498,"position":1499},"通过 ",{"start":1500,"end":1503},{"line":1501,"column":290,"offset":1502},88,2274,{"line":1501,"column":87,"offset":1504},2277,{"type":43,"tagName":208,"properties":1506,"children":1507,"position":1514},{},[1508],{"type":48,"value":1509,"position":1510},"stylex.attrs",{"start":1511,"end":1512},{"line":1501,"column":87,"offset":1504},{"line":1501,"column":335,"offset":1513},2291,{"start":1515,"end":1516},{"line":1501,"column":87,"offset":1504},{"line":1501,"column":335,"offset":1513},{"start":1518,"end":1520},{"line":1501,"column":52,"offset":1519},2270,{"line":1501,"column":335,"offset":1513},{"type":48,"value":59},{"type":43,"tagName":44,"properties":1523,"children":1524,"position":1552},{},[1525,1534,1545],{"type":48,"value":1526,"position":1527},"在之前查找 StyleX on Nuxt 的资料时，偶然在 Stack Overflow 还是 Reddit 搜到了一个自称是 StyleX 开发团队成员的回答。他在回答中介绍了 ",{"start":1528,"end":1531},{"line":1529,"column":52,"offset":1530},90,2293,{"line":1529,"column":1532,"offset":1533},91,2383,{"type":43,"tagName":208,"properties":1535,"children":1536,"position":1542},{},[1537],{"type":48,"value":1509,"position":1538},{"start":1539,"end":1540},{"line":1529,"column":1532,"offset":1533},{"line":1529,"column":193,"offset":1541},2397,{"start":1543,"end":1544},{"line":1529,"column":1532,"offset":1533},{"line":1529,"column":193,"offset":1541},{"type":48,"value":1546,"position":1547}," 这一用法。",{"start":1548,"end":1549},{"line":1529,"column":193,"offset":1541},{"line":1529,"column":1550,"offset":1551},111,2403,{"start":1553,"end":1554},{"line":1529,"column":52,"offset":1530},{"line":1529,"column":1550,"offset":1551},{"type":48,"value":59},{"type":40,"children":1557},[1558],{"type":43,"tagName":535,"properties":1559,"children":1560},{"class":537,"style":538,"tabindex":539},[1561],{"type":43,"tagName":208,"properties":1562,"children":1563},{},[1564,1582,1583,1624,1625,1641,1642,1645,1646,1681,1682,1725,1726,1741,1742,1745,1746,1773,1774,1801,1802,1818,1819,1841,1842,1859,1860,1868,1869,1876,1877],{"type":43,"tagName":545,"properties":1565,"children":1566},{"class":547},[1567,1572,1577],{"type":43,"tagName":545,"properties":1568,"children":1569},{"style":557},[1570],{"type":48,"value":1571},"\u003C",{"type":43,"tagName":545,"properties":1573,"children":1574},{"style":563},[1575],{"type":48,"value":1576},"template",{"type":43,"tagName":545,"properties":1578,"children":1579},{"style":557},[1580],{"type":48,"value":1581},">",{"type":48,"value":59},{"type":43,"tagName":545,"properties":1584,"children":1585},{"class":547},[1586,1591,1596,1601,1606,1611,1616,1620],{"type":43,"tagName":545,"properties":1587,"children":1588},{"style":557},[1589],{"type":48,"value":1590},"    \u003C",{"type":43,"tagName":545,"properties":1592,"children":1593},{"style":563},[1594],{"type":48,"value":1595},"div",{"type":43,"tagName":545,"properties":1597,"children":1598},{"style":839},[1599],{"type":48,"value":1600}," v-bind",{"type":43,"tagName":545,"properties":1602,"children":1603},{"style":557},[1604],{"type":48,"value":1605},"=",{"type":43,"tagName":545,"properties":1607,"children":1608},{"style":579},[1609],{"type":48,"value":1610},"\"attrs(styles.container)\"",{"type":43,"tagName":545,"properties":1612,"children":1613},{"style":557},[1614],{"type":48,"value":1615},">\u003C/",{"type":43,"tagName":545,"properties":1617,"children":1618},{"style":563},[1619],{"type":48,"value":1595},{"type":43,"tagName":545,"properties":1621,"children":1622},{"style":557},[1623],{"type":48,"value":1581},{"type":48,"value":59},{"type":43,"tagName":545,"properties":1626,"children":1627},{"class":547},[1628,1633,1637],{"type":43,"tagName":545,"properties":1629,"children":1630},{"style":557},[1631],{"type":48,"value":1632},"\u003C/",{"type":43,"tagName":545,"properties":1634,"children":1635},{"style":563},[1636],{"type":48,"value":1576},{"type":43,"tagName":545,"properties":1638,"children":1639},{"style":557},[1640],{"type":48,"value":1581},{"type":48,"value":59},{"type":43,"tagName":545,"properties":1643,"children":1644},{"class":547},[],{"type":48,"value":59},{"type":43,"tagName":545,"properties":1647,"children":1648},{"class":547},[1649,1653,1658,1663,1668,1672,1677],{"type":43,"tagName":545,"properties":1650,"children":1651},{"style":557},[1652],{"type":48,"value":1571},{"type":43,"tagName":545,"properties":1654,"children":1655},{"style":563},[1656],{"type":48,"value":1657},"script",{"type":43,"tagName":545,"properties":1659,"children":1660},{"style":839},[1661],{"type":48,"value":1662}," setup",{"type":43,"tagName":545,"properties":1664,"children":1665},{"style":839},[1666],{"type":48,"value":1667}," lang",{"type":43,"tagName":545,"properties":1669,"children":1670},{"style":557},[1671],{"type":48,"value":1605},{"type":43,"tagName":545,"properties":1673,"children":1674},{"style":579},[1675],{"type":48,"value":1676},"\"ts\"",{"type":43,"tagName":545,"properties":1678,"children":1679},{"style":557},[1680],{"type":48,"value":1581},{"type":48,"value":59},{"type":43,"tagName":545,"properties":1683,"children":1684},{"class":547},[1685,1689,1693,1698,1702,1707,1711,1715,1720],{"type":43,"tagName":545,"properties":1686,"children":1687},{"style":551},[1688],{"type":48,"value":554},{"type":43,"tagName":545,"properties":1690,"children":1691},{"style":557},[1692],{"type":48,"value":560},{"type":43,"tagName":545,"properties":1694,"children":1695},{"style":563},[1696],{"type":48,"value":1697},"create",{"type":43,"tagName":545,"properties":1699,"children":1700},{"style":557},[1701],{"type":48,"value":777},{"type":43,"tagName":545,"properties":1703,"children":1704},{"style":563},[1705],{"type":48,"value":1706},"attrs",{"type":43,"tagName":545,"properties":1708,"children":1709},{"style":557},[1710],{"type":48,"value":571},{"type":43,"tagName":545,"properties":1712,"children":1713},{"style":551},[1714],{"type":48,"value":576},{"type":43,"tagName":545,"properties":1716,"children":1717},{"style":579},[1718],{"type":48,"value":1719}," '@stylexjs/stylex'",{"type":43,"tagName":545,"properties":1721,"children":1722},{"style":557},[1723],{"type":48,"value":1724},";",{"type":48,"value":59},{"type":43,"tagName":545,"properties":1727,"children":1728},{"class":547},[1729,1733,1737],{"type":43,"tagName":545,"properties":1730,"children":1731},{"style":557},[1732],{"type":48,"value":1632},{"type":43,"tagName":545,"properties":1734,"children":1735},{"style":563},[1736],{"type":48,"value":1657},{"type":43,"tagName":545,"properties":1738,"children":1739},{"style":557},[1740],{"type":48,"value":1581},{"type":48,"value":59},{"type":43,"tagName":545,"properties":1743,"children":1744},{"class":547},[],{"type":48,"value":59},{"type":43,"tagName":545,"properties":1747,"children":1748},{"class":547},[1749,1753,1757,1761,1765,1769],{"type":43,"tagName":545,"properties":1750,"children":1751},{"style":557},[1752],{"type":48,"value":1571},{"type":43,"tagName":545,"properties":1754,"children":1755},{"style":563},[1756],{"type":48,"value":1657},{"type":43,"tagName":545,"properties":1758,"children":1759},{"style":839},[1760],{"type":48,"value":1667},{"type":43,"tagName":545,"properties":1762,"children":1763},{"style":557},[1764],{"type":48,"value":1605},{"type":43,"tagName":545,"properties":1766,"children":1767},{"style":579},[1768],{"type":48,"value":1676},{"type":43,"tagName":545,"properties":1770,"children":1771},{"style":557},[1772],{"type":48,"value":1581},{"type":48,"value":59},{"type":43,"tagName":545,"properties":1775,"children":1776},{"class":547},[1777,1782,1788,1792,1797],{"type":43,"tagName":545,"properties":1778,"children":1779},{"style":551},[1780],{"type":48,"value":1781},"const",{"type":43,"tagName":545,"properties":1783,"children":1785},{"style":1784},"color:#986801;--shiki-dark:#E5C07B",[1786],{"type":48,"value":1787}," styles",{"type":43,"tagName":545,"properties":1789,"children":1790},{"style":733},[1791],{"type":48,"value":1252},{"type":43,"tagName":545,"properties":1793,"children":1794},{"style":631},[1795],{"type":48,"value":1796}," create",{"type":43,"tagName":545,"properties":1798,"children":1799},{"style":557},[1800],{"type":48,"value":639},{"type":48,"value":59},{"type":43,"tagName":545,"properties":1803,"children":1804},{"class":547},[1805,1810,1814],{"type":43,"tagName":545,"properties":1806,"children":1807},{"style":563},[1808],{"type":48,"value":1809},"    container",{"type":43,"tagName":545,"properties":1811,"children":1812},{"style":651},[1813],{"type":48,"value":654},{"type":43,"tagName":545,"properties":1815,"children":1816},{"style":557},[1817],{"type":48,"value":690},{"type":48,"value":59},{"type":43,"tagName":545,"properties":1820,"children":1821},{"class":547},[1822,1827,1831,1836],{"type":43,"tagName":545,"properties":1823,"children":1824},{"style":563},[1825],{"type":48,"value":1826},"        display",{"type":43,"tagName":545,"properties":1828,"children":1829},{"style":651},[1830],{"type":48,"value":654},{"type":43,"tagName":545,"properties":1832,"children":1833},{"style":579},[1834],{"type":48,"value":1835}," 'flex'",{"type":43,"tagName":545,"properties":1837,"children":1838},{"style":557},[1839],{"type":48,"value":1840},",",{"type":48,"value":59},{"type":43,"tagName":545,"properties":1843,"children":1844},{"class":547},[1845,1850,1854],{"type":43,"tagName":545,"properties":1846,"children":1847},{"style":563},[1848],{"type":48,"value":1849},"        justifyContent",{"type":43,"tagName":545,"properties":1851,"children":1852},{"style":651},[1853],{"type":48,"value":654},{"type":43,"tagName":545,"properties":1855,"children":1856},{"style":579},[1857],{"type":48,"value":1858}," 'center'",{"type":48,"value":59},{"type":43,"tagName":545,"properties":1861,"children":1862},{"class":547},[1863],{"type":43,"tagName":545,"properties":1864,"children":1865},{"style":557},[1866],{"type":48,"value":1867},"    }",{"type":48,"value":59},{"type":43,"tagName":545,"properties":1870,"children":1871},{"class":547},[1872],{"type":43,"tagName":545,"properties":1873,"children":1874},{"style":557},[1875],{"type":48,"value":869},{"type":48,"value":59},{"type":43,"tagName":545,"properties":1878,"children":1879},{"class":547},[1880,1884,1888],{"type":43,"tagName":545,"properties":1881,"children":1882},{"style":557},[1883],{"type":48,"value":1632},{"type":43,"tagName":545,"properties":1885,"children":1886},{"style":563},[1887],{"type":48,"value":1657},{"type":43,"tagName":545,"properties":1889,"children":1890},{"style":557},[1891],{"type":48,"value":1581},{"type":48,"value":59},{"type":40,"children":1894},[1895],{"type":43,"tagName":535,"properties":1896,"children":1897},{"class":537,"style":538,"tabindex":539},[1898],{"type":43,"tagName":208,"properties":1899,"children":1900},{},[1901,1933,1934,1970,1971,1974,1975,1999,2000,2016,2017,2037,2038,2054,2055,2063,2064,2072,2073,2088,2089,2092,2093,2096,2097],{"type":43,"tagName":545,"properties":1902,"children":1903},{"class":547},[1904,1908,1912,1917,1921,1925,1929],{"type":43,"tagName":545,"properties":1905,"children":1906},{"style":557},[1907],{"type":48,"value":1571},{"type":43,"tagName":545,"properties":1909,"children":1910},{"style":563},[1911],{"type":48,"value":1657},{"type":43,"tagName":545,"properties":1913,"children":1914},{"style":839},[1915],{"type":48,"value":1916}," module",{"type":43,"tagName":545,"properties":1918,"children":1919},{"style":839},[1920],{"type":48,"value":1667},{"type":43,"tagName":545,"properties":1922,"children":1923},{"style":557},[1924],{"type":48,"value":1605},{"type":43,"tagName":545,"properties":1926,"children":1927},{"style":579},[1928],{"type":48,"value":1676},{"type":43,"tagName":545,"properties":1930,"children":1931},{"style":557},[1932],{"type":48,"value":1581},{"type":48,"value":59},{"type":43,"tagName":545,"properties":1935,"children":1936},{"class":547},[1937,1942,1946,1950,1954,1958,1962,1966],{"type":43,"tagName":545,"properties":1938,"children":1939},{"style":551},[1940],{"type":48,"value":1941},"    import",{"type":43,"tagName":545,"properties":1943,"children":1944},{"style":557},[1945],{"type":48,"value":560},{"type":43,"tagName":545,"properties":1947,"children":1948},{"style":563},[1949],{"type":48,"value":1697},{"type":43,"tagName":545,"properties":1951,"children":1952},{"style":557},[1953],{"type":48,"value":777},{"type":43,"tagName":545,"properties":1955,"children":1956},{"style":563},[1957],{"type":48,"value":1706},{"type":43,"tagName":545,"properties":1959,"children":1960},{"style":557},[1961],{"type":48,"value":571},{"type":43,"tagName":545,"properties":1963,"children":1964},{"style":551},[1965],{"type":48,"value":576},{"type":43,"tagName":545,"properties":1967,"children":1968},{"style":579},[1969],{"type":48,"value":1719},{"type":48,"value":59},{"type":43,"tagName":545,"properties":1972,"children":1973},{"class":547},[],{"type":48,"value":59},{"type":43,"tagName":545,"properties":1976,"children":1977},{"class":547},[1978,1983,1987,1991,1995],{"type":43,"tagName":545,"properties":1979,"children":1980},{"style":551},[1981],{"type":48,"value":1982},"    const",{"type":43,"tagName":545,"properties":1984,"children":1985},{"style":1784},[1986],{"type":48,"value":1787},{"type":43,"tagName":545,"properties":1988,"children":1989},{"style":733},[1990],{"type":48,"value":1252},{"type":43,"tagName":545,"properties":1992,"children":1993},{"style":631},[1994],{"type":48,"value":1796},{"type":43,"tagName":545,"properties":1996,"children":1997},{"style":557},[1998],{"type":48,"value":639},{"type":48,"value":59},{"type":43,"tagName":545,"properties":2001,"children":2002},{"class":547},[2003,2008,2012],{"type":43,"tagName":545,"properties":2004,"children":2005},{"style":563},[2006],{"type":48,"value":2007},"        container",{"type":43,"tagName":545,"properties":2009,"children":2010},{"style":651},[2011],{"type":48,"value":654},{"type":43,"tagName":545,"properties":2013,"children":2014},{"style":557},[2015],{"type":48,"value":690},{"type":48,"value":59},{"type":43,"tagName":545,"properties":2018,"children":2019},{"class":547},[2020,2025,2029,2033],{"type":43,"tagName":545,"properties":2021,"children":2022},{"style":563},[2023],{"type":48,"value":2024},"            display",{"type":43,"tagName":545,"properties":2026,"children":2027},{"style":651},[2028],{"type":48,"value":654},{"type":43,"tagName":545,"properties":2030,"children":2031},{"style":579},[2032],{"type":48,"value":1835},{"type":43,"tagName":545,"properties":2034,"children":2035},{"style":557},[2036],{"type":48,"value":1840},{"type":48,"value":59},{"type":43,"tagName":545,"properties":2039,"children":2040},{"class":547},[2041,2046,2050],{"type":43,"tagName":545,"properties":2042,"children":2043},{"style":563},[2044],{"type":48,"value":2045},"            justifyContent",{"type":43,"tagName":545,"properties":2047,"children":2048},{"style":651},[2049],{"type":48,"value":654},{"type":43,"tagName":545,"properties":2051,"children":2052},{"style":579},[2053],{"type":48,"value":1858},{"type":48,"value":59},{"type":43,"tagName":545,"properties":2056,"children":2057},{"class":547},[2058],{"type":43,"tagName":545,"properties":2059,"children":2060},{"style":557},[2061],{"type":48,"value":2062},"        }",{"type":48,"value":59},{"type":43,"tagName":545,"properties":2065,"children":2066},{"class":547},[2067],{"type":43,"tagName":545,"properties":2068,"children":2069},{"style":557},[2070],{"type":48,"value":2071},"    })",{"type":48,"value":59},{"type":43,"tagName":545,"properties":2074,"children":2075},{"class":547},[2076,2080,2084],{"type":43,"tagName":545,"properties":2077,"children":2078},{"style":557},[2079],{"type":48,"value":1632},{"type":43,"tagName":545,"properties":2081,"children":2082},{"style":563},[2083],{"type":48,"value":1657},{"type":43,"tagName":545,"properties":2085,"children":2086},{"style":557},[2087],{"type":48,"value":1581},{"type":48,"value":59},{"type":43,"tagName":545,"properties":2090,"children":2091},{"class":547},[],{"type":48,"value":59},{"type":43,"tagName":545,"properties":2094,"children":2095},{"class":547},[],{"type":48,"value":59},{"type":43,"tagName":545,"properties":2098,"children":2099},{"class":547},[2100,2104,2108,2112,2117,2121,2125,2130,2134,2139,2144,2149,2153,2157],{"type":43,"tagName":545,"properties":2101,"children":2102},{"style":557},[2103],{"type":48,"value":1571},{"type":43,"tagName":545,"properties":2105,"children":2106},{"style":563},[2107],{"type":48,"value":1595},{"type":43,"tagName":545,"properties":2109,"children":2110},{"style":839},[2111],{"type":48,"value":690},{"type":43,"tagName":545,"properties":2113,"children":2114},{"style":651},[2115],{"type":48,"value":2116},"...",{"type":43,"tagName":545,"properties":2118,"children":2119},{"style":631},[2120],{"type":48,"value":1706},{"type":43,"tagName":545,"properties":2122,"children":2123},{"style":557},[2124],{"type":48,"value":1287},{"type":43,"tagName":545,"properties":2126,"children":2127},{"style":706},[2128],{"type":48,"value":2129},"styles",{"type":43,"tagName":545,"properties":2131,"children":2132},{"style":557},[2133],{"type":48,"value":714},{"type":43,"tagName":545,"properties":2135,"children":2136},{"style":563},[2137],{"type":48,"value":2138},"container",{"type":43,"tagName":545,"properties":2140,"children":2141},{"style":557},[2142],{"type":48,"value":2143},")",{"type":43,"tagName":545,"properties":2145,"children":2146},{"style":839},[2147],{"type":48,"value":2148},"}",{"type":43,"tagName":545,"properties":2150,"children":2151},{"style":557},[2152],{"type":48,"value":1615},{"type":43,"tagName":545,"properties":2154,"children":2155},{"style":563},[2156],{"type":48,"value":1595},{"type":43,"tagName":545,"properties":2158,"children":2159},{"style":557},[2160],{"type":48,"value":1581},{"type":48,"value":59},{"type":43,"tagName":282,"properties":2163,"children":2165,"position":2185},{"id":2164},"通过-stylexprops",[2166,2173],{"type":48,"value":1498,"position":2167},{"start":2168,"end":2171},{"line":2169,"column":290,"offset":2170},127,2999,{"line":2169,"column":87,"offset":2172},3002,{"type":43,"tagName":208,"properties":2174,"children":2175,"position":2182},{},[2176],{"type":48,"value":2177,"position":2178},"stylex.props",{"start":2179,"end":2180},{"line":2169,"column":87,"offset":2172},{"line":2169,"column":335,"offset":2181},3016,{"start":2183,"end":2184},{"line":2169,"column":87,"offset":2172},{"line":2169,"column":335,"offset":2181},{"start":2186,"end":2188},{"line":2169,"column":52,"offset":2187},2995,{"line":2169,"column":335,"offset":2181},{"type":48,"value":59},{"type":43,"tagName":44,"properties":2191,"children":2192,"position":2202},{},[2193],{"type":48,"value":2194,"position":2195},"这是目前 StyleX examples 里、以及推荐使用的一个方法。",{"start":2196,"end":2199},{"line":2197,"column":52,"offset":2198},129,3018,{"line":2197,"column":2200,"offset":2201},36,3053,{"start":2203,"end":2204},{"line":2197,"column":52,"offset":2198},{"line":2197,"column":2200,"offset":2201},{"type":48,"value":59},{"type":40,"children":2207},[2208],{"type":43,"tagName":535,"properties":2209,"children":2210},{"class":537,"style":538,"tabindex":539},[2211],{"type":43,"tagName":208,"properties":2212,"children":2213},{},[2214,2229,2230,2267,2268,2283,2284,2287,2288,2319,2320,2360,2361,2376,2377,2380,2381,2408,2409,2432,2433,2448,2449,2468,2469,2484,2485,2492,2493,2500,2501],{"type":43,"tagName":545,"properties":2215,"children":2216},{"class":547},[2217,2221,2225],{"type":43,"tagName":545,"properties":2218,"children":2219},{"style":557},[2220],{"type":48,"value":1571},{"type":43,"tagName":545,"properties":2222,"children":2223},{"style":563},[2224],{"type":48,"value":1576},{"type":43,"tagName":545,"properties":2226,"children":2227},{"style":557},[2228],{"type":48,"value":1581},{"type":48,"value":59},{"type":43,"tagName":545,"properties":2231,"children":2232},{"class":547},[2233,2237,2241,2246,2250,2255,2259,2263],{"type":43,"tagName":545,"properties":2234,"children":2235},{"style":557},[2236],{"type":48,"value":1590},{"type":43,"tagName":545,"properties":2238,"children":2239},{"style":563},[2240],{"type":48,"value":1595},{"type":43,"tagName":545,"properties":2242,"children":2243},{"style":839},[2244],{"type":48,"value":2245}," :class",{"type":43,"tagName":545,"properties":2247,"children":2248},{"style":557},[2249],{"type":48,"value":1605},{"type":43,"tagName":545,"properties":2251,"children":2252},{"style":579},[2253],{"type":48,"value":2254},"\"props(styles.container).className\"",{"type":43,"tagName":545,"properties":2256,"children":2257},{"style":557},[2258],{"type":48,"value":1615},{"type":43,"tagName":545,"properties":2260,"children":2261},{"style":563},[2262],{"type":48,"value":1595},{"type":43,"tagName":545,"properties":2264,"children":2265},{"style":557},[2266],{"type":48,"value":1581},{"type":48,"value":59},{"type":43,"tagName":545,"properties":2269,"children":2270},{"class":547},[2271,2275,2279],{"type":43,"tagName":545,"properties":2272,"children":2273},{"style":557},[2274],{"type":48,"value":1632},{"type":43,"tagName":545,"properties":2276,"children":2277},{"style":563},[2278],{"type":48,"value":1576},{"type":43,"tagName":545,"properties":2280,"children":2281},{"style":557},[2282],{"type":48,"value":1581},{"type":48,"value":59},{"type":43,"tagName":545,"properties":2285,"children":2286},{"class":547},[],{"type":48,"value":59},{"type":43,"tagName":545,"properties":2289,"children":2290},{"class":547},[2291,2295,2299,2303,2307,2311,2315],{"type":43,"tagName":545,"properties":2292,"children":2293},{"style":557},[2294],{"type":48,"value":1571},{"type":43,"tagName":545,"properties":2296,"children":2297},{"style":563},[2298],{"type":48,"value":1657},{"type":43,"tagName":545,"properties":2300,"children":2301},{"style":839},[2302],{"type":48,"value":1662},{"type":43,"tagName":545,"properties":2304,"children":2305},{"style":839},[2306],{"type":48,"value":1667},{"type":43,"tagName":545,"properties":2308,"children":2309},{"style":557},[2310],{"type":48,"value":1605},{"type":43,"tagName":545,"properties":2312,"children":2313},{"style":579},[2314],{"type":48,"value":1676},{"type":43,"tagName":545,"properties":2316,"children":2317},{"style":557},[2318],{"type":48,"value":1581},{"type":48,"value":59},{"type":43,"tagName":545,"properties":2321,"children":2322},{"class":547},[2323,2327,2331,2335,2339,2344,2348,2352,2356],{"type":43,"tagName":545,"properties":2324,"children":2325},{"style":551},[2326],{"type":48,"value":554},{"type":43,"tagName":545,"properties":2328,"children":2329},{"style":557},[2330],{"type":48,"value":560},{"type":43,"tagName":545,"properties":2332,"children":2333},{"style":563},[2334],{"type":48,"value":1697},{"type":43,"tagName":545,"properties":2336,"children":2337},{"style":557},[2338],{"type":48,"value":777},{"type":43,"tagName":545,"properties":2340,"children":2341},{"style":563},[2342],{"type":48,"value":2343},"props",{"type":43,"tagName":545,"properties":2345,"children":2346},{"style":557},[2347],{"type":48,"value":571},{"type":43,"tagName":545,"properties":2349,"children":2350},{"style":551},[2351],{"type":48,"value":576},{"type":43,"tagName":545,"properties":2353,"children":2354},{"style":579},[2355],{"type":48,"value":1719},{"type":43,"tagName":545,"properties":2357,"children":2358},{"style":557},[2359],{"type":48,"value":1724},{"type":48,"value":59},{"type":43,"tagName":545,"properties":2362,"children":2363},{"class":547},[2364,2368,2372],{"type":43,"tagName":545,"properties":2365,"children":2366},{"style":557},[2367],{"type":48,"value":1632},{"type":43,"tagName":545,"properties":2369,"children":2370},{"style":563},[2371],{"type":48,"value":1657},{"type":43,"tagName":545,"properties":2373,"children":2374},{"style":557},[2375],{"type":48,"value":1581},{"type":48,"value":59},{"type":43,"tagName":545,"properties":2378,"children":2379},{"class":547},[],{"type":48,"value":59},{"type":43,"tagName":545,"properties":2382,"children":2383},{"class":547},[2384,2388,2392,2396,2400,2404],{"type":43,"tagName":545,"properties":2385,"children":2386},{"style":557},[2387],{"type":48,"value":1571},{"type":43,"tagName":545,"properties":2389,"children":2390},{"style":563},[2391],{"type":48,"value":1657},{"type":43,"tagName":545,"properties":2393,"children":2394},{"style":839},[2395],{"type":48,"value":1667},{"type":43,"tagName":545,"properties":2397,"children":2398},{"style":557},[2399],{"type":48,"value":1605},{"type":43,"tagName":545,"properties":2401,"children":2402},{"style":579},[2403],{"type":48,"value":1676},{"type":43,"tagName":545,"properties":2405,"children":2406},{"style":557},[2407],{"type":48,"value":1581},{"type":48,"value":59},{"type":43,"tagName":545,"properties":2410,"children":2411},{"class":547},[2412,2416,2420,2424,2428],{"type":43,"tagName":545,"properties":2413,"children":2414},{"style":551},[2415],{"type":48,"value":1781},{"type":43,"tagName":545,"properties":2417,"children":2418},{"style":1784},[2419],{"type":48,"value":1787},{"type":43,"tagName":545,"properties":2421,"children":2422},{"style":733},[2423],{"type":48,"value":1252},{"type":43,"tagName":545,"properties":2425,"children":2426},{"style":631},[2427],{"type":48,"value":1796},{"type":43,"tagName":545,"properties":2429,"children":2430},{"style":557},[2431],{"type":48,"value":639},{"type":48,"value":59},{"type":43,"tagName":545,"properties":2434,"children":2435},{"class":547},[2436,2440,2444],{"type":43,"tagName":545,"properties":2437,"children":2438},{"style":563},[2439],{"type":48,"value":1809},{"type":43,"tagName":545,"properties":2441,"children":2442},{"style":651},[2443],{"type":48,"value":654},{"type":43,"tagName":545,"properties":2445,"children":2446},{"style":557},[2447],{"type":48,"value":690},{"type":48,"value":59},{"type":43,"tagName":545,"properties":2450,"children":2451},{"class":547},[2452,2456,2460,2464],{"type":43,"tagName":545,"properties":2453,"children":2454},{"style":563},[2455],{"type":48,"value":1826},{"type":43,"tagName":545,"properties":2457,"children":2458},{"style":651},[2459],{"type":48,"value":654},{"type":43,"tagName":545,"properties":2461,"children":2462},{"style":579},[2463],{"type":48,"value":1835},{"type":43,"tagName":545,"properties":2465,"children":2466},{"style":557},[2467],{"type":48,"value":1840},{"type":48,"value":59},{"type":43,"tagName":545,"properties":2470,"children":2471},{"class":547},[2472,2476,2480],{"type":43,"tagName":545,"properties":2473,"children":2474},{"style":563},[2475],{"type":48,"value":1849},{"type":43,"tagName":545,"properties":2477,"children":2478},{"style":651},[2479],{"type":48,"value":654},{"type":43,"tagName":545,"properties":2481,"children":2482},{"style":579},[2483],{"type":48,"value":1858},{"type":48,"value":59},{"type":43,"tagName":545,"properties":2486,"children":2487},{"class":547},[2488],{"type":43,"tagName":545,"properties":2489,"children":2490},{"style":557},[2491],{"type":48,"value":1867},{"type":48,"value":59},{"type":43,"tagName":545,"properties":2494,"children":2495},{"class":547},[2496],{"type":43,"tagName":545,"properties":2497,"children":2498},{"style":557},[2499],{"type":48,"value":869},{"type":48,"value":59},{"type":43,"tagName":545,"properties":2502,"children":2503},{"class":547},[2504,2508,2512],{"type":43,"tagName":545,"properties":2505,"children":2506},{"style":557},[2507],{"type":48,"value":1632},{"type":43,"tagName":545,"properties":2509,"children":2510},{"style":563},[2511],{"type":48,"value":1657},{"type":43,"tagName":545,"properties":2513,"children":2514},{"style":557},[2515],{"type":48,"value":1581},{"type":48,"value":59},{"type":40,"children":2518},[2519],{"type":43,"tagName":535,"properties":2520,"children":2521},{"class":537,"style":538,"tabindex":539},[2522],{"type":43,"tagName":208,"properties":2523,"children":2524},{},[2525,2556,2557,2592,2593,2596,2597,2620,2621,2636,2637,2656,2657,2672,2673,2680,2681,2688,2689,2704,2705,2708,2709,2712,2713],{"type":43,"tagName":545,"properties":2526,"children":2527},{"class":547},[2528,2532,2536,2540,2544,2548,2552],{"type":43,"tagName":545,"properties":2529,"children":2530},{"style":557},[2531],{"type":48,"value":1571},{"type":43,"tagName":545,"properties":2533,"children":2534},{"style":563},[2535],{"type":48,"value":1657},{"type":43,"tagName":545,"properties":2537,"children":2538},{"style":839},[2539],{"type":48,"value":1916},{"type":43,"tagName":545,"properties":2541,"children":2542},{"style":839},[2543],{"type":48,"value":1667},{"type":43,"tagName":545,"properties":2545,"children":2546},{"style":557},[2547],{"type":48,"value":1605},{"type":43,"tagName":545,"properties":2549,"children":2550},{"style":579},[2551],{"type":48,"value":1676},{"type":43,"tagName":545,"properties":2553,"children":2554},{"style":557},[2555],{"type":48,"value":1581},{"type":48,"value":59},{"type":43,"tagName":545,"properties":2558,"children":2559},{"class":547},[2560,2564,2568,2572,2576,2580,2584,2588],{"type":43,"tagName":545,"properties":2561,"children":2562},{"style":551},[2563],{"type":48,"value":1941},{"type":43,"tagName":545,"properties":2565,"children":2566},{"style":557},[2567],{"type":48,"value":560},{"type":43,"tagName":545,"properties":2569,"children":2570},{"style":563},[2571],{"type":48,"value":1697},{"type":43,"tagName":545,"properties":2573,"children":2574},{"style":557},[2575],{"type":48,"value":777},{"type":43,"tagName":545,"properties":2577,"children":2578},{"style":563},[2579],{"type":48,"value":2343},{"type":43,"tagName":545,"properties":2581,"children":2582},{"style":557},[2583],{"type":48,"value":571},{"type":43,"tagName":545,"properties":2585,"children":2586},{"style":551},[2587],{"type":48,"value":576},{"type":43,"tagName":545,"properties":2589,"children":2590},{"style":579},[2591],{"type":48,"value":1719},{"type":48,"value":59},{"type":43,"tagName":545,"properties":2594,"children":2595},{"class":547},[],{"type":48,"value":59},{"type":43,"tagName":545,"properties":2598,"children":2599},{"class":547},[2600,2604,2608,2612,2616],{"type":43,"tagName":545,"properties":2601,"children":2602},{"style":551},[2603],{"type":48,"value":1982},{"type":43,"tagName":545,"properties":2605,"children":2606},{"style":1784},[2607],{"type":48,"value":1787},{"type":43,"tagName":545,"properties":2609,"children":2610},{"style":733},[2611],{"type":48,"value":1252},{"type":43,"tagName":545,"properties":2613,"children":2614},{"style":631},[2615],{"type":48,"value":1796},{"type":43,"tagName":545,"properties":2617,"children":2618},{"style":557},[2619],{"type":48,"value":639},{"type":48,"value":59},{"type":43,"tagName":545,"properties":2622,"children":2623},{"class":547},[2624,2628,2632],{"type":43,"tagName":545,"properties":2625,"children":2626},{"style":563},[2627],{"type":48,"value":2007},{"type":43,"tagName":545,"properties":2629,"children":2630},{"style":651},[2631],{"type":48,"value":654},{"type":43,"tagName":545,"properties":2633,"children":2634},{"style":557},[2635],{"type":48,"value":690},{"type":48,"value":59},{"type":43,"tagName":545,"properties":2638,"children":2639},{"class":547},[2640,2644,2648,2652],{"type":43,"tagName":545,"properties":2641,"children":2642},{"style":563},[2643],{"type":48,"value":2024},{"type":43,"tagName":545,"properties":2645,"children":2646},{"style":651},[2647],{"type":48,"value":654},{"type":43,"tagName":545,"properties":2649,"children":2650},{"style":579},[2651],{"type":48,"value":1835},{"type":43,"tagName":545,"properties":2653,"children":2654},{"style":557},[2655],{"type":48,"value":1840},{"type":48,"value":59},{"type":43,"tagName":545,"properties":2658,"children":2659},{"class":547},[2660,2664,2668],{"type":43,"tagName":545,"properties":2661,"children":2662},{"style":563},[2663],{"type":48,"value":2045},{"type":43,"tagName":545,"properties":2665,"children":2666},{"style":651},[2667],{"type":48,"value":654},{"type":43,"tagName":545,"properties":2669,"children":2670},{"style":579},[2671],{"type":48,"value":1858},{"type":48,"value":59},{"type":43,"tagName":545,"properties":2674,"children":2675},{"class":547},[2676],{"type":43,"tagName":545,"properties":2677,"children":2678},{"style":557},[2679],{"type":48,"value":2062},{"type":48,"value":59},{"type":43,"tagName":545,"properties":2682,"children":2683},{"class":547},[2684],{"type":43,"tagName":545,"properties":2685,"children":2686},{"style":557},[2687],{"type":48,"value":2071},{"type":48,"value":59},{"type":43,"tagName":545,"properties":2690,"children":2691},{"class":547},[2692,2696,2700],{"type":43,"tagName":545,"properties":2693,"children":2694},{"style":557},[2695],{"type":48,"value":1632},{"type":43,"tagName":545,"properties":2697,"children":2698},{"style":563},[2699],{"type":48,"value":1657},{"type":43,"tagName":545,"properties":2701,"children":2702},{"style":557},[2703],{"type":48,"value":1581},{"type":48,"value":59},{"type":43,"tagName":545,"properties":2706,"children":2707},{"class":547},[],{"type":48,"value":59},{"type":43,"tagName":545,"properties":2710,"children":2711},{"class":547},[],{"type":48,"value":59},{"type":43,"tagName":545,"properties":2714,"children":2715},{"class":547},[2716,2720,2724,2729,2733,2739,2743,2747,2751,2755,2759,2764,2769,2773,2777,2781],{"type":43,"tagName":545,"properties":2717,"children":2718},{"style":557},[2719],{"type":48,"value":1571},{"type":43,"tagName":545,"properties":2721,"children":2722},{"style":563},[2723],{"type":48,"value":1595},{"type":43,"tagName":545,"properties":2725,"children":2726},{"style":839},[2727],{"type":48,"value":2728}," class",{"type":43,"tagName":545,"properties":2730,"children":2731},{"style":557},[2732],{"type":48,"value":1605},{"type":43,"tagName":545,"properties":2734,"children":2736},{"style":2735},"color:#CA1243;--shiki-dark:#C678DD",[2737],{"type":48,"value":2738},"{",{"type":43,"tagName":545,"properties":2740,"children":2741},{"style":631},[2742],{"type":48,"value":2343},{"type":43,"tagName":545,"properties":2744,"children":2745},{"style":557},[2746],{"type":48,"value":1287},{"type":43,"tagName":545,"properties":2748,"children":2749},{"style":706},[2750],{"type":48,"value":2129},{"type":43,"tagName":545,"properties":2752,"children":2753},{"style":557},[2754],{"type":48,"value":714},{"type":43,"tagName":545,"properties":2756,"children":2757},{"style":563},[2758],{"type":48,"value":2138},{"type":43,"tagName":545,"properties":2760,"children":2761},{"style":557},[2762],{"type":48,"value":2763},").",{"type":43,"tagName":545,"properties":2765,"children":2766},{"style":563},[2767],{"type":48,"value":2768},"className",{"type":43,"tagName":545,"properties":2770,"children":2771},{"style":2735},[2772],{"type":48,"value":2148},{"type":43,"tagName":545,"properties":2774,"children":2775},{"style":557},[2776],{"type":48,"value":1615},{"type":43,"tagName":545,"properties":2778,"children":2779},{"style":563},[2780],{"type":48,"value":1595},{"type":43,"tagName":545,"properties":2782,"children":2783},{"style":557},[2784],{"type":48,"value":1581},{"type":48,"value":59},{"type":43,"tagName":61,"properties":2787,"children":2789,"position":2797},{"id":2788},"实践案例",[2790],{"type":48,"value":2788,"position":2791},{"start":2792,"end":2795},{"line":2793,"column":70,"offset":2794},166,3671,{"line":2793,"column":87,"offset":2796},3675,{"start":2798,"end":2800},{"line":2793,"column":52,"offset":2799},3668,{"line":2793,"column":87,"offset":2796},{"type":48,"value":59},{"type":43,"tagName":44,"properties":2803,"children":2804,"position":2856},{},[2805,2813,2828,2833,2849],{"type":48,"value":2806,"position":2807},"我的 ",{"start":2808,"end":2811},{"line":2809,"column":52,"offset":2810},168,3677,{"line":2809,"column":70,"offset":2812},3680,{"type":43,"tagName":93,"properties":2814,"children":2816,"position":2824},{"href":2815},"https://www.gxres.net",[2817],{"type":48,"value":2818,"position":2819},"个人主页",{"start":2820,"end":2822},{"line":2809,"column":290,"offset":2821},3681,{"line":2809,"column":493,"offset":2823},3685,{"start":2825,"end":2826},{"line":2809,"column":70,"offset":2812},{"line":2809,"column":385,"offset":2827},3709,{"type":48,"value":176,"position":2829},{"start":2830,"end":2831},{"line":2809,"column":385,"offset":2827},{"line":2809,"column":2200,"offset":2832},3712,{"type":43,"tagName":93,"properties":2834,"children":2836,"position":2845},{"href":2835},"https://thoughts.gxres.net",[2837],{"type":48,"value":2838,"position":2839},"胡思乱想博客",{"start":2840,"end":2843},{"line":2809,"column":2841,"offset":2842},37,3713,{"line":2809,"column":1207,"offset":2844},3719,{"start":2846,"end":2847},{"line":2809,"column":2200,"offset":2832},{"line":2809,"column":116,"offset":2848},3748,{"type":48,"value":2850,"position":2851}," 成功用上了 StyleX。本博客在我想好新的主题怎么写之后会同样切换至 StyleX。",{"start":2852,"end":2853},{"line":2809,"column":116,"offset":2848},{"line":2809,"column":2854,"offset":2855},116,3792,{"start":2857,"end":2858},{"line":2809,"column":52,"offset":2810},{"line":2809,"column":2854,"offset":2855},{"start":2860,"end":2862},{"line":52,"column":52,"offset":2861},0,{"line":2863,"column":52,"offset":2864},169,3793,{"hello-world":2866,"evolution-x-4-taste":2868,"get-started-with-mi-band-3-nfc":2870,"refurbishing-dell-inspiron-n4050":2872,"apple-music-experience":2874,"bitwarden-experience":2875,"create-a-simple-bridge-network":2876,"fix-lenovo-laptop-from-relative":2877,"get-started-with-redmi-watch":2878,"lenovo-yangtian-s550-experience":2879,"move-to-cloudflare-pages":2880,"ideas-of-old-seewo":2881,"my-laptop-upgrade-journey":2883,"redmi-4-prime-experience-nowadays":2884,"start-using-hexo-mdx-theme":2885,"trying-android-13-on-my-phone":2886,"use-bulma-css-to-write-friends-link":2887,"2023-annual-summary":2888,"build-a-fast-links-page":2889,"flash-third-party-firmware-for-redmi-ax5-router":2890,"redmi-7-personal-experience":2891,"redmi-k30-custom-guide":2892,"usb-burning-a-tvbox":2893,"2024-annual-summary":2894,"add-umami-analytics-for-my-site":2895,"compile-coreprotect-with-maven":2896,"deploy-website-to-cloudflare-workers-in-2024":2897,"first-try-svelte-and-sveltekit":2898,"move-to-artalk-comment-system":2899,"rebuild-my-blog-with-nuxt":2900,"rebuild-my-blog-with-valaxy":2901,"talk-about-pop-up-window":2902,"talk-about-rebuild-with-bulma-and-unocss":2903,"talk-about-the-optimization-i-did":2904,"upgrade-the-pc-in-the-living-room":2905,"use-github-actions-instead-of-vercel-ci":2906,"use-upptime-for-monitoring-websites":2907,"use-vite-ssg-and-unplugin-vue-router-in-your-vite-vue-project":2908,"2025-annual-summary":2909,"build-a-new-blog-with-noutious-and-svelte":2910,"migrate-from-smartdns-to-mosdns":2911,"refactor-tech-blog-with-noutious-and-nuxt":2912,"share-printer-through-vm-on-proxmox-ve-and-cups":2913,"introducing-heimdall":2914,"optimize-and-protect-your-website":2915,"use-stylex-on-vue-or-svelte-project":2916,"virtual-machine-splitting-and-merging":2917},{"categories":2867},"大事记",{"categories":2869},"刷机",{"categories":2871},"软荐",{"categories":2873},"手工",{"categories":2871},{"categories":2871},{"categories":2873},{"categories":2873},{"categories":2871},{"categories":2871},{"categories":23},{"categories":2882},"思绪",{"categories":2873},{"categories":2882},{"categories":23},{"categories":2869},{"categories":23},{"categories":2867},{"categories":23},{"categories":2873},{"categories":2882},{"categories":2869},{"categories":2869},{"categories":2867},{"categories":23},{"categories":23},{"categories":23},{"categories":23},{"categories":23},{"categories":23},{"categories":23},{"categories":2882},{"categories":23},{"categories":23},{"categories":2873},{"categories":23},{"categories":23},{"categories":23},{"categories":2867},{"categories":23},{"categories":23},{"categories":23},{"categories":23},{"categories":23},{"categories":23},{"categories":23},{"categories":23},{"hello-world":2919,"evolution-x-4-taste":2920,"get-started-with-mi-band-3-nfc":2924,"refurbishing-dell-inspiron-n4050":2928,"apple-music-experience":2932,"bitwarden-experience":2935,"create-a-simple-bridge-network":2938,"fix-lenovo-laptop-from-relative":2942,"get-started-with-redmi-watch":2945,"lenovo-yangtian-s550-experience":2949,"move-to-cloudflare-pages":2951,"ideas-of-old-seewo":2956,"my-laptop-upgrade-journey":2959,"redmi-4-prime-experience-nowadays":2962,"start-using-hexo-mdx-theme":2965,"trying-android-13-on-my-phone":2968,"use-bulma-css-to-write-friends-link":2970,"2023-annual-summary":2973,"build-a-fast-links-page":2976,"flash-third-party-firmware-for-redmi-ax5-router":2978,"redmi-7-personal-experience":2982,"redmi-k30-custom-guide":2984,"usb-burning-a-tvbox":2986,"2024-annual-summary":2989,"add-umami-analytics-for-my-site":2991,"compile-coreprotect-with-maven":2994,"deploy-website-to-cloudflare-workers-in-2024":2998,"first-try-svelte-and-sveltekit":3001,"move-to-artalk-comment-system":3004,"rebuild-my-blog-with-nuxt":3007,"rebuild-my-blog-with-valaxy":3009,"talk-about-pop-up-window":3012,"talk-about-rebuild-with-bulma-and-unocss":3015,"talk-about-the-optimization-i-did":3018,"upgrade-the-pc-in-the-living-room":3022,"use-github-actions-instead-of-vercel-ci":3025,"use-upptime-for-monitoring-websites":3029,"use-vite-ssg-and-unplugin-vue-router-in-your-vite-vue-project":3033,"2025-annual-summary":3037,"build-a-new-blog-with-noutious-and-svelte":3039,"migrate-from-smartdns-to-mosdns":3042,"refactor-tech-blog-with-noutious-and-nuxt":3046,"share-printer-through-vm-on-proxmox-ve-and-cups":3048,"introducing-heimdall":3053,"optimize-and-protect-your-website":3058,"use-stylex-on-vue-or-svelte-project":3060,"virtual-machine-splitting-and-merging":3062},{"tags":-1},{"tags":2921},[2922,2923,2869],"Evolution X","Android",{"tags":2925},[2926,2927],"小米","手环",{"tags":2929},[2930,2931],"戴尔","电脑",{"tags":2933},[2934],"Apple Music",{"tags":2936},[2937],"Bitwarden",{"tags":2939},[2940,2941],"网络设备","TP-Link",{"tags":2943},[2944,2931],"联想",{"tags":2946},[2926,2947,2948],"Redmi","手表",{"tags":2950},[2944,2931],{"tags":2952},[25,2953,2954,2955],"Cloudflare Pages","Cloudflare","Vercel",{"tags":2957},[2958],"希沃",{"tags":2960},[2961,2931],"宏碁",{"tags":2963},[2926,2947,2964],"手机",{"tags":2966},[25,2967],"Hexo",{"tags":2969},[2922,2923,2869],{"tags":2971},[25,2972],"Bulma",{"tags":2974},[2975],"年度总结",{"tags":2977},[25,2972],{"tags":2979},[2980,2981],"路由器","OpenWRT",{"tags":2983},[2926,2947],{"tags":2985},[2926,2947,2923,2869],{"tags":2987},[2923,2869,2988],"电视盒子",{"tags":2990},[2975],{"tags":2992},[25,2993],"Umami",{"tags":2995},[2996,2997],"CoreProtect","Maven",{"tags":2999},[2954,3000,25],"Cloudflare Workers",{"tags":3002},[25,28,3003],"SvelteKit",{"tags":3005},[25,3006],"Artalk",{"tags":3008},[25,876],{"tags":3010},[25,3011],"Valaxy",{"tags":3013},[25,3014],"JavaScript",{"tags":3016},[25,2972,3017],"UnoCSS",{"tags":3019},[25,3020,3021],"Tailwind CSS","MDUI",{"tags":3023},[2931,3024],"升级",{"tags":3026},[3027,2955,3028],"CI","GitHub Actions",{"tags":3030},[3031,3032],"Upptime","网站状态监控",{"tags":3034},[487,3035,3036],"SSG","Vue Router",{"tags":3038},[2975],{"tags":3040},[25,3003,3041],"Noutious",{"tags":3043},[3044,3045],"SmartDNS","mosdns",{"tags":3047},[25,876,3041],{"tags":3049},[3050,3051,3052],"打印机","CUPS","Linux",{"tags":3054},[3055,3056,3057],"Minecraft","LittleSkin","Heimdall",{"tags":3059},[25],{"tags":3061},[25,26,27,28,29],{"tags":3063},[3064,3065,3052,3066],"虚拟机","PVE","Windows",["Island",3068],{"key":3069,"result":3070},"ThemeSidebarAuthorInfo_Wcfq6adNGi2w7hRDgGnpqhSbRnIIbOkAq0VopT0414",{"head":3071},{"link":3072},[3073],{"rel":3074,"as":3075,"href":3076,"imagesrcset":3077},"preload","image","https://library.gxres.net/images/avatars/gxres042.webp","https://library.gxres.net/images/avatars/gxres042.webp 1x, https://library.gxres.net/images/avatars/gxres042.webp 2x",["Island",3079],{"key":3080,"result":3081},"IconsArrowUp_Y4QMckxWq3Hf8D1dpS8SxA8qGwVmAA6cfO9mcw5hfk",{"head":3082},{},["Island",3084],{"key":3085,"result":3086},"IconsArrowRight_5jviWhR9Ji4ocmrH7nqgVCbLMgqf8CwUfrOMcjUqSw",{"head":3087},{},["Island",3089],{"key":3090,"result":3091},"IconsToc_UjczwWWzJcA3C0ICgsA6aFbI4xfJlY7qOtoSKCTPr6s",{"head":3092},{},1777402311536]