快速开始
Astro 初始化与构建非常轻量:create → dev → build → 部署静态托管。
初始化
pnpm create astro@latest docs-site
cd docs-site
pnpm install
pnpm dev
目录要点
src/pages:index.astro等页面;Markdown/MDX 也可直接放这里。src/layouts:布局组件。src/content:内容集合定义与内容文件(如使用 Content Collections)。
构建与部署
- 构建:
pnpm build输出dist/。 - 预览:
pnpm preview。 - 部署:将
dist上传到任意静态托管(CF Pages/Netlify/Vercel);若用 SSR/边缘,选择对应 adapter。
常用集成
- 内容:
@astrojs/mdx、Content Collections。 - 组件:Vue/React/Svelte/Preact 任意混用,给交互组件加
client:*指令。 - 图片:
@astrojs/image优化多尺寸。
