[{"data":1,"prerenderedAt":251},["ShallowReactive",2],{"$fWjlG_HjJpvplnzbdkRGgjdxlvesCKcf13gwK0DBYxkM":3,"$fKxc64HKwSyE3mCeSV4Z75NCjItIw3wR8_SShty0EWMw":57,"IconsRSS_AZ2yKBMbmCTU4kfXmYxp619DzlwCQeMpvDPSWtWb18":213,"IconsSearch_qBn5ufcPX2Nme04OeJxOeohomM4BAKORgjW1jMihmAM":218,"IconsContrast_lkQdWQLdbA7QNolI6KzC3DKinfaUX6dN2kxuqBc4ao":223,"ThemeSidebarAuthorInfo_Wcfq6adNGi2w7hRDgGnpqhSbRnIIbOkAq0VopT0414":228,"IconsArrowUp_Y4QMckxWq3Hf8D1dpS8SxA8qGwVmAA6cfO9mcw5hfk":239,"$fbF2qFHjpqLCr8HIZVLewBQGapKbOD3ROPLFa7pUR6N4":244},{"hello-world":4,"evolution-x-4-taste":6,"get-started-with-mi-band-3-nfc":8,"refurbishing-dell-inspiron-n4050":10,"apple-music-experience":12,"bitwarden-experience":13,"create-a-simple-bridge-network":14,"fix-lenovo-laptop-from-relative":15,"get-started-with-redmi-watch":16,"lenovo-yangtian-s550-experience":17,"move-to-cloudflare-pages":18,"ideas-of-old-seewo":20,"my-laptop-upgrade-journey":22,"redmi-4-prime-experience-nowadays":23,"start-using-hexo-mdx-theme":24,"trying-android-13-on-my-phone":25,"use-bulma-css-to-write-friends-link":26,"2023-annual-summary":27,"build-a-fast-links-page":28,"flash-third-party-firmware-for-redmi-ax5-router":29,"redmi-7-personal-experience":30,"redmi-k30-custom-guide":31,"usb-burning-a-tvbox":32,"2024-annual-summary":33,"add-umami-analytics-for-my-site":34,"compile-coreprotect-with-maven":35,"deploy-website-to-cloudflare-workers-in-2024":36,"first-try-svelte-and-sveltekit":37,"move-to-artalk-comment-system":38,"rebuild-my-blog-with-nuxt":39,"rebuild-my-blog-with-valaxy":40,"talk-about-pop-up-window":41,"talk-about-rebuild-with-bulma-and-unocss":42,"talk-about-the-optimization-i-did":43,"upgrade-the-pc-in-the-living-room":44,"use-github-actions-instead-of-vercel-ci":45,"use-upptime-for-monitoring-websites":46,"use-vite-ssg-and-unplugin-vue-router-in-your-vite-vue-project":47,"2025-annual-summary":48,"build-a-new-blog-with-noutious-and-svelte":49,"migrate-from-smartdns-to-mosdns":50,"refactor-tech-blog-with-noutious-and-nuxt":51,"share-printer-through-vm-on-proxmox-ve-and-cups":52,"introducing-heimdall":53,"optimize-and-protect-your-website":54,"use-stylex-on-vue-or-svelte-project":55,"virtual-machine-splitting-and-merging":56},{"categories":5},"大事记",{"categories":7},"刷机",{"categories":9},"软荐",{"categories":11},"手工",{"categories":9},{"categories":9},{"categories":11},{"categories":11},{"categories":9},{"categories":9},{"categories":19},"技术",{"categories":21},"思绪",{"categories":11},{"categories":21},{"categories":19},{"categories":7},{"categories":19},{"categories":5},{"categories":19},{"categories":11},{"categories":21},{"categories":7},{"categories":7},{"categories":5},{"categories":19},{"categories":19},{"categories":19},{"categories":19},{"categories":19},{"categories":19},{"categories":19},{"categories":21},{"categories":19},{"categories":19},{"categories":11},{"categories":19},{"categories":19},{"categories":19},{"categories":5},{"categories":19},{"categories":19},{"categories":19},{"categories":19},{"categories":19},{"categories":19},{"categories":19},{"categories":19},{"hello-world":58,"evolution-x-4-taste":59,"get-started-with-mi-band-3-nfc":63,"refurbishing-dell-inspiron-n4050":67,"apple-music-experience":71,"bitwarden-experience":74,"create-a-simple-bridge-network":77,"fix-lenovo-laptop-from-relative":81,"get-started-with-redmi-watch":84,"lenovo-yangtian-s550-experience":88,"move-to-cloudflare-pages":90,"ideas-of-old-seewo":96,"my-laptop-upgrade-journey":99,"redmi-4-prime-experience-nowadays":102,"start-using-hexo-mdx-theme":105,"trying-android-13-on-my-phone":108,"use-bulma-css-to-write-friends-link":110,"2023-annual-summary":113,"build-a-fast-links-page":116,"flash-third-party-firmware-for-redmi-ax5-router":118,"redmi-7-personal-experience":122,"redmi-k30-custom-guide":124,"usb-burning-a-tvbox":126,"2024-annual-summary":129,"add-umami-analytics-for-my-site":131,"compile-coreprotect-with-maven":134,"deploy-website-to-cloudflare-workers-in-2024":138,"first-try-svelte-and-sveltekit":141,"move-to-artalk-comment-system":145,"rebuild-my-blog-with-nuxt":148,"rebuild-my-blog-with-valaxy":151,"talk-about-pop-up-window":154,"talk-about-rebuild-with-bulma-and-unocss":157,"talk-about-the-optimization-i-did":160,"upgrade-the-pc-in-the-living-room":164,"use-github-actions-instead-of-vercel-ci":167,"use-upptime-for-monitoring-websites":171,"use-vite-ssg-and-unplugin-vue-router-in-your-vite-vue-project":175,"2025-annual-summary":180,"build-a-new-blog-with-noutious-and-svelte":182,"migrate-from-smartdns-to-mosdns":185,"refactor-tech-blog-with-noutious-and-nuxt":189,"share-printer-through-vm-on-proxmox-ve-and-cups":191,"introducing-heimdall":196,"optimize-and-protect-your-website":201,"use-stylex-on-vue-or-svelte-project":203,"virtual-machine-splitting-and-merging":208},{"tags":-1},{"tags":60},[61,62,7],"Evolution X","Android",{"tags":64},[65,66],"小米","手环",{"tags":68},[69,70],"戴尔","电脑",{"tags":72},[73],"Apple Music",{"tags":75},[76],"Bitwarden",{"tags":78},[79,80],"网络设备","TP-Link",{"tags":82},[83,70],"联想",{"tags":85},[65,86,87],"Redmi","手表",{"tags":89},[83,70],{"tags":91},[92,93,94,95],"前端","Cloudflare Pages","Cloudflare","Vercel",{"tags":97},[98],"希沃",{"tags":100},[101,70],"宏碁",{"tags":103},[65,86,104],"手机",{"tags":106},[92,107],"Hexo",{"tags":109},[61,62,7],{"tags":111},[92,112],"Bulma",{"tags":114},[115],"年度总结",{"tags":117},[92,112],{"tags":119},[120,121],"路由器","OpenWRT",{"tags":123},[65,86],{"tags":125},[65,86,62,7],{"tags":127},[62,7,128],"电视盒子",{"tags":130},[115],{"tags":132},[92,133],"Umami",{"tags":135},[136,137],"CoreProtect","Maven",{"tags":139},[94,140,92],"Cloudflare Workers",{"tags":142},[92,143,144],"Svelte","SvelteKit",{"tags":146},[92,147],"Artalk",{"tags":149},[92,150],"Nuxt",{"tags":152},[92,153],"Valaxy",{"tags":155},[92,156],"JavaScript",{"tags":158},[92,112,159],"UnoCSS",{"tags":161},[92,162,163],"Tailwind CSS","MDUI",{"tags":165},[70,166],"升级",{"tags":168},[169,95,170],"CI","GitHub Actions",{"tags":172},[173,174],"Upptime","网站状态监控",{"tags":176},[177,178,179],"Vite","SSG","Vue Router",{"tags":181},[115],{"tags":183},[92,144,184],"Noutious",{"tags":186},[187,188],"SmartDNS","mosdns",{"tags":190},[92,150,184],{"tags":192},[193,194,195],"打印机","CUPS","Linux",{"tags":197},[198,199,200],"Minecraft","LittleSkin","Heimdall",{"tags":202},[92],{"tags":204},[92,205,206,143,207],"StyleX","Vue","CSS",{"tags":209},[210,211,195,212],"虚拟机","PVE","Windows",["Island",214],{"key":215,"result":216},"IconsRSS_AZ2yKBMbmCTU4kfXmYxp619DzlwCQeMpvDPSWtWb18",{"head":217},{},["Island",219],{"key":220,"result":221},"IconsSearch_qBn5ufcPX2Nme04OeJxOeohomM4BAKORgjW1jMihmAM",{"head":222},{},["Island",224],{"key":225,"result":226},"IconsContrast_lkQdWQLdbA7QNolI6KzC3DKinfaUX6dN2kxuqBc4ao",{"head":227},{},["Island",229],{"key":230,"result":231},"ThemeSidebarAuthorInfo_Wcfq6adNGi2w7hRDgGnpqhSbRnIIbOkAq0VopT0414",{"head":232},{"link":233},[234],{"rel":235,"as":236,"href":237,"imagesrcset":238},"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",240],{"key":241,"result":242},"IconsArrowUp_Y4QMckxWq3Hf8D1dpS8SxA8qGwVmAA6cfO9mcw5hfk",{"head":243},{},{"use-stylex-on-vue-or-svelte-project":245},{"title":246,"date":247,"categories":19,"excerpt":248,"frontmatter":249},"在 Vue 或 Svelte 项目上使用 StyleX","2026-04-29T02:30:36+08:00","我近期沉迷于 Atomic CSS-in-JS。本博客目前使用 Panda CSS 生成样式，但通过 PostCSS 使用 Panda CSS 会获得非常稀烂的开发体验，我也不太喜欢使用 CLI Mode，故将目光转移至 Facebook 的 StyleX。本文将会介绍一种在 Vue 或 Svelte 项目上使用 StyleX 的方法。",{"banner":250},"https://storage.sirvr.win/images/use-stylex-on-vue-or-svelte-project/banner.webp",1777402320126]