Astro 新特性 - 2025 年 3 月

作者
Sarah Rainsberger

本月 Astro 生态系统的一些激动人心的消息,包括

让我们深入了解一下吧!

来自 Mission Control 的更新

  • ⚡ 核心维护者 Matt Kane 将出席 ViteConf 2025
  • 🎓 学习 Astro 与 Coding in Public
  • ⭐ Astro 在 GitHub 上获得 5 万颗星

最新发布

次要版本引入了新功能和改进。快来看看有什么新内容!

  • Astro 5.5 ——更好地支持 Mermaid 和 D2 等图表工具,实验性会话获得类型安全,Markdown 兼容性更佳,以及更多功能!

Astro 采用者

从 Cloudflare 到 Ladybird,你所熟知的一些大公司正在使用 Astro!

奇特的万维网

上个月的一些网站展示了 Astro 的独特、创新、鼓舞人心或纯粹有趣的功能!

  • Utsubo ——一家屡获殊荣、技术优先的创意工作室,专注于实时3D体验、互动装置和WebGPU。
  • Space Bingo ——使用 Astro 和 Socket.IO 构建的多人银河宾果游戏。与银河系中的朋友或陌生人实时对战。
  • Radio Rock Hits ——一家网络电台,使用 Astro 构建,采用 SSR 和基于 React 的持久播放器组件。新闻由 GraphQL 提供支持。
  • Cat Cafe Map ——发现世界各地可以领养、玩耍并与毛茸茸的伙伴共度的舒适场所。
  • MontFort ——一个令人惊叹的 Astro 网站,使用 Three.js、GSAP 和 Storyblok CMS 构建。
  • Interior Scene ——一个 Matterport 风格的虚拟导览演示,使用 Three.js 和 Astro 实现渐进式纹理加载。彩蛋:它有一个香蕉 FPS 模式。

内容

以下是本月引起我们关注的内容

因为你永远不会对 Astro 感到厌倦,这里有更多的社区内容!

迁移故事

操作指南

……以及更多!

观看派对

准备好爆米花,创建你最喜欢的视频播放列表吧!🍿

  • 播放
  • 播放
  • 播放
  • 播放
  • 播放
  • 播放
  • 播放
  • 播放
  • 播放
  • 播放
  • 播放
  • 播放
  • 播放
  • 播放
  • 播放

Astro 💓 您最喜爱的技术

正在使用 CMS、数据库或工具进行构建?看看如何实现!

线下聚会

Astro 在全球范围内广受欢迎!了解本月线下聚会的情况。

现场编码直播

观看人们构建、实验和学习!

技巧与工具

最新的社区构建的实用程序和集成,助你使用 Astro 进行开发。🛠

  • react-router-astro ——一个使用 React Router 和 Astro 创建服务器端渲染 SPA 的入门模板。
  • astro-rerun-island ——一个集成,可在 astro:after-swap 后重新运行您的持久服务器岛屿,以刷新内容,而无需向用户显示不必要的加载屏幕。
  • astro-meta ——轻松为您的 Astro 应用添加元标签。
  • astro-path-helpers ——一个 Astro 集成,可为您的 Astro 路由生成类型安全的路径辅助函数。
  • astro-ai-robots-text ——一个 Astro 集成,用于在 robots.txt 中禁止 AI 爬虫。
  • s3-compatible-loader ——一个内容加载器,可将 S3 兼容对象存储转换为与 Obsidian 的 Remotly Save 良好协作的 CMS。
  • astro-gemtext ——一个 Astro 集成,允许您将 .gmi(Gemini 协议文档格式)文件用作 Astro 网站中的页面。
  • astro-itchio ——一个 Astro 集成,可自动化您到 Itch.io 的部署。
  • Astro Clerk loader ——只需提供方法名即可访问精选的 Clerk 后端 API。
  • Astro Plausible loader ——为 Astro 的内容层提供 Plausible 内容加载器。您可以访问 Stats API v2 以查看网站的历史和实时统计数据。
  • 🌟 starlight-markdown-blocks ——使用自定义 (:::block) 类型扩展 Starlight 的 Markdown 侧边栏语法。
  • 🌟 starlight-toc-overview-customizer ——通过可自定义的概览标题增强 Starlight 的目录。
  • reveal-animation-handler ——一个用于 Astro 的响应式文本动画系统,可智能检测并尊重自然换行符。此实用程序提供动态的、视口感知的动画,具有多种动画类型和可自定义选项,同时在所有设备上保持响应式设计。
  • astro-appwrite-demo ——一个在 Astro 上使用 Appwrite 的演示,允许最终用户创建账户并在账户页面更新其用户名。
  • astro-d1-magiclink ——基于 Lucia-auth、Astro Actions 和 Cloudflare D1 的魔术链接身份验证。
  • @inox-tools/content-utils ——您的内容集合实用工具,现在为任何基于文件的内容加载器提供 Git 信息。

… 以及一些 Astro 构建的工具

  • WorksForMe ——输入时间和时区,即可获得一个可分享的链接,让世界各地的人都知道会议确切的时间!
  • Astro UI ——一个使用 Astro、React 和 Electron 构建的 Bitshares UI。

主题与模板

本月,Astro 主题目录新增了多个 Astro 主题。通过选择一个主题来启动一个全新的产品!

另外,请查看 Starlight 社区主题页面,其中包含七个即插即用的自定义 Starlight 主题,可在任何现有 Starlight 项目中使用!

展示

正在寻找更多灵感?看看本月提交到Astro 展示区的所有社区成员网站。 提交你用 Astro 构建的网站!

Starlight 实例

能偶然发现更多用 Starlight 构建的文档总是令人兴奋。以下是我们的社区本月注意到的内容

就到这里!👋

感谢又一个美好的月份!我们迫不及待地想看到您下个月会构建出什么!

想在下个月的文章中出现吗?在我们的 Discord 的 #showcase 频道中分享您的 Astro 网站、项目、应用程序、工具、博客文章、演示和视频,和/或在社交媒体上标记我们!