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

# 实时预览

> 在编辑时实时预览你的文档站点，持续更新会即时渲染内容、导航和配置的更改。

在编辑时预览你的站点。实时预览会准确呈现页面发布后的效果，并在你对内容、导航和配置进行修改时实时更新。

<div id="open-live-preview">
  ## 打开实时预览
</div>

点击工具栏中的 <Icon icon="play" /> 实时预览按钮，在新标签页中打开实时预览。

<Frame>
  <img src="https://mintcdn.com/tomee-mintlify-e90513e1/Tr4L2OuuA7XyygMT/images/editor/live-preview-light.png?fit=max&auto=format&n=Tr4L2OuuA7XyygMT&q=85&s=b26aabdc6f6ac16825e16041bd45ec28" alt="工具栏中的实时预览按钮。" className="block dark:hidden" width="464" height="192" data-path="images/editor/live-preview-light.png" />

  <img src="https://mintcdn.com/tomee-mintlify-e90513e1/Tr4L2OuuA7XyygMT/images/editor/live-preview-dark.png?fit=max&auto=format&n=Tr4L2OuuA7XyygMT&q=85&s=3492eb94deb96c554bc24d0e335127c8" alt="工具栏中的实时预览按钮。" className="hidden dark:block" width="467" height="192" data-path="images/editor/live-preview-dark.png" />
</Frame>

<Note>
  实时预览适用于公开站点和受 Mintlify 身份验证保护的站点。对于需要身份验证的站点，编辑器会自动在预览中完成登录。
</Note>

<div id="live-preview-versus-preview-deployments">
  ## 实时预览与预览部署
</div>

|          | 实时预览                  | 预览部署          |
| -------- | --------------------- | ------------- |
| **速度**   | 即时                    | 需要构建          |
| **访问方式** | 本地 URL，受保护站点会自动完成身份验证 | 可分享的 URL      |
| **使用时机** | 在编辑时查看更改              | 与团队共享以供审阅     |
| **可用性**  | 当编辑器打开时               | 只要该 branch 存在 |

在编辑过程中使用实时预览以获得即时反馈。当你需要与团队共享更改，或在不同设备上测试时，请使用 [预览部署](https://www.mintlify.com/docs/editor/branching-and-publishing#preview-your-changes)。