Skip to Content
🎉 Nextra 4.0 已发布。Dima Machina 正在 寻找新的工作或咨询机会

<Steps> 组件

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

示例

这是第一步

这是第一步的描述。

这是第二步

这是第二步的描述。

这是第三步

这是第三步的描述。

使用方法

将一组 Markdown 标题(从 <h2><h6>)包装在 <Steps> 组件中,以将它们显示为可视化步骤。你可以根据页面上的内容层次结构选择适当的标题级别。

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>
Last updated on