feat(tabs): better usage

This commit is contained in:
ZhenShuo Leo
2025-12-01 20:48:12 +08:00
parent 20044af981
commit eda9fc9bc3
7 changed files with 173 additions and 214 deletions

View File

@@ -721,74 +721,62 @@ The `tabs` shortcode is commonly used to present different variants of a particu
**Example**
`````md
{{</* tabs labels="Windows;;macOS;;Linux" */>}}
{{</* tabs */>}}
{{</* tab */>}}
{{</* tab label="Windows" */>}}
Install using Chocolatey:
Install using Chocolatey:
```pwsh
choco install vscode.install
```
```pwsh
choco install vscode.install
```
or install using WinGet
or install using WinGet
```pwsh
winget install -e --id Microsoft.VisualStudioCode
```
{{</* /tab */>}}
```pwsh
winget install -e --id Microsoft.VisualStudioCode
```
{{</* tab label="macOS" */>}}
```bash
brew install --cask visual-studio-code
```
{{</* /tab */>}}
{{</* /tab */>}}
{{</* tab */>}}
```bash
brew install --cask visual-studio-code
```
{{</* /tab */>}}
{{</* tab */>}}
See [documentation](https://code.visualstudio.com/docs/setup/linux#_install-vs-code-on-linux).
{{</* /tab */>}}
{{</* tab label="Linux" */>}}
See [documentation](https://code.visualstudio.com/docs/setup/linux#_install-vs-code-on-linux).
{{</* /tab */>}}
{{</* /tabs */>}}
`````
**Output**
{{< tabs labels="Windows;;macOS;;Linux" >}}
{{< tabs >}}
{{< tab >}}
{{< tab label="Windows" >}}
Install using Chocolatey:
Install using Chocolatey:
```pwsh
choco install vscode.install
```
```pwsh
choco install vscode.install
```
or install using WinGet
or install using WinGet
```pwsh
winget install -e --id Microsoft.VisualStudioCode
```
{{< /tab >}}
```pwsh
winget install -e --id Microsoft.VisualStudioCode
```
{{< tab label="macOS" >}}
```bash
brew install --cask visual-studio-code
```
{{< /tab >}}
{{< /tab >}}
{{< tab >}}
```bash
brew install --cask visual-studio-code
```
{{< /tab >}}
{{< tab >}}
See [documentation](https://code.visualstudio.com/docs/setup/linux#_install-vs-code-on-linux).
{{< /tab >}}
{{< tab label="Linux" >}}
See [documentation](https://code.visualstudio.com/docs/setup/linux#_install-vs-code-on-linux).
{{< /tab >}}
{{< /tabs >}}

View File

@@ -718,74 +718,62 @@ B-->C[利益]
**例**
````md
{{</* tabs labels="Windows;;macOS;;Linux" */>}}
{{</* tabs */>}}
{{</* tab */>}}
{{</* tab label="Windows" */>}}
Chocolatey を使用してインストール:
Chocolatey を使用してインストール:
```pwsh
choco install vscode.install
```
```pwsh
choco install vscode.install
```
または WinGet を使用してインストール
または WinGet を使用してインストール
```pwsh
winget install -e --id Microsoft.VisualStudioCode
```
{{</* /tab */>}}
```pwsh
winget install -e --id Microsoft.VisualStudioCode
```
{{</* tab label="macOS" */>}}
```bash
brew install --cask visual-studio-code
```
{{</* /tab */>}}
{{</* /tab */>}}
{{</* tab */>}}
```bash
brew install --cask visual-studio-code
```
{{</* /tab */>}}
{{</* tab */>}}
[ドキュメント](https://code.visualstudio.com/docs/setup/linux#_install-vs-code-on-linux)を参照。
{{</* /tab */>}}
{{</* tab label="Linux" */>}}
[ドキュメント](https://code.visualstudio.com/docs/setup/linux#_install-vs-code-on-linux)を参照。
{{</* /tab */>}}
{{</* /tabs */>}}
````
**出力**
{{< tabs labels="Windows;;macOS;;Linux" >}}
{{< tabs >}}
{{< tab >}}
{{< tab label="Windows" >}}
Chocolatey を使用してインストール:
Chocolatey を使用してインストール:
```pwsh
choco install vscode.install
```
```pwsh
choco install vscode.install
```
または WinGet を使用してインストール
または WinGet を使用してインストール
```pwsh
winget install -e --id Microsoft.VisualStudioCode
```
{{< /tab >}}
```pwsh
winget install -e --id Microsoft.VisualStudioCode
```
{{< tab label="macOS" >}}
```bash
brew install --cask visual-studio-codeqweqwe
```
{{< /tab >}}
{{< /tab >}}
{{< tab >}}
```bash
brew install --cask visual-studio-code
```
{{< /tab >}}
{{< tab >}}
[ドキュメント](https://code.visualstudio.com/docs/setup/linux#_install-vs-code-on-linux)を参照。
{{< /tab >}}
{{< tab label="Linux" >}}
[ドキュメント](https://code.visualstudio.com/docs/setup/linux#_install-vs-code-on-linux)を参照。
{{< /tab >}}
{{< /tabs >}}

View File

@@ -727,74 +727,62 @@ The `tabs` shortcode is commonly used to present different variants of a particu
**Example**
`````md
{{</* tabs labels="Windows;;macOS;;Linux" */>}}
{{</* tabs */>}}
{{</* tab */>}}
{{</* tab label="Windows" */>}}
Install using Chocolatey:
Install using Chocolatey:
```pwsh
choco install vscode.install
```
```pwsh
choco install vscode.install
```
or install using WinGet
or install using WinGet
```pwsh
winget install -e --id Microsoft.VisualStudioCode
```
{{</* /tab */>}}
```pwsh
winget install -e --id Microsoft.VisualStudioCode
```
{{</* tab label="macOS" */>}}
```bash
brew install --cask visual-studio-code
```
{{</* /tab */>}}
{{</* /tab */>}}
{{</* tab */>}}
```bash
brew install --cask visual-studio-code
```
{{</* /tab */>}}
{{</* tab */>}}
See [documentation](https://code.visualstudio.com/docs/setup/linux#_install-vs-code-on-linux).
{{</* /tab */>}}
{{</* tab label="Linux" */>}}
See [documentation](https://code.visualstudio.com/docs/setup/linux#_install-vs-code-on-linux).
{{</* /tab */>}}
{{</* /tabs */>}}
`````
**Output**
{{< tabs labels="Windows;;macOS;;Linux" >}}
{{< tabs >}}
{{< tab >}}
{{< tab label="Windows" >}}
Install using Chocolatey:
Install using Chocolatey:
```pwsh
choco install vscode.install
```
```pwsh
choco install vscode.install
```
or install using WinGet
or install using WinGet
```pwsh
winget install -e --id Microsoft.VisualStudioCode
```
{{< /tab >}}
```pwsh
winget install -e --id Microsoft.VisualStudioCode
```
{{< tab label="macOS" >}}
```bash
brew install --cask visual-studio-code
```
{{< /tab >}}
{{< /tab >}}
{{< tab >}}
```bash
brew install --cask visual-studio-code
```
{{< /tab >}}
{{< tab >}}
See [documentation](https://code.visualstudio.com/docs/setup/linux#_install-vs-code-on-linux).
{{< /tab >}}
{{< tab label="Linux" >}}
See [documentation](https://code.visualstudio.com/docs/setup/linux#_install-vs-code-on-linux).
{{< /tab >}}
{{< /tabs >}}

View File

@@ -731,74 +731,62 @@ B-->C[Profit]
**示例**
````md
{{</* tabs labels="Windows;;macOS;;Linux" */>}}
{{</* tabs */>}}
{{</* tab */>}}
{{</* tab label="Windows" */>}}
使用 Chocolatey 安装:
使用 Chocolatey 安装:
```pwsh
choco install vscode.install
```
```pwsh
choco install vscode.install
```
或使用 WinGet 安装
或使用 WinGet 安装
```pwsh
winget install -e --id Microsoft.VisualStudioCode
```
{{</* /tab */>}}
```pwsh
winget install -e --id Microsoft.VisualStudioCode
```
{{</* tab label="macOS" */>}}
```bash
brew install --cask visual-studio-code
```
{{</* /tab */>}}
{{</* /tab */>}}
{{</* tab */>}}
```bash
brew install --cask visual-studio-code
```
{{</* /tab */>}}
{{</* tab */>}}
参见[文档](https://code.visualstudio.com/docs/setup/linux#_install-vs-code-on-linux)。
{{</* /tab */>}}
{{</* tab label="Linux" */>}}
参见[文档](https://code.visualstudio.com/docs/setup/linux#_install-vs-code-on-linux)。
{{</* /tab */>}}
{{</* /tabs */>}}
````
**输出**
{{< tabs labels="Windows;;macOS;;Linux" >}}
{{< tabs >}}
{{< tab >}}
{{< tab label="Windows" >}}
使用 Chocolatey 安装:
使用 Chocolatey 安装:
```pwsh
choco install vscode.install
```
```pwsh
choco install vscode.install
```
或使用 WinGet 安装
或使用 WinGet 安装
```pwsh
winget install -e --id Microsoft.VisualStudioCode
```
{{< /tab >}}
```pwsh
winget install -e --id Microsoft.VisualStudioCode
```
{{< tab label="macOS" >}}
```bash
brew install --cask visual-studio-code
```
{{< /tab >}}
{{< /tab >}}
{{< tab >}}
```bash
brew install --cask visual-studio-code
```
{{< /tab >}}
{{< tab >}}
参见[文档](https://code.visualstudio.com/docs/setup/linux#_install-vs-code-on-linux)。
{{< /tab >}}
{{< tab label="Linux" >}}
参见[文档](https://code.visualstudio.com/docs/setup/linux#_install-vs-code-on-linux)。
{{< /tab >}}
{{< /tabs >}}