390 字
2 分钟

Markdown 选项组

选项组将用途相同的不同操作方式放在一起,无需重复周围的说明。每个选项都支持完整的块级 Markdown,选中值还可以与同一页面上的另一组选项同步。

选择包管理器#

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

npm

使用 npm 安装软件包:

Terminal window
npm install astro
pnpm

使用 pnpm 安装软件包:

Terminal window
pnpm.cmd add astro
Bun

使用 Bun 安装软件包:

Terminal window
bun add astro

运行项目#

这一组共用 package-manager 标识。选择上方选项后,下方会切换到对应命令,并在下次访问时记住这一选择。

npm
Terminal window
npm run dev
pnpm
Terminal window
pnpm.cmd dev
Bun
Terminal window
bun run dev

多个备选项#

较长的选项行会保持单行,在窄屏上可在自身导航区域内滚动。

本地工作站

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

托管预览环境

发布临时预览,供审阅使用。

持续集成

对每次变更执行结果确定的校验。

生产部署

将验证通过的构建产物发布到生产环境。

离线恢复流程

网络不可用时,从本地产物恢复。

写作语法#

::: tabs#package-manager
@tab npm
在此填写 npm 操作说明。
@tab:active **pnpm**#pnpm
在此填写 pnpm 操作说明。
:::

每组至少需要两个 @tab 区段,每个区段都必须有正文,且正文与标记之间用空行分隔。无效或不完整的分组会保留为可读的普通 Markdown。

Markdown 选项组
https://blog.codingshen.top/posts/option-groups/
作者
AlexShen
发布于
2026-08-28
许可协议
CC BY-NC-SA 4.0

分享文章

生成精美分享图或复制链接,与更多人分享本文。

继续阅读

沿着主题读

基于共同的标签与分类

换条路线

从其他文章中稳定抽取

评论

正在加载评论...