463 字
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://shirone.mysqil.com/posts/option-groups/
作者
Shirone
发布于
2026-08-28
许可协议
CC BY-NC-SA 4.0

分享文章

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

继续阅读

沿着主题读

基于共同的标签与分类

换条路线

从其他文章中稳定抽取