Astro 快速开始

从零搭建一个 Astro 站点并部署到 GitHub Pages 的极简流程

分类：前端

Astro 快速开始

本文档带你从零开始，5 分钟内搭起一个 Astro 站点。

1. 创建项目

npm create astro@latest my-site -- --template minimal
cd my-site
npm install

2. 启动开发服务器

npm run dev

默认监听 http://localhost:4321。

3. 新建一个页面

在 src/pages/ 下新建 hello.astro：

---
---
<html lang="zh-CN">
  <body>
    <h1>你好，世界！</h1>
  </body>
</html>

访问 http://localhost:4321/hello 即可看到效果。

4. 构建与部署

npm run build

构建产物在 dist/ 目录，可以直接部署到任何静态站点托管服务（GitHub Pages、Vercel、Netlify 等）。

💡 提示：本站就是用 Astro 搭建的，所有内容都由 Content Collections 管理。