跳至內容
Fumadocs

Remark 步驟

從標題產生步驟

使用方式

Remark 步驟是一個 remark 外掛,請將它加入您的設定:

source.config.ts
import { defineConfig } from 'fumadocs-mdx/config';
import { remarkSteps } from 'fumadocs-core/mdx-plugins/remark-steps';

export default defineConfig({
  mdxOptions: {
    remarkPlugins: [remarkSteps],
  },
});

輸入

建立步驟標題:

# Heading 1 [step]

## Sub Heading 1 [step]

## Sub Heading 2 [step]

# Heading 2 [step]

輸出

此外掛應會產生以下結構。

<div className="fd-steps">
  <div className="fd-step">
    # Heading 1
    <div className="fd-steps">
      <div className="fd-step">## Sub Heading 1</div>
      <div className="fd-step">## Sub Heading 2</div>
    </div>
  </div>
  <div className="fd-step"># Heading 2</div>
</div>

How is this guide?

最後更新於