How to make your web presence
A Guide for poor noobs like me to create their website
I struggled on the internet to figure out how to mark my presence online and beacuse I believe in open source, I thus would like to share a quick step-by-step guide to launch yourself in the wide world of wonder. P.S. No money needed, but if you feel too generous, I won’t mind some charity coming along.
GitHub
- Go to Github and create an account using your email id.
- Chose a username which wouldn’t embarass you while sharing it.
- Create a repository by the name of username.github.io
- Voila! Now you have a website serving you at http://username.github.io
The crucial part - The Web Page
- Here is the nitty gritty stuff.
- You have to decide on the level of sophistication you need. I am using an HTML/CSS based website with Hugo powered blog.
- Go over to some common free templating sites like this and download any one which suits you.
- Download the entire package and make sure you can open it in a local web browser without internet.
Getting published
- Now what you want to be doing is making a folder on your local machine where you could put the website locally.
- If you are not familiar with Github command line, no worries, I’ve got you covered. As I said, this is for noobs like me. So go ahead and install GitHub client on your computer.
- Link the aforementioned folder to the GitHub client. Add your GitHub credentials aka your username, password.
- Now know that the words pull, push and commit would be redefined in your mental dictionary in the next few seconds.
- Commit - It means that the currently watched folder is checked for changes and they are updated into a version control.
- Pull - It means that the changes in your remote repository aka folder would be reflected in your local repository.
- Push - It means that the changes in your local repository aka folder would be reflected into the remote repository.
- Once you successfully push the template folder to your username.github.io repository, you have a live website.
- Congratulations! :) You cleared the first step. Now head over to edit this template website to suit your needs.
Domain Name (If you’re a fancy buff and want to brand yourself)
- Go over to any of the domain name services. I chose GoDaddy.
- Choose a domain name you like and purchase it if it fits your budget.
- Now head over to the DNS settings and add a forward with masking to your live website at the aforementioned link.