LogoPicGo Docs
LogoPicGo Docs
首页

介绍

快速入门什么是 Fumadocs对比

设置

手动安装静态导出

写作

Markdown国际化

UI

概览主题搜索
组件
手风琴横幅代码块(动态)文件GitHub 信息可缩放图片内联目录根切换器步骤选项卡类型表格
MDX
组件

文件

在文档中显示文件结构

page.tsx
layout.tsx
page.tsx
global.css
package.json

使用方法

将文件组件包装在 Files 中。

import { File, Folder, Files } from 'fumadocs-ui/components/files';

<Files>
  <Folder name="app" defaultOpen>
    <File name="layout.tsx" />
    <File name="page.tsx" />
    <File name="global.css" />
  </Folder>
  <Folder name="components">
    <File name="button.tsx" />
    <File name="tabs.tsx" />
    <File name="dialog.tsx" />
  </Folder>
  <File name="package.json" />
</Files>

File

Folder

代码块(动态)

也能高亮代码的代码块

GitHub 信息

显示您的 GitHub 仓库信息

目录

使用方法
File
Folder