![]() The deployment branch: which branch of your repository will be deployed. That’s where you will ask GitHub to deploy your website online and create an URL for it. Click on the image below on the last option called “Settings”, then “Pages” in the sidebar.Īfter clicking on “Pages”, you will land on the GitHub Pages configuration. On your repository page, you have a menu at the top. Let’s deploy your website and make it available to the world! □ To verify that everything is working correctly, you can open your repository on GitHub and verify that the index.html file is displayed. Until here, you must be doing the same thing as for your other GitHub projects. You can type the commands below to do it: $ git add index.html When your code is ready, you will need to save it on GitHub. You’ll learn how to update it later in the coming steps! ⏭ Push your code to GitHubĪre you satisfied with your index.html file? If not, don’t worry. My Cool Website Welcome to my website ! ⭐️ How was your day? □ 4. It will be the entry point of our website.īelow is the template that I will use. I invite you to open your repository in your favorite IDE (VSCode isn’t it? □) and create an index.html file. There, you can copy/paste the HTTPS or SSH link and clone the repository on your computer. Once you created your repository, you will be redirected to its page. To do so, open the “Create a new repository” page on GitHub.įeel free to choose a funky name for your repository! □□ But, take care because this name will be one part of your website URL.įor this tutorial, I will name my repository: “my-cool-website”. Note: If you don’t have a GitHub account yet, you can create one on the homepage. In this first step, you will need to create a new repository on your account. Create a new GitHub repositoryĪs mentioned above, we’ll use GitHub Pages to host our static website. ![]() This feature is helpful to deploy your static websites (HTML, CSS, and JavaScript) like a portfolio, project documentation, or anything that you want! It even allows you to configure a custom domain name (but we’ll focus only on the hosting part in this tutorial).īut, there is one limitation, since it’s a static service, it does not support server-side scripts (PHP, Python, etc.).Īre you ready to dive in? □ 1. But did you know that they also offer a free hosting solution called Pages? GitHub is an excellent platform for saving your code projects and working with your colleagues.
0 Comments
Leave a Reply. |
Details
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |