arthelokyo/astrowind

这是什么？

核心功能

• 01提供 30 多种可类型化、可组合的落地页区块组件。
• 02内置博客，支持 RSS 订阅、MDX、分类与标签。
• 03通过 Astro Assets 和 Unpic 进行图片优化。
• 04自动生成站点地图，并支持 Open Graph 标签与 Google Analytics。
• 05基于 Tailwind CSS v4 支持深色模式和 RTL 排版。
• 06通过单个 YAML 文件和 CSS 主题变量进行配置。

适用场景

• 用现成区块快速搭建公司或产品的落地页。
• 搭建需要开箱即用 RSS 与 SEO 支持的个人或企业博客。
• 制作部署为静态文件的文档站或营销网站。

快速上手

1. 1

   需要 Node.js 22.22.3 或更高版本；使用 AstroWind 模板创建项目

   npm create astro@latest -- --template arthelokyo/astrowind
2. 2

   安装依赖

   npm install
3. 3

   在 localhost:4321 启动本地开发服务器

   npm run dev

使用前须知

• !尽管模板使用 output: 'static'，但博客功能仅在 prerender = true 时可用。
• !第一版处于维护模式，新功能开发转向 AstroWind v2。

标签

常见问题

astrowind 是什么？

基于 Astro 与 Tailwind CSS v4 的免费开源入门主题，内置 30 多种页面组件和博客功能。 AstroWind 是一个使用 Astro 与 Tailwind CSS v4 搭建静态网站的入门模板。它提供 30 多种可组合的页面区块组件，包括首屏横幅、功能网格、带对比表的定价表、FAQ 手风琴、用户评价、时间线和订阅表单等，可以快速拼出落地页。

astrowind 可以免费使用吗？用的什么许可证？

astrowind 以 MIT 许可证开源。用于商业产品前，请先确认许可证条款。

astrowind 还在维护吗？

半年内有更新。astrowind 最近一次提交是在 2026年9月12日。

astrowind 适合用来做什么？

用现成区块快速搭建公司或产品的落地页。 搭建需要开箱即用 RSS 与 SEO 支持的个人或企业博客。 制作部署为静态文件的文档站或营销网站。

astrowind 怎么安装和运行？

需要 Node.js 22.22.3 或更高版本；使用 AstroWind 模板创建项目: npm create astro@latest -- --template arthelokyo/astrowind 安装依赖: npm install 在 localhost:4321 启动本地开发服务器: npm run dev

在哪里获取 astrowind？

源代码和安装说明在 GitHub 上：https://github.com/arthelokyo/astrowind