De zéro à ton site en ligne
Ce que tu obtiens à la fin
Une adresse publique bien à toi, du type https://ton-compte.github.io/c113-cv-nomprenom/, que tu peux envoyer à n'importe qui. Compte une quinzaine de minutes la première fois.
Cette page couvre la création du dépôt et sa publication. Une fois que c'est en place, tu ne referas plus que les quatre gestes de l'antisèche Git en 4 gestes.
Étape 1 — Créer le dépôt sur GitHub
- Va sur github.com et connecte-toi
- Bouton New (ou le + en haut à droite → New repository)
- Owner : ton compte — Repository name :
c113-cv-nomprenom, par exemplec113-cv-fallet-steve - Choose visibility : laisse sur Public
- Start with a template : laisse sur No template
- Add README : bascule l'interrupteur sur On
- Clique sur Create repository
Pourquoi activer « Add README »
Un dépôt totalement vide n'a encore aucune branche : WebStorm n'aurait rien à cloner. Le README crée le premier fichier — et la branche main avec lui.
Le nom du dépôt devient ton adresse
Il apparaîtra tel quel dans l'URL de ton site. Donc : minuscules, tirets à la place des espaces, pas d'accents, pas de caractères spéciaux. c113-cv-jean-dupont ✅ — C113 CV Jean Dupont ❌.
Étape 2 — Cloner le dépôt dans WebStorm
Cloner, c'est télécharger une copie de travail du dépôt sur ta machine.
- Sur la page de ton dépôt, bouton vert Code → onglet HTTPS → copie l'adresse
- Dans WebStorm : écran d'accueil → Clone Repository (projet déjà ouvert ? menu File → New → Project from Version Control…)
- Colle l'adresse dans URL
- Choisis le dossier de destination, puis Clone
- Si WebStorm demande de te connecter : Log In via GitHub, ça ouvre ton navigateur
Pas dans un dossier synchronisé
iCloud, OneDrive, Google Drive et Git se marchent dessus : fichiers verrouillés, conflits inexplicables, dépôt corrompu. Range tes projets dans un dossier local simple, par exemple Documents/ESIG/ — hors synchronisation.
Étape 3 — Écrire ta page d'accueil
- Clic droit sur le dossier du projet → New → HTML File
- Nomme le fichier
index.html— exactement ce nom, en minuscules
index.html, pas autre chose
GitHub Pages cherche un fichier nommé index.html à la racine du dépôt. Index.html, cv.html ou index.htm donneront une page « 404 ». C'est l'erreur numéro un.
Écris une première version, avec ce que tu as vu dans le module 1 de Nuxy :
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="utf-8">
<title>CV — Prénom Nom</title>
</head>
<body>
<h1>Prénom Nom</h1>
<p>Étudiant en informatique de gestion à l'ESIG.</p>
</body>
</html>Pour voir le résultat pendant que tu travailles : clique sur l'icône du navigateur qui apparaît en haut à droite de l'éditeur.
Étape 4 — Envoyer ton travail sur GitHub
C'est le cycle habituel — le détail est dans Git en 4 gestes :
- Panneau Commit (
Cmd + 0), cocheindex.html, écris un message (« Ajouter la page d'accueil du CV »), puis Commit (Cmd + K) - Git → Push (
Cmd + Maj + K), puis Push
Le message de l'exemple est mauvais
« Massive refactoring » ne dit rien de ce qui a changé. Écris plutôt « Ajouter la page d'accueil du CV » : ton message doit compléter la phrase « Ce commit va… ».
Commit and Push, en un seul geste
Le bouton Commit and Push… enchaîne les deux étapes. Pratique une fois que le réflexe est pris — mais commence par les faire séparément, pour bien voir ce que chacune fabrique.
Recharge la page de ton dépôt sur github.com : ton fichier doit y être. S'il n'y est pas, le push n'a pas eu lieu.
Étape 5 — Activer GitHub Pages
À faire une seule fois par dépôt.
- Sur ton dépôt, onglet Settings (tout en haut à droite)
- Menu de gauche → Pages
- Source : Deploy from a branch
- Branch :
main, dossier/ (root)→ Save
Sur cette capture
L'encadré « Your site is live at… » en haut n'apparaît qu'une fois la première publication terminée : c'est là que tu liras ton adresse.
GitHub lance alors la publication. Elle prend une à deux minutes : tu peux la suivre dans l'onglet Actions de ton dépôt.
Étape 6 — Vérifier
Recharge la page Settings → Pages : ton adresse s'y affiche, du type https://ton-compte.github.io/c113-cv-nomprenom/. Ouvre-la.
Note-la quelque part : c'est elle que tu rendras, et elle ne changera plus.
À partir de maintenant
Ton site se met à jour tout seul à chaque push. Plus jamais besoin de repasser par Settings : tu modifies, tu commit, tu push, et une minute plus tard c'est en ligne.
Récapitulatif
| Étape | Où | Une seule fois ? |
|---|---|---|
| Créer le dépôt | github.com → New | Oui |
| Cloner | WebStorm → Clone Repository | Oui |
Créer index.html | WebStorm | Oui |
| Commit + push | WebStorm | Non — à chaque séance |
| Activer Pages | Settings → Pages | Oui |
| Vérifier en ligne | Navigateur | À chaque push |
Pièges classiques
| Symptôme | Cause probable | Solution |
|---|---|---|
| Page « 404 » sur l'adresse GitHub Pages | Le fichier ne s'appelle pas index.html, ou il n'est pas à la racine | Renomme-le, remets-le à la racine, commit + push |
| « 404 » alors que tout semble juste | La publication n'est pas terminée | Attends 1-2 minutes, onglet Actions pour suivre |
| Le site ne reflète pas mes changements | Commit fait, push oublié | Git → Push, puis attends une minute |
| Toujours l'ancienne version | Cache du navigateur | Rechargement forcé : Cmd + Maj + R |
| Adresse introuvable | La casse compte dans l'URL | Recopie l'adresse exacte affichée dans Settings → Pages |
| Comportements bizarres du dépôt | Projet dans iCloud / OneDrive | Déplace-le dans un dossier local |
| WebStorm refuse de pusher | Pas connecté à GitHub | Settings → Version Control → GitHub → Log In via GitHub |
Avant de publier ton CV
Ton dépôt est public : tout ce qu'il contient est visible par n'importe qui et peut être retrouvé par un moteur de recherche, y compris longtemps après. Une page publiée reste souvent accessible même après avoir été supprimée.
Réfléchis donc à ce que tu y mets. Ton nom, ta formation, tes compétences et tes centres d'intérêt n'ont rien de sensible. Ton adresse postale, ton numéro de téléphone, ta date de naissance ou une photo, c'est un autre sujet : ce sont des données personnelles, et sur un CV en ligne, une adresse e-mail suffit largement comme moyen de contact.
La bonne question
« Est-ce que je serais à l'aise si un employeur, un inconnu — ou ma famille — tombait là-dessus dans cinq ans ? » Si la réponse est non, ça n'a rien à faire sur la page.
Crédits
Capture du panneau Commit issue de la documentation officielle WebStorm. Copyright © 2026 JetBrains s.r.o., used with permission. WebStorm et le logo WebStorm sont des marques de JetBrains s.r.o.