W

Astro 静态优先个人站的起点

为什么这个站点选择 Astro、MDX 和浏览器端交互工具作为第一阶段架构。

Astro 的优势是默认输出静态 HTML,只在需要交互的位置加载 React 组件。这很适合个人技术站:文章页面保持快而稳定,工具页面可以按需加载前端逻辑。

第一阶段目标

  • 深度文章支持代码块、公式和组件嵌入。
  • 小工具全部在浏览器内运行,不携带任何私有密钥。
  • 未来需要后端时,通过 service 层替换实现。
export async function runTool(input: string) {
  return { ok: true, value: input.trim() };
}

这种结构让页面、交互组件和业务处理保持清晰边界。