mirror of
https://github.com/mintlify/docs.git
synced 2026-09-14 13:35:46 +08:00
mintlify[bot]
ce3e99d196
* docs: document live preview site settings * docs: refine live preview translations and metadata * docs: document live preview agent panel * docs: refine live preview copy * 💅 * localize --------- Co-authored-by: mintlify[bot] <109931778+mintlify[bot]@users.noreply.github.com> Co-authored-by: Ethan Palm <56270045+ethanpalm@users.noreply.github.com>
70 lines
3.1 KiB
Plaintext
70 lines
3.1 KiB
Plaintext
---
|
|
title: "Vista previa en vivo"
|
|
description: "Previsualice su sitio en tiempo real mientras edita, con actualizaciones continuas que renderizan al instante los cambios de contenido y configuración."
|
|
keywords: ["editor", "preview", "live preview"]
|
|
---
|
|
|
|
Previsualice su sitio mientras edita. Las vistas previas en vivo renderizan las páginas exactamente como se ven cuando se publican. Se actualizan a medida que realiza cambios en el contenido, la navegación y la configuración.
|
|
|
|
<div id="open-live-preview">
|
|
|
|
## Abrir la vista previa en vivo
|
|
|
|
</div>
|
|
|
|
Haga clic en el botón <Icon icon="play" /> de vista previa en vivo en la barra superior.
|
|
|
|
<Frame>
|
|
<img
|
|
src="/images/editor/live-preview-light.png"
|
|
alt="El botón de vista previa en vivo en la barra de herramientas."
|
|
className="block dark:hidden"
|
|
/>
|
|
<img
|
|
src="/images/editor/live-preview-dark.png"
|
|
alt="El botón de vista previa en vivo en la barra de herramientas."
|
|
className="hidden dark:block"
|
|
/>
|
|
</Frame>
|
|
|
|
<div id="edit-site-settings-in-live-preview">
|
|
|
|
## Editar la configuración del sitio en la vista previa en vivo
|
|
|
|
</div>
|
|
|
|
Edite la configuración del sitio en la vista previa en vivo para ver cómo afecta al contenido renderizado.
|
|
|
|
1. Abra la vista previa en vivo dentro del editor.
|
|
2. Haga clic en **Site settings** en la barra de herramientas de la vista previa.
|
|
3. Seleccione una sección de configuración y edite sus opciones.
|
|
|
|
Si configura la vista previa en vivo para que se abra en una nueva pestaña, el menú de configuración del sitio no estará disponible. Desactive **Open live preview in new tab** en la [configuración del editor](/es/editor/settings) para usar el menú de configuración del sitio.
|
|
|
|
<div id="ask-the-agent-in-live-preview">
|
|
|
|
## Preguntar al agente en la vista previa en vivo
|
|
|
|
</div>
|
|
|
|
Haga clic en **Ask agent** en la barra de herramientas de la vista previa para abrir el [agente del editor](/es/editor/agent) junto a la vista previa en vivo. Solo los editores y administradores pueden usar el agente en las vistas previas en vivo.
|
|
|
|
<Note>
|
|
La vista previa en vivo funciona en sitios públicos y en sitios protegidos con autenticación de Mintlify. En sitios autenticados, el editor inicia sesión automáticamente en la vista previa.
|
|
</Note>
|
|
|
|
<div id="live-preview-versus-preview-deployments">
|
|
|
|
## Vista previa en vivo frente a despliegues de vista previa
|
|
|
|
</div>
|
|
|
|
| | Vista previa en vivo | Despliegue de vista previa |
|
|
|---|---|---|
|
|
| **Velocidad** | Al instante | Requiere una compilación |
|
|
| **Acceso** | URL local, con autenticación automática para sitios protegidos | URL para compartir |
|
|
| **Cuándo usarla** | Para revisar cambios mientras edita | Para compartir con su equipo para su revisión |
|
|
| **Disponibilidad** | Mientras el editor esté abierto | Mientras exista la branch |
|
|
|
|
Use la vista previa en vivo para obtener retroalimentación inmediata mientras edita. Cuando necesite compartir cambios con su equipo, use un [despliegue de vista previa](/es/editor/branching-and-publishing#preview-your-changes). También puede usarlo para probar los cambios en un dispositivo diferente.
|