Astro 最新消息 - 2024 年 1 月

2023 年是 Astro 意义非凡的一年，而 2024 年注定会更加辉煌。让我们来看看最新的进展！

来自 Mission Control 的更新

我们在 Discord 上开设了一个新频道 #dev-integrations，这是所有构建 Astro 集成的人的新家园。
Starlight 被提名为 Product Hunt 开源金猫奖。
我们推出了Astro 官方新闻邮件。如果您想了解 Astro 生态系统中的所有动态，请注册！
不想错过任何 Astro 活动？订阅我们的 Astro 社区日历。

发布

今年第一个月，Astro 和 Starlight 都发布了小版本更新，开局强劲 💪！

文档

本月 Astro 和 Starlight 文档新增：专门的社区资源页面。查看社区制作的 Astro 教育内容，以及不断增长的Starlight 内容列表。回顾一些您可能错过的经典演讲、采访和直播。

我们的每周 Discord 通话“讨论与文档化”让您有机会观看文档团队公开工作，加入共享的 Codespace 或 Gitpod Workspace，并一起实时为文档做贡献。本月主题包括

构建一个新的 <ReadMore /> 组件。 在观看了 Chris 的构建过程后，所有参会者都立即投入代码库中，帮助查找和替换所有旧的“表情符号 + 查看更多链接”模式的出现。
试用 Lunaria 及其文档。 我们从一个新的 Starlight 项目开始，最终得到了一个具有完整翻译状态跟踪的网站！
文件/URL 结构组织。 很快，我们所有页面的 URL 都将与其侧边栏部分相对应！在 12 个人同时在代码库中移动文件并更新链接的情况下，我们是如何做到没有破坏任何东西的呢？🫣

社区

HiDeoo 加入 Astro 核心团队！

对于关注 Starlight 开发的人来说，HiDeoo 应该不陌生！HiDeoo 长期以来一直致力于 Starlight 的开发，并引入了一些令人惊叹的功能、插件和 starlight-blog 主题。

欢迎 HiDeoo 🥳！

12 月社区奖项

🌟 500 美元奖励给 @fryuni，感谢其对 Astro 核心的杰出贡献并积极参与社区的各个领域。
🍾 250 美元奖励给 @100gle，感谢其积极参与 Astro 文档的中文翻译工作。
🎈 250 美元奖励给 @thomasbnt，感谢其积极参与 Astro 文档的法文翻译工作。
🎊 250 美元奖励给 @vxoblope，感谢其对 Astro 文档的有用贡献和积极参与社区。
🎉 250 美元奖励给 @rishirajjain，感谢其对 Astro 生态系统的贡献。

访问我们的社区网站，了解更多关于 Astro 社区奖项的信息。

展示

内容

因为你永远不会厌倦观看和阅读 Astro 相关内容。

📄 Astro 年度回顾 by @shf0811
📄 如何在 Astro 中使用 Unleash 实现特性标志 by @rishirajjain
📄 Astro 中自动生成最后修改日期 by @scottwillsey
📄 如何使用 Astro Partials、自定义元素和 Edge 中间件实现服务器岛屿 by @mayank
📺 从 Canva 到 Astro：使用 Astro 创建健身网站 by @petitpois
📄 迁移到 Astro（从 Next.js） by @raygesualdo
📄 轻松为 Astro 添加阅读时间 by @jahir
📄 教程：Ghost CMS 和 Astro by @adamm2047
📄 构建您自己的图片画廊 CMS by @rishirajjain
📄 为您的 Starlight 网站添加赞助商 by @otterlord.dev
📺 懒人的 Obsidian + Astro 工作流集成 by @nikolovlazar
📄 使用 Astro 构建单页应用程序 by @Sh4yy
📄 使用 Disqus 为您的 Astro 博客添加评论 by @konigartus
📄 使用 Inngest 为 Astro 应用添加工作流 by @sylwiavargas
📄 Astro 中的基本事件处理，并非那么简单！ by @Chris | Gada Dev Team#5891
📺 如何使用 Astro 和 Xata 上传图片 by @rishirajjain
📄 深色模式 by @xypnox
📄 使用 Vercel Postgres - Drizzle - Astro 进行基本分析 by @tledoux
📺 页面组件 - 优于 React 服务器组件 by @koshchei.
📄 SSR 的未来是 RSC by @colby.white
📄 在 Internet Computer 上使用 Astro + Svelte by @rbole
📺 Astro Icon 刚刚发布 1.0 版本 by @chrispennington
📄 将 HTMX 与 Astro Partials 结合使用 by @vxoblope
📄 使用 Astro 和 Nodemailer 发送邮件 by @oliverspeir
📄 使用 Astro 和 Drupal 创建 Web 应用程序 by @vincenzogambino
📄 Astro API 教程 by @stefanrows
📄 Astro Kwesforms 与 Rive by @pauliescanlon
📄 使用 Astro 暂时摆脱 React 的束缚，尝试 Qwik by @pauliescanlon

技巧与工具

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

不要错过 Astro 维护者 @martrapp 构建的视图转换技巧包 👜✨，这是一个展示视图转换演示和模式的精彩集锦。找到新的动画和过渡效果添加到您的项目中，并提交您自己的想法！

想构建您自己的 Astro 集成吗？看看 Astro 维护者 @florian_lefebvre 构建的 Astro 集成工具包 🛠️。它提供了一个易于设置的模板，包含完整的文档，可用于快速启动您的新集成。开始构建吧，并加入 #dev-integrations 频道一起交流。

本月我们发现的其他工具包括

imgit.dev 一个用于优化图片、视频和 YouTube 嵌入的工具，并提供了专门的 Astro 集成
npmc.dev NPM 的替代前端 by @athebigbot
patrick91/astro-meta-tags by @patrick.py
我的 Astro Snipcart 插件入门 by @adamm2047
astro-server-only-modules by @arshsx
remark-imgattr by @oliverspeir
Astro 博客集成 by @Jumper#8174
Ghost 内容 API JS 库 by @adamm2047
florian-lefebvre/astro-env by @florian_lefebvre
astro-integration-template by @florian_lefebvre
MatthiesenXYZ/astro-ghostcms by @adamm2047
Unpic：Astro 图片服务 by @ascorbic.
Lucia 3.0 by @pilcrowonpaper
igloczek/astro-electron by @igloczek.
astro-devtoolbar-tailwind by @Jumper#8174

主题与模板

本月新增并发布了多个 Astro 主题。快来试试吧！

更多模板

chartley-template.vercel.app by @chartley
cosmicthemes.com/themes/demo/the-void by @lastchaos.
Astro i18n 博客入门模板 by @Koos
Astrodev by @alamguardin
Futurethemes: Blog - Galaxy by @Jumper#8174
biztrox-astro.vercel.app by @tffahim
Astro / Lucia Auth / Neon (Postgres) 入门套件 by @siegerts_
astro-minimal.netlify.app by @prerad
Astro 聚光灯主题 (开发中) by @androidak0r
Mallen by @.hydde
CaribeSky by @alejostereo
drab by @rossrobino

网站

本月所有提交到 Discord #showcase 频道并在社区会议上展示的社区成员网站。

Starlight 实例

看看我们本月发现的新 Starlight 站点。

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