ExercicesMettre ta page en ligne avec GitHub Pages
Débutant30 minMet en pratique : Guide gratuit, étape 7 : mettre en lignePublié le 5 octobre 2026
La consigne
Dernière marche : ta page devient visible par tout le monde, gratuitement. Suis les étapes une par une, comme si un pote te guidait au téléphone.
1. Crée un compte gratuit sur github.com (bouton Sign up) et confirme ton email.
2. Dans VS Code, avec ton dossier ouvert, appuie sur Ctrl + Maj + P (la palette de commandes).
3. Tape : Publish to GitHub, puis appuie sur Entrée.
4. Connecte-toi à GitHub quand VS Code le demande (ton navigateur s'ouvre, accepte).
5. VS Code propose un nom de dépôt : garde mon-premier-site. Choisis l'option publique (public repository) : sur un compte gratuit, c'est ce qui permet la publication avec GitHub Pages.
6. Sur github.com, ouvre ton dépôt mon-premier-site, clique sur l'onglet Settings, puis dans la colonne de gauche sur Pages.
7. Sous Build and deployment, choisis Deploy from a branch. Dans Branch, choisis ta branche (elle s'appelle main ou master selon ton installation de Git), laisse le dossier sur / (root), et clique sur Save.
8. Attends : la mise en ligne peut prendre jusqu'à 10 minutes. L'adresse de ta page s'affiche en haut de cette même page Pages (elle ressemble à ton-pseudo.github.io/mon-premier-site).
Attention : tout ce qui est dans un dépôt public est visible par tous. Ne mets jamais de mot de passe ni d'information privée dans ce dossier.
Tu es bloqué, quelle que soit l'étape ? Copie ce message dans le panneau Claude Code, complète-le et envoie :
« Je suis bloqué à l'étape (numéro) de l'exercice "Mettre ta page en ligne avec GitHub Pages". Voici ce que je vois à l'écran : (décris ou colle le message). Explique-moi quoi faire, une seule étape à la fois, avec des mots simples. »
Ce que tu rends
L'adresse de ta page en ligne. Ouvre-la sur ton téléphone et dis-nous si ton test de réussite passe.
Vérifie que tu as compris
5 questions, une seule bonne réponse à chaque fois.
Quelle commande de VS Code envoie ton dossier sur GitHub ?
- Publish to GitHub
- Delete Repository
- Open Folder
Voir la réponse
Publish to GitHub. Ctrl + Maj + P, puis Publish to GitHub.
Où active-t-on la mise en ligne ?
- Dans Claude
- Dans le menu Démarrer de Windows
- Dans Settings, puis Pages, sur github.com
Voir la réponse
Dans Settings, puis Pages, sur github.com. Settings, Pages, Build and deployment, Deploy from a branch.
Ta page n'apparaît pas 2 minutes après. C'est normal ?
- Oui, ça peut prendre jusqu'à 10 minutes
- Il faut payer
- Non, tout est cassé
Voir la réponse
Oui, ça peut prendre jusqu'à 10 minutes. GitHub indique jusqu'à 10 minutes. Patience avant de paniquer.
Que ne faut-il jamais mettre dans un dépôt public ?
- Une page HTML
- Une image
- Un mot de passe ou une info privée
Voir la réponse
Un mot de passe ou une info privée. Public veut dire visible par tout le monde, y compris les robots qui cherchent les mots de passe.
À quoi ressemble l'adresse de ta page ?
- ton-pseudo.github.io/mon-premier-site
- localhost
- www.google.com
Voir la réponse
ton-pseudo.github.io/mon-premier-site. C'est l'adresse d'un site de projet sur GitHub Pages : ton pseudo, puis le nom du dépôt.