mirror of
https://github.com/mintlify/docs.git
synced 2026-09-14 13:35:46 +08:00
Ethan Palm
0b777ec048
* Update index.mdx
* add images
* update tutorial
* Update git-essentials.mdx
* Update pages.mdx
* Update branching-and-publishing.mdx
* Update keyboard-shortcuts.mdx
* Update live-preview.mdx
* Create agent.mdx
* Update docs.json
* remove orphaned pages
* Update settings.mdx
* Update pages.mdx
* 💅
* update configurations
40 lines
1.4 KiB
Plaintext
40 lines
1.4 KiB
Plaintext
---
|
|
title: "Live preview"
|
|
description: "Preview your site in real time as you edit, with continuous updates that render content, navigation, and configuration changes instantly."
|
|
keywords: ["editor", "preview", "live preview"]
|
|
---
|
|
|
|
Preview your site while you edit. Live previews render pages exactly as they look when published, and update as you make changes to content, navigation, and configuration.
|
|
|
|
## Open live preview
|
|
|
|
Click the <Icon icon="play" /> live preview button in the top bar to open a live preview in a new tab.
|
|
|
|
<Frame>
|
|
<img
|
|
src="/images/editor/live-preview-light.png"
|
|
alt="The live preview button in the toolbar."
|
|
className="block dark:hidden"
|
|
/>
|
|
<img
|
|
src="/images/editor/live-preview-dark.png"
|
|
alt="The live preview button in the toolbar."
|
|
className="hidden dark:block"
|
|
/>
|
|
</Frame>
|
|
|
|
<Note>
|
|
Live preview is only available for public sites.
|
|
</Note>
|
|
|
|
## Live preview versus preview deployments
|
|
|
|
| | Live preview | Preview deployment |
|
|
|---|---|---|
|
|
| **Speed** | Instant | Requires a build |
|
|
| **Access** | Local URL | Shareable URL |
|
|
| **Use when** | Reviewing changes while editing | Sharing with your team for review |
|
|
| **Availability** | While the editor is open | As long as the branch exists |
|
|
|
|
Use live preview for immediate feedback while editing. When you need to share changes with your team or test on a different device, use a [preview deployment](/editor/branching-and-publishing#preview-your-changes).
|