基于 React 的框架,用于构建快速的网站和应用,通过 GraphQL 统一接入 CMS、Markdown 和 API 数据。
withastro/astro
面向内容型网站的 Web 构建工具,输出轻量,可在同一项目中混用多种 UI 框架。
- Star
- 63,403
- Fork
- 3,865
- 未关闭 Issue
- 108
- 最近提交
- 3小时前
这是什么?
Astro 是一个面向内容型网站的构建框架,适用于博客、营销页面和文档站等场景。默认将页面渲染为静态 HTML,只为交互组件输出 JavaScript,因此产物非常轻量。
组件可以使用 React、Preact、Svelte、Vue、Solid、Alpine.js 等框架编写,并支持在同一个站点中混合使用。通过 Node、Vercel、Netlify、Cloudflare 等适配器,还可以启用服务端渲染,从纯静态输出逐步过渡到按需渲染。
仓库是一个 monorepo,包含核心 astro 包、create-astro 脚手架、各框架集成,以及 VS Code 扩展和 TypeScript 插件等语言工具。
核心功能
- 01默认将页面渲染为静态 HTML,仅为交互式组件输出 JavaScript。
- 02同一项目中可以混用 React、Preact、Svelte、Vue、Solid 和 Alpine.js 组件。
- 03通过 Node、Vercel、Netlify、Cloudflare 适配器支持服务端渲染。
- 04提供 MDX、sitemap、RSS、Partytown 等官方集成。
- 05附带 create-astro 脚手架和 VS Code 语言扩展。
适用场景
- 使用 Markdown 或 MDX 搭建博客或文档站。
- 制作需要快速加载、客户端 JavaScript 较少的营销页或作品集网站。
- 在复用现有 React 或 Vue 组件的前提下,逐步将站点迁移到 Astro。
- 部署以静态为主的站点,并在 Vercel、Netlify 或 Cloudflare 上添加服务端渲染路由。
快速上手
- 1
使用推荐的安装器创建新项目
npm create astro@latest - 2
或者手动将 Astro 安装到现有项目中
npm install astro - 3
在浏览器中打开入门示例项目,无需安装即可体验
使用前须知
- 元数据中的许可证标注为 NOASSERTION,但 README 链接到的 LICENSE 文件为 MIT 许可证。
收录于专题
标签
常见问题
- astro 是什么?
- 面向内容型网站的 Web 构建工具,输出轻量,可在同一项目中混用多种 UI 框架。 Astro 是一个面向内容型网站的构建框架,适用于博客、营销页面和文档站等场景。默认将页面渲染为静态 HTML,只为交互组件输出 JavaScript,因此产物非常轻量。
- astro 可以免费使用吗?用的什么许可证?
- astro 以 Other 许可证开源。用于商业产品前,请先确认许可证条款。
- astro 还在维护吗?
- 活跃维护中。astro 最近一次提交是在 2026年10月22日。
- astro 适合用来做什么?
- 使用 Markdown 或 MDX 搭建博客或文档站。 制作需要快速加载、客户端 JavaScript 较少的营销页或作品集网站。 在复用现有 React 或 Vue 组件的前提下,逐步将站点迁移到 Astro。 部署以静态为主的站点,并在 Vercel、Netlify 或 Cloudflare 上添加服务端渲染路由。
- astro 怎么安装和运行?
- 使用推荐的安装器创建新项目: npm create astro@latest 或者手动将 Astro 安装到现有项目中: npm install astro 在浏览器中打开入门示例项目,无需安装即可体验
- 在哪里获取 astro?
- 源代码和安装说明在 GitHub 上:https://github.com/withastro/astro
概要由 AI 根据项目 README 生成;GitHub 数据每日更新。
相关项目
5.6万1万JavaScriptMIT更新于 前天
基于 React 的全栈 Web 框架,内置基于 Rust 的高速构建工具链。
14.3万3.5万JavaScriptMIT更新于 28分钟前
基于 Astro 构建的极简、无障碍且利于 SEO 的博客主题,内置静态搜索。
51431121AstroMIT更新于 前天
基于 React.js 构建文档网站的框架,支持 Next.js、Astro 及多种 Vite 生态的 React 框架。
1.3万747TypeScriptMIT更新于 10小时前
基于 Next.js 的博客模板,使用 MDX 撰写文章,搭配 Tailwind CSS 与 TypeScript,可直接部署到 Vercel。
75741445TypeScript无许可证更新于 上个月
基于 Next.js 的框架,用 MDX 和 Markdown 文件快速搭建文档与内容站点。
1.4万1412TypeScriptMIT更新于 3个月前