Astro 新动态 - 2025 年 6 月

作者
Sarah Rainsberger

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

让我们深入了解一下吧!

来自 Mission Control 的更新

最新发布

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

  • Astro 5.9 - 实验性内容安全策略(CSP)支持、在内容加载器中渲染 Markdown 等!
  • Astro 5.10 - 响应式图片、实验性实时内容集合等!

Astro 采用者

从联合利华到 Cash App,从美国政府到 OpenAI,一些你耳熟能详的大公司都在使用 Astro!

奇特的万维网

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

  • Ascii Moon - 逐日查看并循环显示月相 - 以 ASCII 艺术渲染。
  • Give Back Guide - 一个将旅行者与对人、地方和地球产生积极影响的项目和体验连接起来的平台。他们的目标是让旅行者轻松找到并支持其目的地中符合其价值观的当地项目。
  • type - 一个用 Astro 构建的开源、禅宗、Markdown 友好的编辑器。只需开始输入!
  • Deep Time Navigator - 通过深度时间可视化世界事件,带有对数缩放,因此您可以看到现在(一天、一周、一年)如何平滑地融入最深的过去。
  • TIDS:LOGG - 记录您使用 Astro 的时间!(同时学习一点瑞典语?)一个用 Supabase 构建的瑞典语时间跟踪网站。
  • Passport Photo Wiz - 在几秒钟内,直接在浏览器中创建符合要求的护照照片。

宇宙画布

没想到 Astro 也能做到这些?这些拥有华丽视觉效果和流畅动画的精彩网站证明了它完全可以做到!

社区

没有社区,就没有 Astro 的今天。从 Discord 支持、文档改进、翻译到代码贡献,Astro 欢迎这一切。

Astro 团队新闻

  • Sarah Rainsberger 作为嘉宾参加了 2025 年维护者月的 Sustain OSS 播客,谈论了她从 Scrimba 学生到核心维护者的旅程、社区管理、使用“邪恶设备”和低科技工具(如 Chromebook 和 Android 平板电脑)进行编码,当然还有开源文档!

Astro 课程

我们知道要跟上 Astro 的步伐并不容易!本月,我们在文档中添加了新的 Astro 课程页面,以便我们能展示一些新的或最近更新的课程。

观看我们的 Astro 学习小组讨论重播,了解您喜爱的 Astro 讲师们学习和教授 Astro 的体验!

内容

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

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

迁移故事

操作指南

Astro Tips 上可以找到这些以及以前每月博客文章中的所有操作指南文章

……以及更多!

观看派对

请务必关注 Astro 官方 YouTube 频道,获取团队发布的内容,包括定期直播,如:

Astro 夏至节

观看今夏最热门活动的重播!

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

Astro 点播

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

Astro 💓 您最喜爱的技术

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

线下聚会

Astro 在全球范围内都很受欢迎!了解本月线下聚会和会议上发生的事情。

现场编码直播

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

技巧与工具

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

  • Back Link - 一个组件,让您在使用 Astro 客户端路由时可以翻转视图过渡动画的方向。
  • Astro Validate Env - 一个 Astro 环境变量验证集成,让您能够控制何时/何地验证环境变量,并适用于所有上下文。
  • Astro Medium loader - 一个 Astro 加载器,按用户名抓取并解析 Medium RSS 订阅源。支持规范链接、可选缓存和灵活的存储策略。
  • Astro content loader - 使用 Astro 内容层 API 加载 .astro 文件,就像加载其他格式(如 Markdown、MDX)一样。
  • unDocs - 一个用 Astro 构建的文档框架,您可以构建自己的文档和组件演示,并控制布局、组件和设计。
  • Stripe Astro loader - 从 Stripe API 获取数据并在 Astro 集合中使用。
  • Astro Payload local loader - 在 Astro 构建期间,使用本地 API 从 Payload CMS 实例加载和缓存数据。
  • Astro Markdown prerender - 一个 Astro 集成,根据 Markdown 文件中的 frontmatter 属性自动设置 route.prerender
  • Astro Loader Hashnode - 一个强大的内容加载器,用于使用内容层 API 将 Hashnode 博客文章集成到您的 Astro 网站中。
  • Astro TOC generator - 一个适用于 Astro.js 的目录生成器,专门用于 Sanity CMS 博客内容。
  • Astro Swiper - 专用于滑块/轮播/照片切换的 Astro 组件。
  • Astro llms.txt - 一个 Astro 集成,用于生成 AI 友好的文档文件。
  • Astro terminal themes - 将终端主题配置(Ghostty、Warp、iTerm2 等)转换为 Astro 网站的 Tailwind CSS 主题。
  • Astro Mermaid - 一个 Astro 集成,用于渲染 Mermaid 图表,支持自动主题切换和客户端渲染。
  • Astro SEO plugin - Astro 的零配置 SEO 插件。
  • Astro Strapi loader - 一个 Astro 集成,支持轻松从 Strapi 内容 API 加载数据。

… 以及一些 Astro 构建的工具

主题与模板

本月有几个新的 Astro 主题添加到了 Astro 主题目录。从一个主题开始,快速启动一个全新的项目!

展示

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

Starlight 实例

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

就到这里!👋

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

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