> ## Documentation Index
> Fetch the complete documentation index at: https://mintlify-mintlify-add-hello-world-quickstart-48843.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# 管理内容

> 创建、编辑和组织文档页面

<div id="navigating-your-files">
  ## 浏览文件
</div>

使用侧边栏文件浏览器浏览文档文件。单击任意文件即可在编辑器中打开。

按 <kbd>Command</kbd> + <kbd>P</kbd>（Windows 上为 <kbd>Ctrl</kbd> + <kbd>P</kbd>）按名称搜索文件。

<div id="creating-new-pages">
  ## 创建新页面
</div>

<Steps>
  <Step title="创建新文件">
    在文件资源管理器侧边栏中选择 **Create a new file** 图标。

    <img
      src="https://mintcdn.com/mintlify-mintlify-add-hello-world-quickstart-48843/FYO7l_4g6ReiCSAk/images/editor/files-menu-light.png?fit=max&auto=format&n=FYO7l_4g6ReiCSAk&q=85&s=027f361128d290a01eee1c41ac30687d"
      className="block dark:hidden rounded-2xl border border-gray-100 shadow-lg"
      style={{
    width: '268px',
    height: 'auto',
  }}
      alt="网页编辑器中的文件菜单"
      width="688"
      height="130"
      data-path="images/editor/files-menu-light.png"
    />

    <img
      src="https://mintcdn.com/mintlify-mintlify-add-hello-world-quickstart-48843/FYO7l_4g6ReiCSAk/images/editor/files-menu-dark.png?fit=max&auto=format&n=FYO7l_4g6ReiCSAk&q=85&s=57c43d9478e1c143cd5b280738dc4d87"
      className="hidden dark:block rounded-2xl border border-white/10 shadow-lg"
      style={{
    width: '268px',
    height: 'auto',
  }}
      alt="深色模式下网页编辑器中的文件菜单"
      width="690"
      height="132"
      data-path="images/editor/files-menu-dark.png"
    />
  </Step>

  <Step title="输入文件名">
    文件名必须以 `.mdx` 结尾。例如：`api-reference.mdx` 或 `getting-started.mdx`。
  </Step>

  <Step title="创建并打开">
    按 <kbd>Enter</kbd> 创建文件。文件会自动在编辑器中打开，随时可以开始编辑内容。
  </Step>
</Steps>

<div id="organizing-your-navigation">
  ## 组织导航
</div>

通过编辑 `docs.json` 文件，将新页面添加到站点导航中。

<Steps>
  <Step title="打开 docs.json">
    使用文件管理器在项目根目录找到并打开 `docs.json` 文件。
  </Step>

  <Step title="定位导航部分">
    在 `docs.json` 中找到你想添加新页面的位置。
  </Step>

  <Step title="添加页面">
    在对应分组的 `pages` 数组中插入页面文件名（不包含 `.mdx` 扩展名）。
  </Step>
</Steps>

<div id="example-adding-a-themes-page">
  ### 示例：添加主题页面
</div>

```json title="向 Profile 组添加一个 themes 页面" highlight="18"
{
    "navigation": {
        "groups": [
            {
                "group": "快速开始",
                "pages": [
                    "index",
                    "quickstart", 
                    "installation"
                ]
            },
            {
                "group": "个人中心",
                "pages": [
                    "settings",
                    "account-types", 
                    "dashboard",
                    "themes"
                ]
            }
        ]
    }
}
```

<div id="editing-content">
  ## 编辑内容
</div>

在编辑器中使用可视化模式或 Markdown 模式修改页面。

在可视化模式下，按 <kbd>/</kbd> 打开组件菜单。添加内容块、提示、代码块和其他组件，以自定义文档。

<Frame>
  <img src="https://mintcdn.com/mintlify-mintlify-add-hello-world-quickstart-48843/FYO7l_4g6ReiCSAk/images/editor/component-menu-light.png?fit=max&auto=format&n=FYO7l_4g6ReiCSAk&q=85&s=0e2a0fabc4796c0c13f30e4c8b95a517" alt="Mintlify 网页编辑器中展开的组件菜单" className="block dark:hidden" width="3024" height="1592" data-path="images/editor/component-menu-light.png" />

  <img src="https://mintcdn.com/mintlify-mintlify-add-hello-world-quickstart-48843/FYO7l_4g6ReiCSAk/images/editor/component-menu-dark.png?fit=max&auto=format&n=FYO7l_4g6ReiCSAk&q=85&s=28567e3a821413e7b5c12248c30870b6" alt="Mintlify 网页编辑器中展开的组件菜单" className="hidden dark:block" width="3018" height="1592" data-path="images/editor/component-menu-dark.png" />
</Frame>

在 Markdown 模式下，你可以直接编辑页面的 `MDX`。当你需要以下操作时，这很有用：

* 设置特定组件属性
* 处理复杂的嵌套组件
* 从其他来源复制并粘贴 `MDX` 内容