My App

配置指南

了解如何配置 Fumadocs

基础配置

Fumadocs 的配置文件位于 source.config.ts

import { defineConfig, defineDocs } from 'fumadocs-mdx/config';

export const docs = defineDocs({
  dir: 'content/docs',
});

export default defineConfig({
  mdxOptions: {
    // MDX 配置
  },
});

主题配置

global.css 中自定义主题颜色:

@theme {
  --color-fd-primary: hsl(221, 83%, 53%);
  --color-fd-background: hsl(0, 0%, 100%);
}

导航配置

layout.shared.tsx 中配置导航:

export function baseOptions(): BaseLayoutProps {
  return {
    nav: {
      title: 'My Docs',
    },
  };
}

On this page