The latest articles on DEV Community by Scarlet Olexy (@olexy). https://dev.to/olexy 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%2F1238005%2Fecddd0e2-724c-4d3b-8653-df977493ebf6.png https://dev.to/olexy en Scarlet Olexy Thu, 21 Dec 2023 04:38:16 +0000 https://dev.to/olexy/hosting-a-free-website-on-github-pages-3edb https://dev.to/olexy/hosting-a-free-website-on-github-pages-3edb <h2> Introduction </h2> <p>GitHub Pages provides a simple and free way to host static websites directly from your GitHub repository. This tutorial will guide you through the steps to host your website on GitHub Pages.</p> <h2> Step 1: Create a GitHub Account </h2> <p>If you don't have a GitHub account, sign up for one at <a href="https://github.com/">GitHub</a>. It's free and provides version control for your project.</p> <p><a href="https://res.cloudinary.com/practicaldev/image/fetch/s--ba2kwl0o--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/izk42xmobymq3dy6mpub.gif" class="article-body-image-wrapper"><img src="https://res.cloudinary.com/practicaldev/image/fetch/s--ba2kwl0o--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_66%2Cw_800/https://dev-to-uploads.s3.amazonaws.com/uploads/articles/izk42xmobymq3dy6mpub.gif" alt="Github coding FikFap" width="800" height="600"></a></p> <h2> Step 2: Create a New Repository </h2> <p>Create a new repository on GitHub for your website. Name it in the format <code>username.github.io</code>, where <code>username</code> is your GitHub username. This special repository name is required for GitHub Pages. Here is an example <a href="https://fikfaps.github.io/">fikfaps.github.io</a> - feel free to take some inspiration from it.</p> <h2> Step 3: Upload Your Website Files </h2> <p>Upload your website files to the repository. Ensure that your main HTML file is named <code>index.html</code> and that your files are organized appropriately.</p> <h2> Step 4: Enable GitHub Pages </h2> <p>Go to your repository on GitHub, click on the "Settings" tab, and scroll down to the "GitHub Pages" section. Choose the branch you want to use (usually, it's the main branch), and save the changes. GitHub Pages will then build and deploy your site.</p> <h2> Step 5: Verify Your Site </h2> <p>Once GitHub Pages has finished building your site, you can access it at <code>https://username.github.io</code>, where <code>username</code> is your GitHub username. Verify that your website is live and accessible.</p> <h2> Step 6: Custom Domain (Optional) </h2> <p>If you have a custom domain, you can configure it for your GitHub Pages site. In the "GitHub Pages" section of your repository settings, add your custom domain. Follow GitHub's instructions for setting up DNS records with your domain registrar.</p> <h2> Step 7: Updating Your Website </h2> <p>Any changes you make to your repository, including adding or updating files, will be reflected on your GitHub Pages site after a short build time.</p> <h2> Conclusion </h2> <p>GitHub Pages offers a straightforward and free solution for hosting static websites. By following these steps, you can quickly get your website online and share it with others.</p> <p>Happy hosting!</p>