Repolode
withastro

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. 1

    使用推荐的安装器创建新项目

    npm create astro@latest
  2. 2

    或者手动将 Astro 安装到现有项目中

    npm install astro
  3. 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 数据每日更新。

相关项目