Astro 新动态 - 2024 年 12 月

本月 Astro 生态系统中有一些激动人心的消息。让我们一探究竟！

来自 Mission Control 的更新

• 🚀 Astro 5.0 发布了
• 🗓 Astro 2024 年度回顾
• 🤝 Google IDX：我们的官方在线编辑器合作伙伴

最新发布

• Astro 5.1.1
• Starlight 0.30.3

社区

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

Astro 团队新闻

我们很高兴地欢迎我们最新的 Astro 维护者 @thomasbnt！

Merci et bienvenue, astronaut! 🫡

展示

内容

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

• 👅 Bytes.dev 报道 Astro 5
• 🔥 Astro 5 登上 Front-end Fire (12:50 处)
• 🆕 The New Stack 在《2024 年 Web 开发趋势：回归简约》中指出，“Astro 无疑是今年最流行的 Web 框架之一”。
• 🐠 Brassbound Oceana：一款用 Astro 构建的 2D 横向卷轴游戏
• 🌟 Arcjet 介绍了他们如何使用 Astro Starlight 构建多框架文档
• 📊 查看 Astro 在 2024 State of JS 元框架部分的排名结果。

Astro @astro.build

State of JS 报告出炉。Astro 现已成为使用率第二高的框架，并在留存率和积极度方面排名第一。感谢各位宇航员今年的支持 🏆

2024 年 12 月 16 日, UTC 时间下午 3:07

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

• 我们为什么切换到 Astro（以及为什么你可能也会感兴趣）
• 使用 Astro + Turso 实现现代电子商务缓存：三部曲系列
• 将 Astro 内容层与 Github 仓库结合使用
• 添加 Astro“健康检查”端点
• 如何在 Astro 中保留 React 组件的状态
• 玩转捉迷藏：如何在视图过渡期间控制伪元素的堆叠
• 为 Casa Grande 墨西哥餐厅构建网站：一个案例研究
• 为什么我把我的网站从 Next.js 迁移到了 Astro
• 使用 AstroDB 和 Turso 为你的 Astro 博客添加评论功能
• 如何为你的 Astro 博客添加 Bluesky 评论
• 升级 Astro 代码片段
• 使用 Directus CMS、Neon Postgres 和 Astro 构建博客
• 构建一个 Astro 原生 UI 库教会了我什么
• 我为什么以及如何将我的博客从 Middleman SSG 迁移到 Astro
• 在 Smallweb 中运行 Astro 应用
• 网站已迁移至 Astro
• Runtime Logger 集成的工作原理

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

技巧与工具

最新的社区构建的实用工具和集成，助你使用 Astro 进行开发

• Domain Expansion - 一个为 Astro 添加增量构建支持的集成。
• Sonda - 可视化你的 Astro 打包文件
• astro-word-loader - 将 .docx 和 .doc 文件加载到 Astro 内容集合中
• astro-typed-links - 一个能自动获取页面类型化链接的 Astro 集成
• astro-globals - 一个将站点数据存储在全局虚拟模块中的 Astro 集成
• @terrahq/astro-core - 一组核心 Astro 组件，旨在简化资产管理和表单创建
• Flickr loader - 用于 Flickr API 的内容层加载器
• github-repos-astro-loader - 一个 Astro 内容加载器，用于获取 GitHub 仓库及其 README 文件
• starlight-plugin-show-latest-version - 在你的 Starlight 插件文档中显示其最新发布的版本
• Bag of Tricks: <TurnSignal /> - 为每个链接设置单独的视图过渡，并为每次导航选择不同的动画效果

… 以及一些用 Astro 构建的工具

• RSS Beauty - 将 RSS 源转换为优美的阅读格式，以获得更好的阅读体验。
• Astro glob() 加载器配置生成器 - 需要检查你的内容集合 loader 配置吗？使用此 Web 应用，在使用 Astro 内置的 glob() 加载器时生成正确的设置。
• OG image maker - 一个免费的 OG 图像生成器工具，你可以用它为你的博客文章、文章和社交媒体帖子创建精美的 Open Graph 图像。
• Two idiots, one keyboard - 一款受 ThePrimagen “两个白痴一个键盘” 视频启发的工程团队建设游戏。

