mintlify__docs/zh/editor/index.mdx

---
title: "Web 编辑器概览"
sidebarTitle: "概览"
description: "在浏览器中编辑和发布文档。"
keywords: ["editor", "visual", "gitbook"]
---

<img className="block dark:hidden my-0 pointer-events-none" src="/images/editor/editor-light.png" alt="浅色模式下的装饰性图像" />

<img className="hidden dark:block my-0 pointer-events-none" src="/images/editor/editor-dark.png" alt="深色模式下的装饰性图像" />

使用 Web 编辑器直接在浏览器中创建、编辑和发布文档。查看并分享修改预览；通过拖放组件管理站点导航结构；并使用团队偏好的工作流程发布更新。

<div id="key-features">
  ## 关键功能
</div>

* **可视化与 Markdown 编辑**：在工作时可在可视化和 Markdown 模式之间自由切换。
* **实时预览**：无需创建预览部署即可实时查看更改。
* **可分享的预览链接**：在编辑器中为团队创建预览链接。
* **拖放式导航**：以可视化方式组织站点结构，无需编辑配置文件。
* **内置媒体管理器**：上传并管理图片、视频和其他资源。
* **Git 同步**：所有更改会自动与文档存储库保持同步。
* **分支（branch）工作流**：在功能分支上开发，并创建拉取请求（PR，亦称“合并请求”/Merge Request）进行审核。
* **团队协作**：多名团队成员可同时协作，并通过预览部署查看更改。

<div id="get-started">
  ## 入门
</div>

<Card title="创建和编辑页面" icon="notebook-pen" horizontal href="/zh/editor/pages">
  创建、编辑和管理页面。
</Card>

<Card title="组织导航" icon="list-tree" horizontal href="/zh/editor/navigation">
  组织站点的导航结构。
</Card>

<Card title="添加媒体" icon="image" horizontal href="/zh/editor/media">
  上传并使用图像、视频和其他资源。
</Card>

<Card title="实时预览" icon="play" horizontal href="/zh/editor/live-preview">
  在编辑时实时预览站点。
</Card>

<div id="publish-and-collaborate">
  ## 发布与协作
</div>

<Card title="发布更改" icon="rocket" horizontal href="/zh/editor/publish">
  保存并发布文档更新。
</Card>

<Card title="协作" icon="users" horizontal href="/zh/editor/collaborate">
  使用 branch 和拉取请求（PR；亦称“合并请求”/Merge Request）与团队协作。
</Card>

<div id="reference">
  ## 参考
</div>

<Card title="配置" icon="settings" horizontal href="/zh/editor/configurations">
  配置站点品牌、配色和功能。
</Card>

<Card title="键盘快捷键" icon="keyboard" horizontal href="/zh/editor/keyboard-shortcuts">
  使用键盘快捷键加快你的工作流程。
</Card>