Passer 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 BuildNov 03, 07:01

Page Location

Page Info

Layout default
Collection none
Path fr/quickstart/personalization.md
URL /fr/quickstart/personalization/
Date 2025-07-01
Cette page a été traduite automatiquement depuis l'original en anglais. Voir l'original

Personnalisation et configuration du site

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

Personnalisation et configuration du site

Après avoir terminé l’installation du démarrage rapide, 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 personnalisateur de thème vous permet de prévisualiser les changements de skin et de couleurs en temps réel directement sur votre site en cours d’exécution.

Personnalisateur de thème — aperçu du skin et des couleurs

Formulaire de configuration de personnalisation

Cette page est un générateur interactif et nécessite JavaScript. S’il est désactivé, utilisez le générateur de site, qui produit le même _config.yml et peut écrire l’ensemble du projet pour vous.

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 d’organisation.

Détails de l'auteur et du propriétaire
Nom d'affichage 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 le style de votre site.

Thème et paramètres visuels
Palette de couleurs de votre site. Sept habillages sont fournis avec le thème : air, aqua, dirt, neon, mint, plum et sunrise. Les modes clair et sombre sont gérés séparément par le bouton de bascule du mode couleur, si bien qu'un theme_skin défini sur dark ou contrast dans une ancienne configuration n'est plus reconnu — choisissez plutôt l'un des sept.
Couleur d'accentuation principale pour les boutons et les liens
Chemin vers l'image du logo (88x88 px recommandé)
Image par défaut pour le partage social (1200x630 px)
Image de secours 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
Identifiant 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
Activation des fonctionnalités
Droits d'auteur

Configuration générée

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

Vérifier

Redémarrez le serveur de développement pour que Jekyll recharge la configuration, puis vérifiez que les valeurs que vous avez saisies ont bien été prises en compte :

docker compose restart
  • L’onglet du navigateur et la barre de navigation affichent votre Titre du site.
  • /about/ affiche votre nom d’auteur et votre e-mail.
  • Si vous avez défini un thème, les couleurs de la page changent ; si rien ne change, vérifiez que theme_skin est l’un des sept noms listés ci-dessus.

Tout est prêt

Félicitations, vous avez terminé le guide de démarrage rapide ! Votre site est désormais :

  • ✅ Exécuté localement avec Docker
  • ✅ Connecté à GitHub pour le contrôle de version
  • ✅ Personnalisé avec votre identité de marque
  • ✅ 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 vers 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