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: "Aperçu en direct"
|
|
description: "Prévisualisez votre site en temps réel pendant l'édition, avec des mises à jour continues qui affichent instantanément les changements de votre site."
|
|
keywords: ["editor", "preview", "live preview"]
|
|
---
|
|
|
|
Prévisualisez votre site pendant que vous le modifiez. Les aperçus en direct affichent les pages exactement telles qu'elles apparaissent une fois publiées. Ils se mettent à jour à mesure que vous modifiez le contenu, la navigation et la configuration.
|
|
|
|
<div id="open-live-preview">
|
|
|
|
## Ouvrir l'aperçu en direct
|
|
|
|
</div>
|
|
|
|
Cliquez sur le bouton d'aperçu en direct <Icon icon="play" /> dans la barre supérieure.
|
|
|
|
<Frame>
|
|
<img
|
|
src="/images/editor/live-preview-light.png"
|
|
alt="Le bouton d'aperçu en direct dans la barre d'outils."
|
|
className="block dark:hidden"
|
|
/>
|
|
<img
|
|
src="/images/editor/live-preview-dark.png"
|
|
alt="Le bouton d'aperçu en direct dans la barre d'outils."
|
|
className="hidden dark:block"
|
|
/>
|
|
</Frame>
|
|
|
|
<div id="edit-site-settings-in-live-preview">
|
|
|
|
## Modifier les paramètres du site dans l'aperçu en direct
|
|
|
|
</div>
|
|
|
|
Modifiez les paramètres de votre site dans l'aperçu en direct pour voir leur effet sur le contenu affiché.
|
|
|
|
1. Ouvrez l'aperçu en direct dans l'éditeur.
|
|
2. Cliquez sur **Site settings** dans la barre d'outils de l'aperçu.
|
|
3. Sélectionnez une section de configuration et modifiez les paramètres.
|
|
|
|
Si vous configurez l'aperçu en direct pour qu'il s'ouvre dans un nouvel onglet, le menu des paramètres du site n'est pas disponible. Désactivez **Open live preview in new tab** dans les [paramètres de l'éditeur](/fr/editor/settings) pour utiliser le menu des paramètres du site.
|
|
|
|
<div id="ask-the-agent-in-live-preview">
|
|
|
|
## Demander à l'agent dans l'aperçu en direct
|
|
|
|
</div>
|
|
|
|
Cliquez sur **Ask agent** dans la barre d'outils de l'aperçu pour ouvrir l'[agent de l'éditeur](/fr/editor/agent) à côté de l'aperçu en direct. Seuls les éditeurs et les administrateurs peuvent utiliser l'agent dans les aperçus en direct.
|
|
|
|
<Note>
|
|
L'aperçu en direct fonctionne pour les sites publics et les sites protégés par l'authentification Mintlify. Pour les sites authentifiés, l'éditeur vous connecte automatiquement à l'aperçu.
|
|
</Note>
|
|
|
|
<div id="live-preview-versus-preview-deployments">
|
|
|
|
## Aperçu en direct vs déploiements de prévisualisation
|
|
|
|
</div>
|
|
|
|
| | Aperçu en direct | Déploiement de prévisualisation |
|
|
|---|---|---|
|
|
| **Vitesse** | Immédiat | Nécessite un build |
|
|
| **Accès** | URL locale, avec authentification automatique pour les sites protégés | URL partageable |
|
|
| **Quand l'utiliser** | Pour revoir les modifications pendant l'édition | Pour partager avec votre équipe pour relecture |
|
|
| **Disponibilité** | Tant que l'éditeur reste ouvert | Tant que la branche existe |
|
|
|
|
Utilisez l'aperçu en direct pour obtenir un retour immédiat pendant l'édition. Lorsque vous devez partager des modifications avec votre équipe ou tester sur un autre appareil, utilisez un [déploiement de prévisualisation](/fr/editor/branching-and-publishing#preview-your-changes).
|