内容管理系统

Fumadocs 是一个基于Markdown的CMS，帮助您在代码库中以结构化方式管理内容。我们使用它来管理博客和文档的MDX内容。

如何编写内容？

所有内容都存放在/content目录下，分为两个子目录：blog和docs。

您只需在相应目录中创建新的MDX文件，Fumadocs会自动扫描这些文件并生成对应的页面。

如果您不想了解太多技术细节，可以直接跳过以下部分。

只需参考目录中的示例mdx文件来编写新内容，这非常简单

如何通过Adsense盈利？

如果想在文档中添加Google广告，请按照以下步骤操作：

将您的Google广告ID添加到环境变量NEXT_PUBLIC_GOOGLE_ADS_PUB_ID中
在文章希望显示广告的位置添加<Adsense />标签

---
title: Fuma doc
authors: [allentown]
tags: ["Fuma doc"]
date: 2024-12-27
---
 
## 关于Fumadocs
 
![banner](/images/blog/fuma.png)
 
<Adsense />

什么是内容源？

您内容的输入/来源，可以是CMS，也可以是本地数据层如内容集合和Fumadocs MDX(官方内容源)。

Fumadocs经过精心设计，允许自定义内容源，如果您感兴趣，还有Sanity的示例。

lib/source.ts是组织内容源代码的地方。

布局样式

您可以打开app/layout.config.tsx，它包含布局的共享选项。 Fumadocs为文档页面提供默认的文档布局，为其他页面提供首页布局。

您可以在layout.tsx中自定义布局。

搜索功能

app/api/search/route.ts包含搜索的路由处理器，默认由Orama提供支持。

导航链接

导航链接会传递给布局，您也可以在布局配置中自定义它们。

import { BookIcon } from 'lucide-react';
import type { BaseLayoutProps } from 'fumadocs-ui/layouts/shared';
 
export const baseOptions: BaseLayoutProps = {
  links: [
    {
      icon: <BookIcon />,
      text: '博客',
      url: '/blog',
    },
  ],
};

访问Fumadocs获取详细信息和额外功能。