GitHub
GitHub est un site qui sert à stocker et partager du code. Nous allons l’utiliser pour déposer et publier notre portfolio.
Fondamental : Créer un compte GitHub
Rendez-vous sur github.com et cliquez sur Sign up.
Remplissez le formulaire avec votre adresse e-mail, mot de passe, nom d’utilisateur.
Vérifiez votre boîte mail et confirmez votre compte pour l’activer.
Fondamental : Créer un dépôt (repository)
Connectez-vous à GitHub.
Cliquez sur le bouton « + » en haut à droite, puis sur New repository.
Choisissez un nom pour votre dépôt, par exemple :
mon-portfolio (pour un projet simple)
Sélectionnez Public.
Cochez la case Initialize this repository with a README pour créer un fichier README par défaut.
Cliquez sur Create repository.
Fondamental : Déposer vos fichiers HTML, CSS, images, etc. depuis l’interface web
Ouvrez votre dépôt.
Cliquez sur Add file puis Upload files.
Glissez-déposez vos fichiers de site (index.html, dossier css/, dossier images/, etc.) ou cliquez sur choose your files pour les sélectionner.
Ajoutez un message dans le champ Commit changes (par exemple : “Premier dépôt”).
Cliquez sur Commit changes pour téléverser les fichiers.
Fondamental : Activer GitHub Pages pour héberger votre site
Dans le dépôt, cliquez sur l’onglet Settings en haut.
Dans la colonne de gauche, cliquez sur Pages.
Dans la section Build and deployment, sous Source, choisissez :
Deploy from a branch
Branche : sélectionnez main (ou master selon votre dépôt)
Dossier : sélectionnez / (root) si votre index.html est à la racine
Cliquez sur Save.
Quelques instants plus tard, GitHub générera une URL de type :
https://votre-nom.github.io/nom-du-depot.
Rendez-vous à cette adresse pour voir votre site en ligne !
Fondamental : Maintenir et mettre à jour votre site
Chaque fois que vous modifiez ou ajoutez un fichier via l’interface web, GitHub Pages met automatiquement à jour votre site.
L’URL de votre site reste la même tant que vous gardez le dépôt actif et GitHub Pages activé.
Fondamental : Conseils importants
Le fichier index.html doit être à la racine du dépôt.
Pour un site multi-pages, créez plusieurs fichiers HTML et liez-les avec des liens relatifs.
Évitez les espaces et caractères spéciaux dans les noms de fichiers.