Astro 配方

请参阅向 Astro 项目添加功能的指导示例。

¥See guided examples of adding features to your Astro project.

官方秘诀

标题部分 官方秘诀

¥Official Recipes

Astro 的官方秘诀是简短、重点突出的操作指南，可引导读者完成特定任务的工作示例。通过遵循分步说明，秘诀是向你的 Astro 项目添加新功能或行为的好方法！

¥Astro’s official recipes are short, focused how-to guides that walk a reader through completing a working example of a specific task. Recipes are a great way to add new features or behavior to your Astro project by following step-by-step instructions!

• 安装 Vite 或 Rollup 插件

  了解如何通过向项目添加 Rollup 插件来导入 YAML 数据。

• 分析包大小

  了解如何使用 `rollup-plugin-visualizer` 分析 Astro 生成的包。

• 构建自定义图片组件

  了解如何使用 getImage 函数构建支持媒体查询的自定义图片组件。

• 使用 API 路由构建表单

  了解如何使用 JavaScript 将表单提交发送到 API 路由。

• 在 Astro 页面中构建 HTML 表单

  了解如何构建 HTML 表单并处理前言中的提交。

• 将 Bun 与 Astro 一起使用

  了解如何在 Astro 网站上使用 Bun。

• 从服务器调用端点

  了解如何从 Astro 中的服务器调用端点。

• 验证验证码

  了解如何创建 API 路由并从客户端获取它。

• 使用 Docker 构建你的 Astro 站点

  了解如何使用 Docker 构建 Astro 站点。

• 动态导入图片

  了解如何使用 Vite 的 import.meta.glob 函数动态导入图片。

• 向外部链接添加图标

  了解如何安装 rehype 插件以向 Markdown 文件中的外部链接添加图标。

• 添加国际化功能

  使用动态路由和内容集合为你的 Astro 站点添加国际化支持。

• 创建开发工具栏应用

  了解如何为你的网站创建开发工具栏应用。

• 添加上次修改时间

  构建一个 remark 插件，将上次修改时间添加到 Markdown 和 MDX 中。

• 添加阅读时间

  构建一个 remark 插件以添加 Markdown 或 MDX 文件的阅读时间。

• 添加 RSS 源

  将 RSS 提要添加到你的 Astro 网站，以便用户订阅你的内容。

• 岛之间共享状态

  了解如何使用 Nano Store 跨框架组件共享状态。

• Astro 组件之间共享状态

  了解如何使用 Nano Stores 跨 Astro 组件共享状态。

• 使用 Tailwind Typography 渲染 Markdown 样式

  了解如何使用 @tailwind/typography 来设计渲染的 Markdown。

• 使用流式传输来提高页面性能

  了解如何使用流式传输来提高页面性能。

社区资源

标题部分 社区资源

¥Community Resources

Find more recipes written and submitted by the community at Astro Tips.