Do It Yourself – Tutorials – How to Make a 100% FREE Website in 10 Minutes #1 Understanding HTML and using Github Pages

by | Apr 9, 2021 | 0 comments

Do It Yourself – Tutorials – How to Make a 100% FREE Website in 10 Minutes #1 Understanding HTML and using Github Pages

by | Apr 9, 2021 | Do It Yourself - Build Your Own Website | 0 comments

Do It Yourself – Website Tutorials



This video shows you how to host your own website for free in just over 10 minutes!
Video instructions
(1) Head to Github and sign in or sign up (it’s free)
(2) Follow instructions from video – make up a name for your repository, select public (you can do private but you have to pay pro for Private Github Pages), and add a README file.
(3) Once created, go to Settings and on the left side you will see “Pages”. Click on it, and you will see a heading that says “Github Pages”. Under the “Source” heading you can see branch, select “main” (unless you renamed it) and leave the folder as “/root”. Click save. From here if you receive a 404 error, it may be because it is still publishing the site. You should wait until it says “Your site is published at…”. Even if it doesn’t work, it shouldn’t matter too much, as long as you can view it after you have created the HTML file.
(4) Create a new file and [IMPORTANT] name it index.html else it won’t work
(5) Copy the code and you can leave out the comments unless you want to. Here you can have fun, edit some bits of the code and generally experiment with things.
(6) Once you are done, scroll down from the code and you should see a green button saying “Commit Changes”. Click that, and the site should automatically republish your changes.

*I am in no way associated with Github

source

0 Comments

Submit a Comment

What Our Clients Are Saying

Divorce For Men Publishing

Leland always executes effective social media campaigns that prove to have a return on investment.

C, Divorce For Men Publishing

Dieno Digital Marketing Services
5
2018-04-27T01:11:58+00:00

C, Divorce For Men Publishing

Leland always executes effective social media campaigns that prove to have a return on investment.

Travco RV

Leland lets me focus on running my business while he takes care of the digital marketing for us. He really...

Rod, Travco-Rv.com

Dieno Digital Marketing Services
5
2018-04-27T20:16:51+00:00

Rod, Travco-Rv.com

Leland lets me focus on running my business while he takes care of the digital marketing for us. He really takes care of our companies marketing with his expertise and has a lot of great ideas. We are very fortunate to  have him helping us with fresh new ideas.

British Columbia Coalition Of Motorcyclists

We've been working with Dieno Digital, for the past year and a half now and couldn't be happier with all...

Tara, British Columbia Coalition Of Motorcyclists

Dieno Digital Marketing Services
5
2018-04-27T22:05:28+00:00

Tara, British Columbia Coalition Of Motorcyclists

We've been working with Dieno Digital, for the past year and a half now and couldn't be happier with all the updates  to our website. Leland is always very responsive and able to answer all of questions or fix any issues in no time at all. We look forward to continuing to expanding and broadening our website with Dieno Digital.

Amplifylife.ca

Been working with Leland on a project for a Not-For-Profit organization and it is a pleasure to be able to...

Rob - Amplylife.ca

Dieno Digital Marketing Services
5
2018-05-03T19:49:40+00:00

Rob - Amplylife.ca

Been working with Leland on a project for a Not-For-Profit organization and it is a pleasure to be able to bring a high level of creativity, energy, expertise and professionalism to the project for their digital marketing needs. We are so excited for the chance to work more with Leland and Dieno Digital.
5
4
Dieno Digital Marketing Services
[newsletter_form]
<div class="tnp tnp-subscription"> <form method="post" action="https://www.dienodigital.com/?na=s"> <input type="hidden" name="nlang" value=""><div class="tnp-field tnp-field-firstname"><label for="tnp-name">First name or full name</label> <input class="tnp-name" type="text" name="nn" value=""></div> <div class="tnp-field tnp-field-email"><label for="tnp-email">Email</label> <input class="tnp-email" type="email" name="ne" value="" required></div> <div class="tnp-field tnp-field-button"><input class="tnp-submit" type="submit" value="Subscribe" > </div> </form> </div>