更多方案
为你的 Astro 项目中添加特性的示例。
官方方案
标题部分 官方方案-
状态共享
学习如何使用 Nano Stores 在框架组件之间共享状态
-
添加 RSS 摘要
通过向你的 Astro 网站添加 RSS 摘要让用户来订阅你的内容。
-
Installing a Vite or Rollup plugin
Learn how you can import YAML data by adding a Rollup plugin to your project.
-
使用 API 路由构建表单
了解如何使用 JavaScript 发送表单到 API 路由
-
在 Astro 页面中构建 HTML 表单
了解如何在 Astro 页面中构建 HTML 表单并在你的 frontmatter 中处理提交请求
-
使用 Bun 和 Astro
学习如何在 Astro 网站上使用 Bun。
-
调用服务器端点
了解如何在 Astro 中调用服务器端点
-
校验验证码
了解如何创建一个 API 路由并从客户端进行获取。
-
用 Docker 来构建你的 Astro 网站
了解如何使用 Docker 来构建你的 Astro 网站。
-
为链接添加图标
了解如何安装 rehype 插件并为你 Markdown 文件中的链接添加图标
-
添加 i18n 功能
通过动态路由和内容集合来让你的 Astro 站点支持国际化。
-
Add Last Modified Time
Build a remark plugin to add the last modified time to your Markdown and MDX.
-
添加阅读时间
构建一个 remark 插件并将其添加到你的 Markdown 或 MDX 文件中。
-
在 Astro 组件中共享状态
了解如何通过 Nano Stores 在 Astro 组件中共享状态
社区资源
标题部分 社区资源晒出你的方案!更多详情请查看示例贡献指南。
- 通过动态文件名引入图片
- 用 Swup 添加页面过渡动画
- 在 Astro 中使用 UnoCSS
- 在 Astro 中通过 Markdown 标题构建目录
- 创建用于删除 Markdown 文件中孤立词的 Remark 插件
- 使用 Pagefind 构建站内搜索
- 为 Astro 项目在 VSCode 中配置 ESLint 与 Prettier
- 优化 Astro 构建:修改 HTML 文件预发布
- 在 Astro 中用 Tailwind CSS 构建黑夜模式
- 在 Astro+Storyblok 项目中生成本地 sitemaps
- Astro+Tailwind CSS 项目中使用 Prettier
- 使用 Storyblok 的故事集为 Astro 添加 RSS 摘要
- Astro+tRPC 解决方案
- 使用 Crowdin 为 Astro 项目添加多语言支持
- 向您 Astro 博客的 RSS Feed 中加入博文中的图片
- 使用 Astro 设置微前端
- 使用 Lucia 添加用户名和密码认证
- 使用 Lucia 添加 Github OAuth 认证
- 在 Astro 中集成 Sentry