mirror of
https://github.com/mintlify/docs.git
synced 2026-09-14 13:35:46 +08:00
locadex-agent[bot]
c58aad12a8
Co-authored-by: locadex-agent[bot] <217277504+locadex-agent[bot]@users.noreply.github.com>
43 lines
1.5 KiB
Plaintext
43 lines
1.5 KiB
Plaintext
---
|
||
title: "实时预览"
|
||
description: "在编辑时实时预览你的文档站点并查看变更效果。"
|
||
keywords: ["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>
|
||
实时预览仅适用于公开文档。如果你的文档需要认证，编辑器会显示“Live preview unavailable”消息。
|
||
</Note>
|
||
|
||
<div id="live-preview-versus-preview-deployments">
|
||
## 实时预览与预览部署
|
||
</div>
|
||
|
||
| | 实时预览 | 预览部署 |
|
||
|---------|--------------|-------------------|
|
||
| **速度** | 即时 | 需要构建时间 |
|
||
| **访问方式** | 本地 URL | 可分享的 URL |
|
||
| **使用场景** | 在编辑时查看更改 | 与团队共享以供审阅 |
|
||
| **可用性** | 当编辑器打开时 | 只要该 branch 存在 |
|
||
|
||
在编辑过程中使用实时预览，以便获得即时反馈。当你需要与团队共享更改，或在不同设备上测试时，创建预览部署。 |