GitHub

GitHub est un site qui sert à stocker et partager du code. Nous allons l’utiliser pour déposer et publier notre portfolio.

FondamentalCré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.

FondamentalCré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.

FondamentalDé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.

FondamentalActiver 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 !

FondamentalMaintenir 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é.

FondamentalConseils 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.