Friday 14 August 2020

How to publish your website on Github for free ?

 


Publish your website on Github for free




HOW TO HOST A STATIC WEBSITE ON GITHUB FOR FREE?


If you are a beginner in the web development field and you have created a cool website using the front end technologies, you might be thinking of publishing your website on the web and share among your friends and family members to show them your work. So, in this article, I am going to discuss how to publish your static website on Github for free.

Before I start the main steps, I want to inform you of what Github is. GitHub is a Git repository hosting service, but it adds many of its features. It provides hosting for software development and version control using Git. Many of the repositories are publicly available, and you can learn from each other in the Github community.

You can notice I have written the 'static' word in the title. Do you know what does a static website means? A static website is a website that is delivered to the user's web browser exactly as stored. It contains fixed elements and It is created using front end languages like HTML, CSS, and Javascript.

You need to follow some steps to publish your website on Github for free. The steps are -

1. Visit Github website and create an account:

First, you need to create an account in Github. Without an account, you cannot publish your website and chat with other developers. So, visit Github and sign up with your email address.

Publish your website on Github for free


2. Create a new repository:

After signing up, you need to create a repository to publish your site. So, click on the button as shown below.

Publish your website on Github for free


After clicking on the button, you will be redirected to a page called 'Create a new repository'. You need to choose a name for your repository and fill the space give to you. To make your repository public, check the radio button for Public option and don't forget to initialize your repository with a README file. Then, click the 'Create repository' button.

Publish your website on Github for free

3. Add your project files to your repository:

Now, go to 'Add file' dropdown menu and select upload files. Then, upload your files either  selecting or dragging the files.

Publish your website on Github for free


4. Change the source on Github pages:

You have added your files to your repository. Now, you need to go to the settings and change the source in the Github pages. Select 'Master branch' as the branch and click the save button. Now, you can find a line like ' Your site is ready to be published at https://yourusername.github.io/your_repository_name/'. If you refresh the page, you will find that there is written that your site is published.

Publish your website on Github for free
Publish your website on Github for free



Congratulations, now your website has been published. You can find your site URL there. Don't forget to share it with your family and friends and let them know your creation.

If you don't understand any steps or find something wrong or have any doubts let me know through your comments.
Happy coding 😄.








No comments:

Post a Comment

SVG animation - Create walking man animation

  Don't you want your website to seem attractive? I am sure you want to. But, How can you do that? What about some animations? It will b...

–>