Nextra 3.0 已发布。 了解更多

步骤组件

一个内置组件,用于将编号列表转换为步骤的可视化表示。

示例

这是第一步

这是第一步的描述。

这是第二步

这是第二步的描述。

这是第三步

这是第三步的描述。

用法

使用 <Steps> 组件包装一组 Markdown 标题,以将其转换为可视化步骤。它支持 <h2><h3><h4> 标题。您可以根据页面上的内容层次结构选择合适的标题级别。

MDX
import { Steps } from 'nextra/components'
 
## Getting Started
 
Here is some description.
 
<Steps>
### Step 1
 
Contents for step 1.
 
### Step 2
 
Contents for step 2.
</Steps>

从目录中排除标题

要排除 <Steps> 组件(或任何其他标题)中的标题出现在目录中,请将 Markdown 标题 ### ... 替换为用花括号括起来的 <h3> HTML 元素。

MDX
<Steps>
- ### Step 1
+ {<h3>Step 1</h3>}
 
Contents for step 1.
</Steps>