Astro 快速入门

小白 |
🌐Astro🎨前端📚教程💻技术

Astro 是一个现代的静态网站生成器，它专注于性能和开发体验。

为什么选择 Astro？

  • 零 JS 默认输出: 默认生成纯静态 HTML
  • 按需加水合: 只在需要的地方添加 JavaScript
  • 内容优先: 专为内容型网站优化
  • 框架无关: 支持 React、Vue、Svelte 等

快速开始

npm create astro@latest my-blog
cd my-blog
npm run dev

项目结构

my-blog/
├── src/
│   ├── pages/     # 路由页面
│   ├── layouts/   # 布局组件
│   └── content/   # Markdown 内容
├── public/        # 静态资源
└── astro.config.mjs

继续探索 Astro 的强大功能吧！