Pourquoi GitHub Pages ?
- 100% gratuit — hébergement, SSL, bande passante
- Performant — CDN mondial de GitHub
- Versionné — chaque modification est tracée dans Git
- Domaine personnalisé supporté (optionnel)
- Aucun serveur à gérer
L'inconvénient : pas de contenu dynamique (base de données, commentaires natifs). Mais pour un blog, c'est parfait.
Étape 1 — Créer un compte GitHub
Rendez-vous sur github.com/signup et créez un compte. Choisissez votre nom d'utilisateur avec soin — il deviendra l'URL de votre blog : votrenom.github.io.
Étape 2 — Créer le repo
Dans GitHub, créez un nouveau repository avec ce nom exact : votrenom.github.io (remplacez "votrenom" par votre username exact).
Cochez "Add a README file" pour l'initialiser.
Étape 3 — Créer votre première page
Créez un fichier index.html dans le repo :
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>Mon blog</title>
</head>
<body>
<h1>Bienvenue sur mon blog !</h1>
<p>Premier article en cours...</p>
</body>
</html>Étape 4 — Activer GitHub Pages
- Allez dans Settings de votre repo
- Section "Pages" dans le menu gauche
- Source : "Deploy from a branch"
- Branch : main / (root)
- Cliquez Save
Après 1-2 minutes, votre site est accessible sur https://votrenom.github.io.
Étape 5 — Ajouter un domaine personnalisé (optionnel)
Si vous voulez monblog.fr plutôt que votrenom.github.io :
- Achetez un domaine (~10€/an)
- Dans votre registrar, ajoutez un CNAME :
www → votrenom.github.io - Dans GitHub Pages Settings, entrez votre domaine
- GitHub génère automatiquement un certificat SSL
Où acheter un domaine pas cher ?
| Registrar | Prix .fr/an | Prix .com/an | Note |
|---|---|---|---|
| OVH | ~7€ | ~10€ | Français, fiable |
| Hostinger | ~3€ (promo) | ~10€ | Bon rapport qualité/prix |
| Namecheap | — | ~10€ | Interface simple |
| Infomaniak | ~7€ | ~12€ | Suisse, éco-responsable |
Aller plus loin : générateur de site statique
Écrire chaque article en HTML pur devient fastidieux. Pour un blog avec beaucoup d'articles, utilisez un générateur de site statique :
- Jekyll — nativement supporté par GitHub Pages, articles en Markdown
- Hugo — ultra-rapide, thèmes nombreux
- Eleventy (11ty) — flexible, facile pour les devs JS
Ces outils convertissent vos fichiers Markdown en HTML automatiquement à chaque push.
Récapitulatif
| Étape | Action | Temps | Coût |
|---|---|---|---|
| 1 | Créer compte GitHub | 2 min | Gratuit |
| 2 | Créer repo | 1 min | Gratuit |
| 3 | Créer index.html | 5 min | Gratuit |
| 4 | Activer Pages | 1 min | Gratuit |
| 5 (opt.) | Domaine personnalisé | 10 min | ~10€/an |
Des questions sur votre setup ? Décrivez votre cas en commentaire.