[{"data":1,"prerenderedAt":105},["ShallowReactive",2],{"blog-sakura-fx":3},{"id":4,"title":5,"body":6,"date":91,"description":92,"extension":93,"image":94,"meta":95,"navigation":96,"path":97,"seo":98,"stem":99,"tags":100,"__hash__":104},"blog\u002Fblog\u002Fsakura-fx.md","Sakura FX（TypeScript 版）",{"type":7,"value":8,"toc":85},"minimark",[9,13,17,30,33,39,42,72,81],[10,11,12],"p",{},"TypeScript 版本的櫻花飄落特效函式庫，輕量且易於整合至任何網頁應用。",[14,15,16],"h2",{"id":16},"特色",[18,19,20,24,27],"ul",{},[21,22,23],"li",{},"輕量高效",[21,25,26],{},"易於使用",[21,28,29],{},"完整 TypeScript 支援",[14,31,32],{"id":32},"預覽",[34,35],"iframe",{"src":36,"width":37,"height":38},"https:\u002F\u002Fxiao-e-yun.github.io\u002FsakuraFx-typescript\u002F","100%","1000px",[14,40,41],{"id":41},"安裝",[43,44,49],"pre",{"className":45,"code":46,"language":47,"meta":48,"style":48},"language-bash shiki shiki-themes github-light github-dark","pnpm add -D sakurafx-typescript\n","bash","",[50,51,52],"code",{"__ignoreMap":48},[53,54,57,61,65,69],"span",{"class":55,"line":56},"line",1,[53,58,60],{"class":59},"sScJk","pnpm",[53,62,64],{"class":63},"sZZnC"," add",[53,66,68],{"class":67},"sj4cs"," -D",[53,70,71],{"class":63}," sakurafx-typescript\n",[10,73,74],{},[75,76,80],"a",{"href":77,"rel":78},"https:\u002F\u002Fgithub.com\u002Fxiao-e-yun\u002FsakuraFx-typescript",[79],"nofollow","Github Repository",[82,83,84],"style",{},"html pre.shiki code .sScJk, html code.shiki .sScJk{--shiki-default:#6F42C1;--shiki-dark:#B392F0}html pre.shiki code .sZZnC, html code.shiki .sZZnC{--shiki-default:#032F62;--shiki-dark:#9ECBFF}html pre.shiki code .sj4cs, html code.shiki .sj4cs{--shiki-default:#005CC5;--shiki-dark:#79B8FF}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}",{"title":48,"searchDepth":86,"depth":86,"links":87},2,[88,89,90],{"id":16,"depth":86,"text":16},{"id":32,"depth":86,"text":32},{"id":41,"depth":86,"text":41},"2024-04-19","TypeScript 版本的櫻花飄落特效函式庫。","md","https:\u002F\u002Fimages.xiaoeyun.me\u002Fblog\u002Fsakura-fx\u002Fpreview.png",{},true,"\u002Fblog\u002Fsakura-fx",{"title":5,"description":92},"blog\u002Fsakura-fx",[101,102,103],"前端","TypeScript","函式庫","7Q7K_HcrjK-yvwsP_4foSX8E2bPVgu3oD45otnAL2-c",1783834697049]