Aller au contenu principal
Settings
Color Mode
Theme Skin
Background

Appearance preferences are saved in this browser only.

Environment
Current Environment Dev

Built with JEKYLL_ENV=development. Changes auto-reload under jekyll serve.

Theme & Build
Jekyll v3.10.0
Last Build Aug 09, 22:50
Page Location
Page Info
Layout default
Collection none
Path fr/quickstart/personalization.md
URL /fr/quickstart/personalization/
Cette page a été traduite automatiquement à partir de l'original en anglais. Voir l'original

Personnalisation et configuration du site

Personnalisez votre site Jekyll grâce à des formulaires interactifs. Configurez l'identité du site, l'image de marque, l'analytique, les liens sociaux et générez votre fichier _config.yml complet.

🎨 Personnalisation et configuration du site

Après avoir terminé l’installation Quick Start, utilisez ce guide pour personnaliser votre site Jekyll. Remplissez les formulaires interactifs ci-dessous pour générer vos paramètres _config.yml personnalisés.

Vous préférez une interface en direct ? Le Theme Customizer vous permet de prévisualiser en temps réel les changements de skin et de couleur directement sur votre site en cours d’exécution.

Theme Customizer — aperçu du skin et des couleurs

Formulaire de configuration de personnalisation

📋 Sections de configuration


Identité du site

Configurez les informations de base qui identifient votre site sur le web.

Informations de base du site
Le titre principal affiché dans les onglets du navigateur et les en-têtes
Court slogan affiché sous le titre
Description SEO (150-160 caractères recommandés)
0/160 caractères
https://
Votre domaine personnalisé (laissez vide pour la valeur par défaut de GitHub Pages)
/
Sous-chemin pour les sites de projet (par ex., "blog" pour /blog/)
Langue principale de votre site
Séparateur affiché dans l'onglet du navigateur (Titre de la page | Nom du site)

Informations du propriétaire

Configurez votre identité personnelle ou organisationnelle.

Détails de l'auteur et du propriétaire
Nom affiché pour les crédits d'auteur
E-mail de contact (facultatif, affiché dans le pied de page)
Courte biographie affichée sur le profil de l'auteur
Ville, Région/Pays (affiché sur le profil)
Chemin vers l'image de profil (local ou URL)

Connectez vos profils sociaux et comptes externes.

Réseaux sociaux et profils

Apparence et image de marque

Personnalisez l’apparence et l’ambiance de votre site.

Thème et paramètres visuels
Palette de couleurs de votre site
Couleur d'accentuation principale pour les boutons et les liens
Chemin vers l'image du logo (88x88px recommandé)
Image par défaut pour le partage sur les réseaux sociaux (1200x630px)
Image de repli pour les articles sans aperçu
Vitesse de lecture pour les estimations « X min de lecture »

Analytique et suivi

Mettez en place une analytique respectueuse de la vie privée pour comprendre votre audience.

Configuration de l'analytique
Google Analytics
ID de mesure Google Analytics 4
PostHog Analytics (Respectueux de la vie privée)
La clé API de votre projet PostHog
URL de l'instance PostHog

Options de confidentialité PostHog :

Vérification du site
Vérification Google Search Console
Vérification Bing Webmaster Tools

Paramètres avancés

Configurez des fonctionnalités avancées comme les commentaires, les plugins et les paramètres de build.

Configuration avancée
Commentaires (Giscus)
Nécessite la configuration de Giscus sur votre dépôt
Paramètres de build Jekyll
Pagination pour les listes d'articles
Port de développement local
Options de fonctionnalités
Droits d'auteur

📝 Configuration générée

Votre _config.yml
# Chargement de la configuration...

🎉 Tout est prêt !

Félicitations pour avoir terminé le guide de démarrage rapide ! Votre site est désormais :

  • ✅ En cours d’exécution localement avec Docker
  • ✅ Connecté à GitHub pour le contrôle de version
  • ✅ Personnalisé avec votre identité visuelle
  • ✅ Prêt pour le déploiement sur GitHub Pages

Et ensuite ?

  • Créer du contenu - Ajoutez des articles de blog dans pages/_posts/
  • Personnaliser les mises en page - Modifiez les modèles dans _layouts/ et _includes/
  • Déployer en production - Poussez sur GitHub et activez GitHub Pages
  • Explorer la documentation - Consultez la documentation complète

📚 Résumé du guide de démarrage rapide

Étape Guide Description
1 Configuration de la machine Installer Docker, Git et les outils de développement
2 Configuration de Jekyll Démarrer le serveur de développement et créer du contenu
3 Configuration de GitHub Contrôle de version et déploiement GitHub Pages
4 Personnalisation Personnaliser l’identité et la configuration du site