备注文件

介绍

🌐 Introduction

这个插件接受这样的代码块：

🌐 This plugin takes a codeblock like:

```files
project
├── src
│   ├── index.js
│   └── utils
│       └── helper.js
├── package.json
```

并转换为：

🌐 and convert into:

<Files>
  <Folder name="project" defaultOpen>
    <Folder name="src" defaultOpen>
      <File name="index.js" />
      <Folder name="utils" defaultOpen>
        <File name="helper.js" />
      </Folder>
    </Folder>
    <File name="package.json" />
  </Folder>
</Files>

安装

🌐 Setup

添加 remark 插件：

🌐 Add the remark plugin:

source.config.ts

import { remarkMdxFiles } from 'fumadocs-core/mdx-plugins';
import { defineConfig } from 'fumadocs-mdx/config';

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

并确保你已经定义了 <Files />、<Folder />、<File /> MDX 组件。

🌐 And make sure you have defined <Files />, <Folder />, <File /> MDX components.

介绍

安装

On this page