Markdown 选项组 - 蓝色大肥鱼

选项组可以把等价的多套说明收在一起，而不必重复周边的解释文字。每个选项都接受完整的块级 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

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。