MkSaaS Docs
MkSaaS Docs
Homepage

介绍

快速入门什么是 Fumadocs对比

设置

手动安装静态导出

写作

Markdown国际化

UI

概览主题搜索
组件
MDX
文档布局
文档布局
主页布局
主页布局
笔记本
笔记本
文档页面
文档页面
根提供者
根提供者
Layouts

笔记本

文档布局的更紧凑版本

使用方法

使用 fumadocs-ui/layouts/notebook 启用笔记本布局,它比默认布局更加紧凑。

Notebook

layout.tsx
import { DocsLayout } from 'fumadocs-ui/layouts/notebook';
import { baseOptions } from '@/app/layout.config';
import { source } from '@/lib/source';
import type { ReactNode } from 'react';

export default function Layout({ children }: { children: ReactNode }) {
  return (
    <DocsLayout
      {...baseOptions}
      // the position of navbar
      nav={{ ...baseOptions.nav, mode: 'top' }}
      // the position of Sidebar Tabs
      tabMode="navbar"
      tree={source.pageTree}
    >
      {children}
    </DocsLayout>
  );
}

主页布局

其他页面的共享布局

笔记本

文档布局的更紧凑版本

Table of Contents

使用方法