mercredi 3 juin 2026

Création d'un nouveau dépôt sur Github Pages

 

Étapes pour créer votre site

  1. Créez un nouveau dépôt (Repository)

    • Connectez-vous à votre compte GitHub.

    • Cliquez sur le bouton "+" en haut à droite, puis sur "New repository".

    • Donnez un nom à votre dépôt (ex: mon-site-perso).

    • Assurez-vous qu'il est en mode "Public" (obligatoire pour la version gratuite).

    • Cochez la case "Add a README file" pour faciliter l'initialisation.

    • Cliquez sur "Create repository".

  2. Ajoutez votre contenu

    • Une fois dans votre dépôt, cliquez sur "Add file" > "Create new file".

    • Nommez le fichier index.html.

    • Écrivez un simple code HTML dans l'éditeur (par exemple : <h1>Bonjour, bienvenue sur mon site !</h1>).

    • En bas de page, cliquez sur "Commit changes".

  3. Activez GitHub Pages

    • Dans votre dépôt, cliquez sur l'onglet "Settings" (en haut).

    • Dans la barre latérale gauche, cliquez sur la section "Pages".

    • Sous "Build and deployment", assurez-vous que "Source" est réglé sur "Deploy from a branch".

    • Sous la section "Branch", sélectionnez la branche main (ou master) dans le menu déroulant et cliquez sur "Save".

Accès à votre site

Une fois les réglages sauvegardés, GitHub va générer votre site. Cela prend généralement 1 à 2 minutes.

  • Restez sur la page "Settings > Pages".

  • Un message s'affichera en haut : "Your site is live at..." suivi d'un lien. C'est l'adresse de votre nouveau site !

Note : Si vous souhaitez utiliser un générateur de site statique (comme Jekyll, Hugo ou un simple framework JS), vous pouvez changer la source dans les paramètres sous "Build and deployment" pour utiliser des "GitHub Actions" à la place.

Résumé des concepts clés

Pour bien comprendre le fonctionnement, voici les éléments fondamentaux :

  • Dépôt (Repository) : C'est votre dossier projet sur GitHub.

  • Branche : La version de votre code qui est "publiée" (généralement main).

  • Fichier index.html : La page d'accueil par défaut que GitHub Pages cherche pour afficher votre site.

Aucun commentaire: