Configuration d'un domaine personnalisé¶

Configurez un domaine personnalisé pour votre site Jekyll.

Vue d'ensemble¶

L'utilisation d'un domaine personnalisé donne à votre site une apparence professionnelle et permet aux visiteurs de retenir plus facilement votre URL.

Prérequis¶

Un nom de domaine auprès d'un registrar (GoDaddy, Namecheap, Google Domains, etc.)
Votre site déployé sur GitHub Pages ou Netlify

Configuration GitHub Pages¶

Étape 1 : Configurer les paramètres du dépôt¶

Accédez à votre dépôt sur GitHub
Rendez-vous dans Settings → Pages
Sous Custom domain, saisissez votre domaine (par ex. example.com)
Cochez Enforce HTTPS
Cliquez sur Save

Cela crée un fichier CNAME dans votre dépôt.

Étape 2 : Configurer le DNS¶

Ajoutez ces enregistrements DNS chez votre registrar de domaine :

Pour le domaine apex (example.com)¶

Ajoutez des enregistrements A pointant vers les adresses IP de GitHub :

Type	Nom	Valeur
A	@	185.199.108.153
A	@	185.199.109.153
A	@	185.199.110.153
A	@	185.199.111.153

Pour le sous-domaine www¶

Ajoutez un enregistrement CNAME :

Type	Nom	Valeur
CNAME	www	username.github.io

Remplacez username par votre nom d'utilisateur GitHub.

Étape 3 : Vérifier la configuration¶

Attendez la propagation DNS (jusqu'à 48 heures, généralement plus rapide)
Visitez votre domaine personnalisé
Vérifiez que le HTTPS fonctionne (icône de cadenas dans le navigateur)

Étape 4 : Mettre à jour la configuration Jekyll¶

Mettez à jour _config.yml :

url: "https://example.com"
baseurl: ""  # Empty for apex domain

Configuration Netlify¶

Étape 1 : Ajouter un domaine personnalisé dans Netlify¶

Rendez-vous dans Site settings → Domain management
Cliquez sur "Add custom domain"
Saisissez votre domaine (par ex. example.com)
Cliquez sur Verify puis Add domain

Étape 2 : Configurer le DNS¶

Netlify propose deux options :

Option A : Netlify DNS (recommandé)¶

Dans Domain management, cliquez sur "Set up Netlify DNS"
Mettez à jour les serveurs de noms chez votre registrar avec :
dns1.p01.nsone.net
dns2.p01.nsone.net
dns3.p01.nsone.net
dns4.p01.nsone.net
Netlify configure automatiquement tous les enregistrements

Option B : DNS externe¶

Ajoutez ces enregistrements chez votre registrar :

Type	Nom	Valeur
A	@	75.2.60.5
CNAME	www	your-site.netlify.app

Étape 3 : Activer le HTTPS¶

Dans Domain management, faites défiler jusqu'à HTTPS
Cliquez sur "Verify DNS configuration"
Cliquez sur "Provision certificate"

Netlify utilise Let's Encrypt pour les certificats SSL gratuits.

Configurations DNS courantes¶

Domaine apex uniquement (example.com)¶

A     @     185.199.108.153
A     @     185.199.109.153
A     @     185.199.110.153
A     @     185.199.111.153

www uniquement (www.example.com)¶

CNAME   www   username.github.io

Apex et www¶

A       @     185.199.108.153
A       @     185.199.109.153
A       @     185.199.110.153
A       @     185.199.111.153
CNAME   www   username.github.io

Rediriger www vers l'apex (ou inversement)¶

Configurez une redirection dans votre plateforme d'hébergement :

Netlify (netlify.toml) :

[[redirects]]
  from = "https://www.example.com/*"
  to = "https://example.com/:splat"
  status = 301
  force = true

Guides des bureaux d'enregistrement de domaines¶

GoDaddy¶

Connectez-vous à GoDaddy
Accédez à My Products → DNS
Cliquez sur Manage à côté de votre domaine
Ajoutez/modifiez les enregistrements DNS comme indiqué ci-dessus

Namecheap¶

Connectez-vous à Namecheap
Accédez à Domain List → Manage
Cliquez sur Advanced DNS
Ajoutez les enregistrements sous Host Records

Google Domains¶

Connectez-vous à Google Domains
Sélectionnez votre domaine
Cliquez sur DNS dans le menu de gauche
Ajoutez des enregistrements personnalisés

Cloudflare¶

Connectez-vous à Cloudflare
Sélectionnez votre domaine
Accédez à l'onglet DNS
Ajoutez les enregistrements (définissez Proxy status sur DNS only pour la configuration initiale)

Dépannage¶

Le DNS ne se propage pas¶

Patientez jusqu'à 48 heures (généralement bien plus rapide)
Vérifiez l'état de propagation : dnschecker.org
Videz le cache DNS :
macOS : sudo dscacheutil -flushcache
Windows : ipconfig /flushdns

HTTPS ne fonctionne pas¶

Vérifiez que les enregistrements DNS sont corrects
Attendez le provisionnement du certificat SSL
Recherchez les avertissements de contenu mixte dans la console du navigateur
Assurez-vous que toutes les ressources utilisent des URL HTTPS

Le site affiche un contenu incorrect¶

Videz le cache du navigateur
Vérifiez url et baseurl dans _config.yml
Vérifiez que le fichier CNAME existe (GitHub Pages)
Reconstruisez et redéployez

Erreurs de certificat¶

Assurez-vous que le domaine pointe vers le bon hébergement
Attendez le provisionnement du certificat (peut prendre des heures)
Recherchez les enregistrements CAA susceptibles de bloquer l'émission du certificat

Bonnes pratiques¶

Utilisez toujours HTTPS — Protège les visiteurs et améliore le SEO
Choisissez une URL canonique — Redirigez www vers non-www (ou inversement)
Mettez à jour toutes les références — Assurez-vous que _config.yml et toutes les URL codées en dur correspondent
Testez minutieusement — Vérifiez toutes les pages après le changement de domaine
Mettez en place une surveillance — Utilisez un service de surveillance de disponibilité pour les sites en production

Étapes suivantes¶

Voir aussi¶

[[Deployment]]
[[Deploy to GitHub Pages]]
[[Deploy to Netlify]]