mirror of
https://github.com/mintlify/docs.git
synced 2026-09-14 13:35:46 +08:00
locadex-agent[bot]
90a6653b5c
Co-authored-by: locadex-agent[bot] <217277504+locadex-agent[bot]@users.noreply.github.com>
50 lines
2.5 KiB
Plaintext
50 lines
2.5 KiB
Plaintext
---
|
|
title: "Vista previa en tiempo real"
|
|
description: "Obtén una vista previa de tu sitio de documentación y ve los cambios en tiempo real mientras editas."
|
|
keywords: ["preview"]
|
|
---
|
|
|
|
Obtén una vista previa de tu sitio de documentación en tiempo real a medida que realizas cambios en el editor web. Las vistas previas en tiempo real muestran tu sitio exactamente como aparecerá cuando se publique, sin tener que crear una implementación de vista previa.
|
|
|
|
- **Cambios de contenido**: Ve páginas nuevas y editadas.
|
|
- **Actualizaciones de configuración**: Visualiza al instante los cambios de color, tema, logotipo y otros ajustes.
|
|
- **Estructura de navegación**: Obtén una vista previa de cómo aparecen los elementos de navegación en la barra lateral y en las tablas de contenido.
|
|
- **Cambios en los componentes**: Observa cómo se renderizan los componentes con tu contenido.
|
|
|
|
<div id="live-previews-versus-preview-deployments">
|
|
## Vistas previas en vivo frente a implementaciones de vista previa
|
|
</div>
|
|
|
|
Ambas funciones te permiten previsualizar los cambios antes de publicar, pero cumplen propósitos diferentes.
|
|
|
|
| | Vista previa en vivo | Implementación de vista previa |
|
|
|---------|--------------|-------------------|
|
|
| **Velocidad** | Al instante | Requiere tiempo de compilación |
|
|
| **Acceso** | En el editor | URL para compartir |
|
|
| **Caso de uso** | Ver cambios mientras editas | Compartir con el equipo para revisión |
|
|
| **Disponibilidad** | Mientras el editor está abierto | Permanece hasta que se cierre |
|
|
|
|
Usa la vista previa en vivo para obtener comentarios inmediatos mientras trabajas. Crea implementaciones de vista previa cuando necesites compartir cambios con tu equipo o probarlos en diferentes dispositivos.
|
|
|
|
<div id="enable-live-preview">
|
|
## Habilitar vista previa en vivo
|
|
</div>
|
|
|
|
Haz clic en el botón <Icon icon="target" /> de la barra de herramientas para abrir una vista previa en vivo de tu sitio en el editor.
|
|
|
|
<Frame>
|
|
<img
|
|
src="/images/editor/live-preview-light.png"
|
|
alt="Botón de vista previa en vivo en la barra de herramientas del editor."
|
|
className="block dark:hidden"
|
|
/>
|
|
<img
|
|
src="/images/editor/live-preview-dark.png"
|
|
alt="Botón de vista previa en vivo en la barra de herramientas del editor."
|
|
className="hidden dark:block"
|
|
/>
|
|
</Frame>
|
|
|
|
<Note>
|
|
La vista previa en vivo solo está disponible para documentación pública. Si tu documentación requiere autenticación, el editor muestra el mensaje "Vista previa en vivo no disponible".
|
|
</Note> |