The latest articles on DEV Community by Lizotte (@lizotte). https://dev.to/lizotte https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F1232941%2Fe48ce7c9-5fdf-40c4-905a-4f72b7b970c4.png https://dev.to/lizotte en Lizotte Thu, 14 Dec 2023 04:00:03 +0000 https://dev.to/lizotte/comment-creer-un-site-statique-avec-github-pages-10p https://dev.to/lizotte/comment-creer-un-site-statique-avec-github-pages-10p <h2> Introduction </h2> <p>Avec GitHub Pages, il est désormais plus facile que jamais de créer et de publier votre propre site statique. Que vous soyez un développeur, un créateur de contenu ou simplement quelqu'un qui veut partager des informations, suivez ce guide pour créer rapidement un site statique hébergé sur GitHub.</p> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--_t1J5Twl--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/oncjksmhlmlsnktxm7yr.png" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--_t1J5Twl--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/oncjksmhlmlsnktxm7yr.png" alt="github static" width="800" height="433"></a></p> <h2> Étape 1 : Créer un Répertoire </h2> <p>Commencez par créer un nouveau répertoire dans votre compte GitHub. Nommez-le de manière appropriée, par exemple, "<a href="https://jmdate.github.io/">https://jmdate.github.io/</a>", où "nom-utilisateur" est votre nom d'utilisateur GitHub. Ce nom de repository est crucial pour que GitHub reconnaisse automatiquement votre site.</p> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--sC2bIUsC--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ogcw8nffn34yxtcpxq5r.gif" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--sC2bIUsC--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ogcw8nffn34yxtcpxq5r.gif" alt="coding" width="800" height="600"></a></p> <h2> Étape 2 : Ajouter Vos Fichiers </h2> <p>Dans votre nouveau répertoire, ajoutez vos fichiers pour le site statique. Ceci peut inclure des fichiers HTML, CSS, JavaScript, des images, etc. Assurez-vous d'avoir un fichier principal nommé "index.html". C'est la page d'accueil de votre site.</p> <h2> Étape 3 : Initialiser un Dépôt Git </h2> <p>Si vous n'avez pas encore de dépôt Git, ouvrez un terminal, placez-vous dans le répertoire de votre site, et exécutez les commandes suivantes:</p> <p>git commit -m "Premier commit"</p> <h2> Étape 4 : Publier sur GitHub Pages </h2> <ol> <li>Accédez à l'onglet "Settings" de votre repository sur GitHub.</li> <li>Faites défiler vers le bas jusqu'à la section "GitHub Pages".</li> <li>Dans le menu déroulant "Source", sélectionnez "main branch" (ou une autre branche principale si vous utilisez une branche différente).</li> <li>Votre site sera désormais accessible à l'adresse <a href="https://jmdate.github.io">https://jmdate.github.io</a>.</li> </ol> <h3> Conclusion </h3> <p>Voilà, vous avez créé avec succès votre propre site statique hébergé sur GitHub Pages ! N'hésitez pas à personnaliser davantage votre site en ajoutant du contenu, en utilisant des thèmes, et en explorant les nombreuses possibilités offertes par cette plateforme.</p> github gitlab