起点#

Fuwari 原生覆盖了我想要功能的 60%：

需要自己补的：

• Dock 风顶栏视觉
• Ctrl+K 搜索
• 动态背景 + Emo 文字
• 音乐播放器

Hero 区设计#

1
<section class="hero-section">
2
  <h1 class="hero-title">{siteConfig.title}</h1>
3
  <p class="hero-subtitle">{siteConfig.subtitle}</p>
4
  <HeroText client:load />
5
</section>

关键是背景透明 — 让全站的 AnimatedBackground 透过来，省得每个组件单独画一遍。

字体选择#

中文衬线体优先级：

1. LXGW WenKai（霞鹜文楷）— Emo 风首选
2. Source Han Serif SC（思源宋体）— 系统兜底
3. Noto Serif SC — 跨平台兜底

不引 npm 字体包，纯靠系统字体链，省 200KB+ 包体积。

踩坑记录#

⚠️ <meting-js> 公共 API 国内有时不稳定，建议自部署。

💡 Astro 的 client:load 用在 Svelte 组件上，要确保 vitePreprocess() 正确配置。