主题与模板

本月，Astro 主题目录中新增了几个 Astro 主题。快来试试吧！

• 具有动态设计的现代作品集模板 由 Mykyta Cherniavskyi
• Alfadev-Astro-Starter 由 Diego Alfaro Sáez
• Oryle 由 UI Petal
• Qurno Astro 由 Platol
• ASTRObash 由 jjunlob074
• Astro Zen Blog 由 yujian(larry) xue
• Sapick Astro 由 Themefisher
• Horizon 由 Cosmic Themes
• AstroNavigator 由 BetaStreetOmnis
• astro news 由 Mohammad RAHMANI
• Void Flower 由 Serpentarius13
• BENTO-SPLINE 由 jjunlob074
• PlainPage 由 桃树夭
• Astro Air 由 Guoqi Sun
• 极简目录网站 由 Luke Nguyen
• Antares 由 汐涌及岸
• Charm 由 Yuhan
• AstroPie 由 WP Infusion
• Pawstronaut 由 WP Infusion
• Spectre 由 Louis Escher

也看看新的 Starlight 主题

• 📻 Gruvbox - Starlight 的复古风格主题
• 😺 Catppuccin - Starlight 的舒缓柔和色调主题

网站

正在寻找灵感？查看本月所有社区成员提交到 Astro showcase 的网站。 提交你用 Astro 构建的网站！

• 母语宣言
• Анонимные Прокрастинаторы - официальный сайт СНГ
• المدونة
• Chhatresh Khatri | 作品集
• 德州前端 Web 开发服务 | MUELLER Solutions, 德州奥斯汀
• Ridelist
• 印度公民必备知识
• 主页 | Be Amazed
• 欢迎 | 现代网站
• Zawody Agility | Agilix 🐾
• AkbarPekat | UI/UX 设计师
• simbuy.shop: Mobiles Internet mit eSIMs auf Deiner Reise
• Yujian 的博客
• AppCost.AI | 软件开发成本计算器
• 松树魔法
• The Blogdoang — 我作为云架构师存放笔记的博客
• The Pillar — 深度自省的空间
• 2024 年回顾 - Vortexa
• Jesica
• 禅意浏览器
• Eventua11y - 数字无障碍活动日历
• 专业网页设计服务 | SEO 优化网站 | Veblabs | VEB Labs
• 核心规范 – Unicode 16.0.0
• 作品集网站展示 | Killer Portfolio
• Click2it | 数字营销机构, 网页设计, 悉尼 Shopify 专家
• 定制 Web 开发 SEO 服务 | Araptus
• Worklenz - 免费开源的项目管理工具
• 大连理工大学网络与开源软件协会
• 珀斯自由职业 Web 开发者 — Websmith Studio
• OnlCalc - 在线计算器
• Digitzen
• Supa Fonts - 字体和字体生成器库
• 支持 Svelte + React 的 Astro 组件库
• Brassbound Oceanica One
• Brassbound Oceanica One
• Sonda
• Kvítí jinak - květinářství Přerov
• La història del Bàsquet Granollers
• Blake Lam | Web 开发者
• Little Website Co.
• Klas Näsman
• Inspotype
• artivilla | 创意技术专家
• 主页 - IJ Construction Group

Starlight 实例

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

• Trippy：一个网络诊断工具 | Trippy
• OpenAuth
• 在 TypeScript 中测试 GenAI 驱动的应用 | Evalite
• 便携式文本编辑器 | Portable Text Editor

就到这里！👋

2024 年的内容就到这里。感谢您与我们共度这一年，我们迫不及待地想在 2025 年再次见到您！

想在下个月登上这个列表吗？在我们的 Discord 的 #showcase 频道中发布你的 Astro 网站、项目、应用、工具、博客文章、演示和视频吧！