使用 Bun 和 Astro
Bun 是为提高速度而构建的 JavaScript 运行时。有关更多信息请参阅 Bun 官方文档。
将 Bun 与 Astro 结合使用仍处于实验阶段。某些整合可能无法如预期般工作。如果你在使用 Bun 时遇到任何问题,请在 GitHub 上提交一个 issue!
安装 Bun
标题部分 安装 Bun使用以下命令安装 Bun:
用 Bun 创建一个新的 Astro 项目
标题部分 用 Bun 创建一个新的 Astro 项目使用下面的 Create Astro
命令用 Bun 创建一个新的 Astro 项目:
安装依赖项
标题部分 安装依赖项如果你使用 bunx create-astro
启动一个新项目,CLI 会自动使用 Bun 来安装依赖项,你可以跳过这一步。
否则,你需要使用 Bun 安装依赖项:
使用 Astro 集成
标题部分 使用 Astro 集成你也可以使用任何官方的 Astro 集成与 Bun 和 Astro add
命令:
这与使用 NPM 完全一样,但使用 Bun 的快速运行时带来了额外的好处。
用 Bun 构建你的网站
标题部分 用 Bun 构建你的网站为了构建和服务你的站点,Bun 有以下的命令:
Bun 的 build 命令将把站点输出到 dist/
目录。
然后,你可以使用 preview
命令来预览你的网站:
更多方案
-
状态共享
学习如何使用 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 组件中共享状态