This is a tutorial on how to make a website of your own.
This website is hosted on GitHub. In order to use GitHub effectively you will need to set up Git on your machine.
Download the latest version of Git at https://git-scm.com/downloads.
Next, set your Git username. Open Git Bash and set a username by typing:
$ git config --global user.name "Mona Lisa"
Confirm that you have set your Git username correctly:
$ git config --global user.name
> Mona Lisa
Set your commit email address by typing in Git Bash:
$ git config --global user.email "email@example.com"
If you wish to keep your email address private please see GitHub-provided no-reply email address.
Authenticating with GitHub from Git over SSH
To clone with SSH you must generate SSH keys on each computer you use to push and pull from GitHub.
To generate a new SSH key on your computer open Git Bash and paste the text below, substituting in your GitHub email address.
$ ssh-keygen -t ed25519 -C "your_email@example.com"
To save the key in the default location press Enter when prompted.
Next, type a secure password.
Add the SSH key to your GitHub account
Copy the SSH public key to your clipboard. If you saved it in the default directory you can paste the text below in to Git Bash. Otherwise locate the hidden .ssh folder, open it, and copy the key to your clipboard.
$ clip < ~/.ssh/id_ed25519.pub
# Copies the contents of the id_ed25519.pub file to your clipboard
Now, log in to your GitHub account, if you haven't already, create one here.
Click on Settings. Go to SSH and GPG keys. Click New SSH key . Paste your key into the "Key" field. Click Add SSH key.
Create a repository
A repository tracks and saves the history of all changes you make to your project.
Navigate to the directory where you wish to store your project. In the directory, type git init.
Now, go to GitHub.com and click the new repository button. Click the Create repository button.
It is very important that you name the repo {username}.github.io.
Type this in to Git Bash to connect your repo to GitHub.
$ git remote add origin git@github.com:[username]/[name of repo]
$ git push -u origin master
Congratulations, you are now ready to git commit and git add to GitHub.
Making this website was my first time using HTML. First I considered using one of the templates available on html5up.net.
After downloading a template that I liked, I opened the index.html file and started to try and figure things out. After a short while I realized that changing all of the sample text and the default layout of the template would be tedious and tiresome work. So I decided to make make my website from scatch. I also figured that way I would learn a lot more.
I searched the web for tutorials and resources on learning HTML. I began by reading up on an introductory HTML tutorial on this w3schools page.
After learning the basics, I searched YouTube for tutorials on making a portfolio with HTML.
I followed the video to get the layout of the page. After I had the layout ready I began to fill in my information and customize the page to my liking. Then, I pushed the page to my GitHub repo.
Publishing the page
To publish your page using GitHub navigate to the repo that your site is located at. Click on Settings. Find GitHub Pages and select the branch from which you wish to launch your page. And you should be all set. Your site is now live at https://{username}.github.io.