控件

选项卡

import Tabs from '@theme/Tabs';
import TabItem from '@theme/TabItem';

<Tabs>
<TabItem value="js" label="JavaScript">

```js
function helloWorld() {
  console.log('Hello, world!');
}
```

</TabItem>
<TabItem value="py" label="Python">

```py
def hello_world():
  print("Hello, world!")
```

</TabItem>
<TabItem value="java" label="Java">

```java
class HelloWorld {
  public static void main(String args[]) {
    System.out.println("Hello, World");
  }
}
```

</TabItem>
</Tabs>

效果：

JavaScript

function helloWorld() {
  console.log('Hello, world!');
}

Python

def hello_world():
  print("Hello, world!")

Java

class HelloWorld {
  public static void main(String args[]) {
    System.out.println("Hello, World");
  }
}

文档卡片列表

import DocCardList from '@theme/DocCardList';

<DocCardList />

效果：

📄️ 代码块

代码块的基本语法如下：

📄️ 文档块

引用

📄️ 图表与流程图

你可以通过 在线编辑器 设计图表。

📄️ 媒体

使用 alt-text 语法插入媒体。

📄️ 重用内容

可以将 Markdown 文件内容导入。导入声明上下必须各有一行空白行。

📄️ 控件

选项卡

📄️ 适配暗色主题

使用 themed 自动适配主题

注意

该控件只能在包含多个文档（.md 文件）的文件夹中使用。

重定向

import {Redirect} from '@docusaurus/router';

<Redirect to={require("../10-edit-help/index.md").metadata.permalink} />

效果参考 重定向