Tabs(标签页)是 Doks 提供的一种特殊的内容块,用于组织和展示相关内容。通过使用 Tabs,你可以将内容分成多个标签页,用户可以点击不同的标签来切换显示不同的内容,从而提升文档的可读性和用户体验。

Tip

根据测试,无法在 Tabs 中使用 Callout 短代码.

你可以在 Markdown 中使用 {{< tabs >}}{{< tab >}} shortcodes 来创建 Tabs。

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
{{< tabs "create-new-site" >}}
{{< tab "npm" >}}

```bash
npm create thulite@latest
```

{{< /tab >}}
{{< tab "pnpm" >}}

```bash
pnpm create thulite@latest
```

{{< /tab >}}
{{< tab "Yarn" >}}

```bash
yarn create thulite
```

{{< /tab >}}
{{< /tabs >}}

在上面的示例中,我们创建了一个名为 “create-new-site” 的 Tabs,包含三个标签页,分别是 “npm”、“pnpm” 和 “Yarn”,每个标签页内都有对应的命令示例。

你可以根据需要创建任意数量的 Tabs 和 Tab,并在每个 Tab 中放置不同的内容。Tabs 是组织大量相关内容的绝佳方式,尤其适用于展示不同平台、工具或方法的对比信息。

cd 命令可以在每个标签页中使用,用户切换标签时会保持当前的工作目录不变,这使得 Tabs 非常适合展示不同环境或工具的使用方法,而不需要担心路径问题。

通过使用 Tabs,你可以更好地组织和展示内容,提升文档的可读性和用户体验。无论是展示不同工具的使用方法,还是对比不同平台的配置,Tabs 都是一个非常实用的功能。