Astro 入门指南（一）：项目搭建

为什么选择 Astro

Astro 是一个现代的静态站点生成器，具有以下优势：

• 零 JS 默认 — 页面不发送任何 JavaScript 到客户端
• 岛屿架构 — 按需加载交互组件
• 内容驱动 — 原生支持 Markdown、MDX

创建项目

npm create astro@latest my-site

按照提示选择模板和配置即可。

项目结构

src/
  content/    # 内容集合
  layouts/    # 布局组件
  pages/      # 页面路由
  components/ # UI 组件
public/       # 静态资源

下一篇我们将深入了解 Content Collections 的使用。