93 lines
2.5 KiB
Markdown
93 lines
2.5 KiB
Markdown
---
|
|
title: 标签页
|
|
next: /docs/guide/deploy-site
|
|
---
|
|
|
|
## 示例
|
|
|
|
{{< tabs items="JSON,YAML,TOML" >}}
|
|
|
|
{{< tab >}}**JSON**: JavaScript Object Notation (JSON) is a standard text-based format for representing structured data based on JavaScript object syntax.{{< /tab >}}
|
|
{{< tab >}}**YAML**: YAML is a human-readable data serialization language.{{< /tab >}}
|
|
{{< tab >}}**TOML**: TOML aims to be a minimal configuration file format that's easy to read due to obvious semantics.{{< /tab >}}
|
|
|
|
{{< /tabs >}}
|
|
|
|
## 使用
|
|
|
|
### 默认情况下
|
|
|
|
```
|
|
{{</* tabs items="JSON,YAML,TOML" */>}}
|
|
|
|
{{</* tab */>}}**JSON**: JavaScript Object Notation (JSON) is a standard text-based format for representing structured data based on JavaScript object syntax.{{</* /tab */>}}
|
|
{{</* tab */>}}**YAML**: YAML is a human-readable data serialization language.{{</* /tab */>}}
|
|
{{</* tab */>}}**TOML**: TOML aims to be a minimal configuration file format that's easy to read due to obvious semantics.{{</* /tab */>}}
|
|
|
|
{{</* /tabs */>}}
|
|
```
|
|
|
|
### 指定索引
|
|
|
|
使用 `defaultIndex` 属性指定选定的选项卡。索引从 0 开始。
|
|
|
|
```
|
|
{{</* tabs items="JSON,YAML,TOML" defaultIndex="1" */>}}
|
|
|
|
{{</* tab */>}}**JSON**: JavaScript Object Notation (JSON) is a standard text-based format for representing structured data based on JavaScript object syntax.{{</* /tab */>}}
|
|
{{</* tab */>}}**YAML**: YAML is a human-readable data serialization language.{{</* /tab */>}}
|
|
{{</* tab */>}}**TOML**: TOML aims to be a minimal configuration file format that's easy to read due to obvious semantics.{{</* /tab */>}}
|
|
|
|
{{</* /tabs */>}}
|
|
```
|
|
|
|
默认为 `YAML`
|
|
|
|
{{< tabs items="JSON,YAML,TOML" defaultIndex="1" >}}
|
|
|
|
{{< tab >}}**JSON**: JavaScript Object Notation (JSON) is a standard text-based format for representing structured data based on JavaScript object syntax.{{< /tab >}}
|
|
{{< tab >}}**YAML**: YAML is a human-readable data serialization language.{{< /tab >}}
|
|
{{< tab >}}**TOML**: TOML aims to be a minimal configuration file format that's easy to read due to obvious semantics.{{< /tab >}}
|
|
|
|
{{< /tabs >}}
|
|
|
|
|
|
### 使用 Markdown
|
|
|
|
还支持包括代码块的 Markdown 语法：
|
|
|
|
````
|
|
{{</* tabs items="JSON,YAML,TOML" */>}}
|
|
|
|
{{</* tab */>}}
|
|
```json
|
|
{ "hello": "world" }
|
|
```
|
|
{{</* /tab */>}}
|
|
|
|
... add other tabs similarly
|
|
|
|
{{</* /tabs */>}}
|
|
````
|
|
|
|
{{< tabs items="JSON,YAML,TOML" >}}
|
|
|
|
{{< tab >}}
|
|
```json
|
|
{ "hello": "world" }
|
|
```
|
|
{{< /tab >}}
|
|
|
|
{{< tab >}}
|
|
```yaml
|
|
hello: world
|
|
```
|
|
{{< /tab >}}
|
|
|
|
{{< tab >}}
|
|
```toml
|
|
hello = "world"
|
|
```
|
|
{{< /tab >}}
|
|
|
|
{{< /tabs >}}
|