Astro 新动态 - 2025年5月

作者
Sarah Rainsberger

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

让我们深入了解一下吧!

来自 Mission Control 的更新

最新发布

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

  • Astro 5.8 - 将 Node.js 的最低版本更新至 18.20.8

Astro 采用者

从 Ricola 到谷歌,从 Bootstrap 到 Visa,一些您熟知的知名品牌都在使用 Astro!

奇特的万维网

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

社区

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

Astro 团队新闻

Matt Kane 代表 Astro 参加了 Strapi conf,并谈论了内容管理和运营开源项目。

Discord 热门话题

本月的热点是 Astro 原生组件库!感谢社区成员 @TWEL 回顾了过去的讨论并为社区准备了以下列表

内容

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

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

迁移故事

操作指南

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

……以及更多!

观看派对

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

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

Astro 💓 您最喜爱的技术

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

线下聚会

Astro 在全球广受欢迎!了解本月在各种聚会和会议上发生了什么。

现场编码直播

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

技巧与工具

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

  • Astro Prettier Response - 这个包注入了一个中间件,对所有输出运行 Prettier 格式化程序,使其未经压缩且美观。
  • Astro Strapi Blocks - 用于 Strapi 富文本块字段的 Astro 块。
  • Piny Tailwind Visual Editor - 一个 VSCode 扩展,让你可以直接在 React 和 Astro 文件中可视化地编辑 Tailwind CSS。
  • Astro Image Dithering - 在向受众提供图像之前对其进行抖动处理,以加快图像加载时间,同时降低碳足迹。
  • Remark Auto Diff - 一个 remark 插件,提供了在 Markdown 中编写 diff 代码块的替代语法。
  • Schema-driven Astro Starter Kit - 一个生产就绪的入门套件,为您的 Astro 项目带来结构化数据、SEO 优化和模式驱动开发。
  • Astro Loader i18n - 一个用于 i18n 文件和文件夹结构的 Astro glob 内容加载器。
  • WebApp Astro PWA - 一个即用型的 Astro 组件库,用于为您的 Astro 项目添加渐进式 Web 应用 (PWA) 支持。
  • Astro Simple Modal - 一个简单且高度可定制的 Astro 模态框 — 最小化设置,完全的样式控制。
  • Astro Maintenance - 轻松为您的 Astro 网站添加维护和即将推出页面。
  • Astro Iubenda - 此 Astro 集成可为您的 Astro 项目获取并提供 Iubenda 隐私政策、Cookie 政策以及条款和条件内容。
  • Light-Auth - 一个轻量、安全且易于实现的身份验证框架,附带一个 Astro Hello World 示例
  • Astro Wordpress ACF Generator - 一个用于 WordPress 高级自定义字段 (ACF) 的 php 代码生成器。
  • Astro Daisy Theme Toggle - 用于向您的 AstroJS 和 DaisyUI 项目添加深色和浅色主题的组件。
  • Astro OG Images - 另一个用于生成 Open Graph 图像的 Astro 集成。比大多数替代方案更轻量。
  • Astro Starter Kit: Component Package - 一个 Astro 组件库的模板。使用此模板编写可在多个项目中使用的组件或发布到 NPM。
  • Flotiq Astro SDK - 用于 Flotiq 无头 CMS 的专用 Astro 集合生成器。
  • Astro Mailer - 一个 Astro 集成,使您能够使用 Nodemailer 通过任何 SMTP 服务发送电子邮件通知。
  • Astro Resend - 一个 Astro 集成,允许您在 Astro 项目中使用 Resend 轻松发送表单提交的电子邮件通知。
  • Remark Livecodes for Astro - 一个支持 Astro 的开源客户端游乐场。
  • 🌟 Starlight Custom Navigation - 通过自定义页面导航功能(包括支持键盘快捷键)增强您的文档网站。
  • 🌟 Starlight Code Block Fullscreen - 为您文档中的 Expressive Code 代码块添加全屏切换功能。
  • Astro Adapter Nekoweb - 一个 Astro 适配器,可将您的应用自动部署到 Nekoweb 上。
  • Astro PlantUML - 一个用于在 markdown 文件中渲染 PlantUML 图表的 Astro 集成。
  • Astro Tips - 可定制的 Astro 提示和注意块,具有 18 种内置样式和自动深色模式支持。
  • Vemetric Astro SDK - 通过 Vemetric 的 Astro SDK 跟踪您的数据。
  • Astroboard - 使用动态仪表板改造您的 Umbraco CMS。
  • Inox Tools Cut-short - 一个 Astro 集成,可让您立即停止处理请求并返回自定义响应,现在带有 cancelPrerender 选项,可动态跳过特定页面的生成。该实用程序确保页面从最终的静态输出中完全省略,而不是渲染 404 页面。

… 以及一些 Astro 构建的工具

  • Astro Life in Weeks - 一个 Astro 项目,用于创建您自己的“人生周数”,这是一个交互式可视化,其中每个矩形代表您生命中的一周。
  • Ubikute Relay - 一个供社区和组织自托管的新状态页面,前端使用 Astro 构建。
  • html2astro - 拖放您的 HTML。立即转换为 Astro 项目。
  • 历史时间轴计算器 - 创建并导出历史时间轴的图形。

主题与模板

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

展示

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

Starlight 实例

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

就到这里!👋

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

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