mirror of
https://github.com/mintlify/docs.git
synced 2026-09-14 13:35:46 +08:00
mintlify[bot]
a8f27a0fca
Co-authored-by: mintlify[bot] <109931778+mintlify[bot]@users.noreply.github.com>
44 lines
1.5 KiB
Plaintext
44 lines
1.5 KiB
Plaintext
---
|
|
title: "实时预览"
|
|
description: "在编辑时实时预览你的文档站点，持续更新会即时渲染内容、导航和配置的更改。"
|
|
keywords: ["editor", "preview", "live preview"]
|
|
---
|
|
|
|
在编辑时预览你的站点。实时预览会准确呈现页面发布后的效果，并在你对内容、导航和配置进行修改时实时更新。
|
|
|
|
<div id="open-live-preview">
|
|
## 打开实时预览
|
|
</div>
|
|
|
|
点击工具栏中的 <Icon icon="play" /> 实时预览按钮，在新标签页中打开实时预览。
|
|
|
|
<Frame>
|
|
<img
|
|
src="/images/editor/live-preview-light.png"
|
|
alt="工具栏中的实时预览按钮。"
|
|
className="block dark:hidden"
|
|
/>
|
|
<img
|
|
src="/images/editor/live-preview-dark.png"
|
|
alt="工具栏中的实时预览按钮。"
|
|
className="hidden dark:block"
|
|
/>
|
|
</Frame>
|
|
|
|
<Note>
|
|
实时预览仅适用于公开文档。
|
|
</Note>
|
|
|
|
<div id="live-preview-versus-preview-deployments">
|
|
## 实时预览与预览部署
|
|
</div>
|
|
|
|
| | 实时预览 | 预览部署 |
|
|
|---|---|---|
|
|
| **速度** | 即时 | 需要构建 |
|
|
| **访问方式** | 本地 URL | 可分享的 URL |
|
|
| **使用时机** | 在编辑时查看更改 | 与团队共享以供审阅 |
|
|
| **可用性** | 当编辑器打开时 | 只要该 branch 存在 |
|
|
|
|
在编辑过程中使用实时预览以获得即时反馈。当你需要与团队共享更改，或在不同设备上测试时，请使用 [预览部署](https://www.mintlify.com/docs/editor/branching-and-publishing#preview-your-changes)。
|