Markdown 选项组 - Fishing's Blog

选项组将等效的说明放在一起，而无需重复周围的解释。每个选项都接受完整的块级 Markdown，而所选值可以与同一页面上的另一个组同步。

选择包管理器#

使用 @tab:active 选择初始选项。# 之后的后缀提供一个稳定的值，而不会改变可见标题。

npm

使用 npm 安装该包：

1
npm install astro

pnpm

使用 pnpm 安装该包：

1
pnpm.cmd add astro

Bun

使用 Bun 安装该包：

1
bun add astro

此组共享 package-manager id。选择上面的某个选项会更新下面匹配的命令，并记住该选择以便下次访问。

npm

1
npm run dev

pnpm

1
pnpm.cmd dev

Bun

1
bun run dev

较长的选项行会保持在一行内，并在窄屏幕上于其自身的导航区域内滚动。

Local workstation

在开发功能时使用本地工具链。

Hosted preview environment

发布临时预览以供审核。

Continuous integration

为每次更改运行确定性验证。

Production deployment

将经过验证的构建产物提升到生产环境。

Offline recovery workflow

当网络不可用时，从本地构建产物恢复。

1
::: tabs#package-manager
2

3
@tab npm
4

5
Use npm instructions here.
6

7
@tab:active **pnpm**#pnpm
8

9
Use pnpm instructions here.
10

11
:::

每个组至少需要两个 @tab 部分，并且每个部分都需要正文内容，正文与其标记之间用空行分隔。无效或不完整的组将保持为普通 Markdown 的可读形式。