1、什么是 Astro?
Astro 是适合构建像博客、营销网站、电子商务网站这样的以内容驱动的网站的 Web 框架。
Astro 比其他框架减少了 JavaScript 的开销和复杂性,集成了Markdown支持、SSR(服务器端渲染)、API路由等现代web开发所需的功能, 特别适合创建博客、文档站点以及小型论坛。如果你需要一个加载速度快、具有良好 SEO 的网站,那么 Astro 是一个好的选择。
2、Astro 技术文档
3、搭建基础环境
- Node.js - v18.20.8 或 v20.3.0、v22.0.0 或更高版本。(v19 和 v21 均不支持。)
- 文本编辑器 推荐使用 VS Code 并安装 官方 Astro 扩展。
4、常用命令
创建项目
npm create astro@latest
安装依赖
npm install
启动 Astro 开发服务器
npm run dev
构建并预览你的网站
npm run build
npm run preview
更新项目及插件
npm install astro@latest @astrojs/mdx@latest @astrojs/rss@latest @astrojs/sitemap@latest
5、常用插件
-
astro-mdx - 允许使用 MDX 文件。
-
astro-rss - 创建 RSS 源。
-
astro-sitemap - 创建网站地图。
-
astro-tailwindcss - 添加
-
astro-seo - 添加 SEO 优化。