Astro 方案

查看向你的 Astro 项目中添加新功能的指导示例。

官方方案

段落标题 官方方案

Astro 的官方方案是一系列简洁明了的操作指南，是用于引导读者完成特定任务的工作示例。如果你想为你的 Astro 项目添加新功能或行为，跟随这些方案一步步操作是个不错的办法。

• 分析打包产物的大小

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

• 构建自定义图像组件

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

• 安装一个 Vite 或 Rollup 插件

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

• 使用 API 路由构建表单

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

• 在 Astro 页面中构建 HTML 表单

  了解如何在 Astro 页面中构建 HTML 表单并在你的 frontmatter 中处理提交请求。

• 调用服务器端点

  了解如何在 Astro 中调用服务器端点

• 在 Astro 中使用 Bun

  了解如何在 Astro 站点中使用 Bun。

• 校验验证码

  了解如何创建一个 API 路由并从客户端进行获取。

• 用 Docker 来构建你的 Astro 网站

  了解如何使用 Docker 来构建你的 Astro 网站。

• 动态导入图片

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

• 为链接添加图标

  了解如何安装 rehype 插件并为你 Markdown 文件中的链接添加图标。

• 添加 i18n 功能

  通过动态路由和内容集合来让你的 Astro 站点支持国际化。

• 创建开发者工具栏应用

  学习如何为你的网站创建开发者工具栏应用。

• 添加最后修改时间

  编写一个在你的 Markdown 和 MDX 文件里添加最后修改时间的 remark 插件。

• 添加阅读时间

  编写一个在你的 Markdown 和 MDX 文件里添加阅读所需时间的 remark 插件。

• 添加 RSS 摘要

  通过向你的 Astro 网站添加 RSS 摘要让用户来订阅你的内容。

• 群岛间的状态共享

  学习如何使用 Nano Stores 在框架组件之间共享状态

• 在 Astro 组件中共享状态

  了解如何通过 Nano Stores 在 Astro 组件中共享状态。

• 使用流式处理来提升页面性能

  了解如何使用流式处理来提升页面性能

• 使用 Tailwind Typography 美化渲染后的 Markdown

  了解如何使用 @tailwind/typography 美化你渲染后的 Markdown。

社区资源

段落标题 社区资源

在 Astro Tips 中查找更多由社区编写和提交的方案。