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.6 KiB
Plaintext
50 lines
2.6 KiB
Plaintext
---
|
||
title: "Aperçu en direct"
|
||
description: "Prévisualisez votre site de documentation et voyez les modifications en temps réel pendant que vous le modifiez."
|
||
keywords: ["preview"]
|
||
---
|
||
|
||
Prévisualisez votre site de documentation en temps réel au fur et à mesure que vous effectuez des modifications dans l’éditeur en ligne. Les aperçus en direct affichent votre site exactement tel qu’il apparaîtra une fois publié, sans avoir à créer de déploiement de prévisualisation.
|
||
|
||
- **Modifications de contenu** : affichez les nouvelles pages et les pages modifiées.
|
||
- **Mises à jour de configuration** : visualisez instantanément les changements de couleur, de thème, de logo et autres.
|
||
- **Structure de la navigation** : prévisualisez l’apparence des éléments de navigation dans la barre latérale et les tables des matières.
|
||
- **Modifications de composants** : voyez comment les composants s’affichent avec votre contenu.
|
||
|
||
<div id="live-previews-versus-preview-deployments">
|
||
## Aperçus en direct vs déploiements de prévisualisation
|
||
</div>
|
||
|
||
Les deux fonctionnalités vous permettent de prévisualiser les modifications avant la publication, mais elles ont des objectifs différents.
|
||
|
||
| | Aperçu en direct | Déploiement de prévisualisation |
|
||
|---------|--------------|-------------------|
|
||
| **Vitesse** | Immédiat | Nécessite un temps de build |
|
||
| **Accès** | Dans l'éditeur | URL partageable |
|
||
| **Cas d'utilisation** | Voir les modifications pendant que vous modifiez | Partager avec l'équipe pour relecture |
|
||
| **Disponibilité** | Tant que l'éditeur reste ouvert | Persiste jusqu'à la fermeture |
|
||
|
||
Utilisez l'aperçu en direct pour obtenir un retour immédiat pendant que vous travaillez. Créez des déploiements de prévisualisation lorsque vous devez partager des modifications avec votre équipe ou tester sur différents appareils.
|
||
|
||
<div id="enable-live-preview">
|
||
## Activer l’aperçu en direct
|
||
</div>
|
||
|
||
Cliquez sur le bouton <Icon icon="target" /> dans la barre d’outils pour ouvrir un aperçu en direct de votre site dans l’éditeur.
|
||
|
||
<Frame>
|
||
<img
|
||
src="/images/editor/live-preview-light.png"
|
||
alt="Bouton d’aperçu en direct dans la barre d’outils de l’éditeur."
|
||
className="block dark:hidden"
|
||
/>
|
||
<img
|
||
src="/images/editor/live-preview-dark.png"
|
||
alt="Bouton d’aperçu en direct dans la barre d’outils de l’éditeur."
|
||
className="hidden dark:block"
|
||
/>
|
||
</Frame>
|
||
|
||
<Note>
|
||
L’aperçu en direct est uniquement disponible pour la documentation publique. Si votre documentation nécessite une authentification, l’éditeur affiche le message « Live preview unavailable ».
|
||
</Note> |