hextra_mirror/exampleSite/content/docs/guide/shortcodes/steps.zh-cn.md

---
title: 步骤
---

一个内置组件，用于显示一系列步骤。

## 示例

{{% steps %}}

### 第一步

这是第一步。

### 第二步

这是第二步。

### 第三步

这是第三步。

{{% /steps %}}


## 使用方法

{{< callout emoji="ℹ️" >}}
  请注意，此短代码**仅适用于Markdown内容**。
  如果在步骤内容中放入HTML或其他短代码，可能无法按预期渲染。
{{< /callout >}}

在`steps`短代码内放置Markdown的三级标题。

```
{{%/* steps */%}}

### 第一步

这是第一步。

### 第二步

这是第二步。

{{%/* /steps */%}}
```