本月 Astro 生态系统的一些激动人心的消息,包括
- 来自 Mission Control 的更新
- 最新发布
- Astro 采用者
- 奇特的万维网
- 宇宙画布
- 社区动态
- Astro 新闻、迁移故事、操作指南文章等等!
- 观看派对
- 技巧与工具
- 主题与模板
- 展示
- Starlight 实例
让我们深入了解一下吧!
来自 Mission Control 的更新
- 🚀 Astro 夏至节
- 🛒 Astro 商城
- 🎨 Astro 精神设计大赛
最新发布
次要版本引入了新功能和改进。快来看看有什么新内容!
- 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 课程页面,以便我们能展示一些新的或最近更新的课程。
- 与 Chris Pennington (Coding in Public) 一起学习 Astro
- James Q Quick 在 Scrimba 上的 Astro 简介
- Manz.dev 提供的西班牙语 Astro 新手入门课程
- Code with Petipois 提供的 Astro Beginner Bites
观看我们的 Astro 学习小组讨论重播,了解您喜爱的 Astro 讲师们学习和教授 Astro 的体验!
内容
以下是本月引起我们关注的内容
- 💎 当 Evil Martians 的 Irina 要求 Bolt 为旧金山 Ruby 大会构建一个网站时,它当然选择了 Astro!
- 🔌 Starlight Plugins by Example 是 Astro 和 Starlight 核心维护者 HiDeoo 的个人笔记和示例合集,包含理解和构建 Starlight 插件所需的一切!
- 🧭 看看 Cassidy Williams 为了免费的精美食物,用 Astro、Tally 和 Netlify 为实体寻宝游戏构建了什么!
- 🏋 与 Coding In Public 的 Chris 一起了解 为什么 Astro 是内容密集型网站的首选框架。
- 🤿 Kenji 深入研究了 Astro 内容集合的内部实现,以了解 Markdown 的渲染方式。(日语)
- 🥇 了解为什么 Astro 是构建 Bramble 网站的完美工具。
- 🛍 Dwane / lifelongdev 带您了解新的 Astro 周边商店,并介绍了夏至节的活动。
因为你永远不会对 Astro 感到厌倦,这里有更多的社区内容!
迁移故事
操作指南
- 在 Astro 中生成开放图谱图片
- 如何使用 Supabase、Astro 和 Cloudflare Turnstile 构建安全的 SSR 认证
- 将 UnJS ipx 图片代理集成到 Astro 中间件中
- 如何使用 Cloudflare、Supabase SSR 和 Astro Actions 保护身份验证表单
- 如何在 Astro 项目中安装和设置 HextaUI
- 使用 Astro 构建更快的以内容驱动的网站
- 使用 Astro 的服务器岛屿组合微前端
- 为 Astro 构建一个完全可定制的 bun 服务器
- 修改 Astro 中的 slot 子元素
- 如何使用 Astrojs、Tailwind CSS 和 JavaScript 创建交互式推荐
- 如何为 Starlight 网站创建水平进度指示器
在 Astro Tips 上可以找到这些以及以前每月博客文章中的所有操作指南文章!
……以及更多!
- Astro 整体表现(使用 Astro 6 个月,并构建了 2 个网站)
- React 开发者最值得关注的 5 个 Next.js 替代品
- 在 Astro 中优化 Contentful 的图片(这样编辑就不用做了)
- 使用 SQLite 缓存 OpenAI 嵌入,实现低成本 Astro 构建
- 强强联合:使用 Astro 和 Alpine 开发 Web 应用
- 关于为多品牌网站构建 Astro 主题
- 使用 Astro 和 React 构建网站(用于求职面试)
- 你对 Web 组件想多了
观看派对
请务必关注 Astro 官方 YouTube 频道,获取团队发布的内容,包括定期直播,如:
- 与 Sarah Rainsberger 、 HiDeoo 和 Chris Swithinbank 共同进行的 “Talking and Doc’ing”,他们正在制作 Astro 文档和 Starlight。
- 与 Emanuele Stoppa 、 Matt Kane 以及其他来自框架团队的 Astro 核心开发人员共同进行的 “Talking before Deploying (TBD)”。
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 构建的工具
- 它真的是自由开源软件吗? - 用于评估项目是否如宣传般自由和开源的网站。
- 现在几点了? - 一个现代化的时间转换器,帮助全球公民跨时区工作、会议和规划。
- 在线计算器 - 一个简单的在线计算器。
- Callculation - 一个包含免费在线计算器、转换器、生成器和 AI 驱动工具的完整工具包。
- CSS
clamp()
生成器 - 精确创建流动字体大小和布局。
主题与模板
本月有几个新的 Astro 主题添加到了 Astro 主题目录。从一个主题开始,快速启动一个全新的项目!
-
Blackhole - 极简博客模板 by Portfolios
-
Milo by oxygenna-themes
-
Astro Shopify Sanity by Soufiane
-
Astro Themes All-Access Pass by Getastrothemes
-
NeonMint by Fernando Lopez
-
Storyteller by Hasin Hayder
-
Astro Persona - 个人作品集与博客 by Bakate
-
HyperDrive by WP Infusion
-
Devpro - 开发者作品集模板 by Portfolios
-
Volks-Typo by Jonathan Rhyne
-
maucariapacom-church-starter by Anton Toni Agung
-
Astro-Flexoki by Amit K
-
DesignPhotographyPortfolio by pysunday
-
OpenLInks by E10Y
-
LUON - 代理机构网站模板 by Ricoui
-
Capture - 摄影师作品集模板 by Portfolios
-
极简博客 by Lennart
-
The Starter by Cosmic Themes
-
Craftpixel - 平面设计师作品集 by Portfolios
-
Minimal Bento-like Portfolio by Ladvace
展示
正在寻找更多灵感?看看本月提交到Astro 展示区的所有社区成员网站。 提交你用 Astro 构建的网站!
Callculation: 免费在线计算器、转换器和工具 Kryptonum 软件公司 – 在线业务伙伴 历史建筑修复 | Lidenskap 在线计算器 Green-Got - 真正的力量是你的金钱。 Unreal Brains Anil S | 全栈开发者 SmartGamer - 寻找最佳游戏优惠 Rendair | 渲染轻松搞定。 André Valério - 吉他手 | 作曲家 | 教育家 韩林 | 研究工程师 | 连接科学与工程 教堂名称 - 一个温馨的基督教社区 Kalwabed Rizki - 软件工程师 Krapela Nexim 订单接收器介绍 | Nexim Web 应用 FlinCode | 数字工匠 Fomr: 免费现代表单构建器 Web 代理机构 - 开发、设计与咨询 - Hexium GHB 诊所伦敦 | 全球医疗保健与美容有限公司 PrimeBits 开发和维护复杂的软件项目 Umuzi Digital - 创意工程公司 产品圣经 Play Hosting | Minecraft 服务器,100% 免费,永久免费 时区转换器、会议规划器和世界时钟 | What's The Time lik.ai Naturanal - 致力于自然与可持续生活 EdibleVeranda - 通过可食用园艺实现可持续生活 多语言文案撰稿人,提供 SEO 和内容营销服务 经验丰富的旅行者 Portcyou - 避免端口冲突,自信编码 购买 Tubog 散热器 不粘烘焙垫,每次都完美无瑕 - Bredominant Threads 查看器 - 无需账户即可查看 Threads VERDE — 数字设计与开发 nViewsWEB 的 CSS Clamp 生成器 免费在线计算器和单位转换器 | CalculatorBit ShevaFood Neeraj Singh - 网络安全工程师和软件测试专家 使用 HomeDock OS 掌控云端 它真的是自由开源软件吗? 我是 Robin 牙医退休计划 Cash App 品牌指南 Laguntza 物理治疗 像素完美设计 Strands Today - 今日 NYT Strands 游戏的提示和答案 Kimagin Made By Bramble - 创意网页设计与开发 Station 48 Cobblemon | 一个为开发者和朋友设计的 Cobblemon 服务器! 游戏 | 我的最终幻想 VII 收藏 poe.ninja ZachHandley 马尼拉和奎松市网页设计服务 | Lance Flores 网页开发者 马扎梅别墅 | 法国领先的豪华民宿 Thinh 的角落 韩林 | 研究工程师 | 连接科学与工程 定制软件、IT 咨询和网络安全 | Makok 主页 | LEVI.LAND 朴俊成 一站式网站变现 IT 解决方案 | Квант Tonari - AI 习惯教练 Yorukot - 学生与全栈开发者
Starlight 实例
能偶然发现更多用 Starlight 构建的文档总是令人兴奋。以下是我们的社区本月注意到的内容
varlock openGrid 项目:Lotus EHR Wiki macOS 安全合规项目 Retrofit 🛠️ kit 文档 OpenAI Agents SDK DXOS 文档 Graft - 数据同步到边缘 Muffet,快速链接检查器 Logchef HTMLHint Eidos 文档 opencode
就到这里!👋
感谢又一个美好的月份!我们迫不及待地想看到您下个月会构建出什么!
想在下个月的文章中出现吗?在我们的 Discord 的 #showcase
频道中分享您的 Astro 网站、项目、应用程序、工具、博客文章、演示和视频,和/或在社交媒体上标记我们!