LogoMkSaaS文档
    LogoMkSaaS文档
    首页

    介绍

    快速入门什么是 Fumadocs对比

    设置

    手动安装静态导出

    写作

    Markdown国际化

    UI

    概览主题搜索
    组件
    MDX
    文档布局主页布局笔记本文档页面根提供者
    X (Twitter)
    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>
      );
    }

    主页布局

    其他页面的共享布局

    文档页面

    文档中的页面

    目录

    使用方法