Remark 步驟
從標題產生步驟
使用方式
Remark 步驟是一個 remark 外掛,請將它加入您的設定:
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?
最後更新於
