Personal website via github pages on custom domain (1 hour)

Created by Vít Kalisz

#github, #github pages, #personal web, #web

Create your own account on github.com

Go register your domain

You can do it with several providers, we will be using https://www.onebit.cz/en/domeny/.

Create a repository

The repository's name must be in the form <username>.github.io

Main domain (no subdomain)

https://docs.github.com/en/pages/configuring-a-custom-domain-for-your-github-pages-site/about-custom-domains-and-github-pages#using-an-apex-domain-for-your-github-pages-site

Further details: https://docs.github.com/en/pages/configuring-a-custom-domain-for-your-github-pages-site/managing-a-custom-domain-for-your-github-pages-site#configuring-an-apex-domain

Go to your domain DNS settings

https://www.oneadmin.cz/onebit/?mng=service&subcat=dnssrv

Create a file for testing

Verify it works 1

1. Open the command line by pressing Windows and searching for CMD
2. Type in: nslookup <yourdomain>

Add the following four A-records

185.199.108.153

185.199.109.153

185.199.110.153

185.199.111.153

At the end, it should look somewhat like this: 

The form looks like this

In the repository settings go to Pages

Add the following four AAAA-records

2606:50c0:8000::153

2606:50c0:8001::153

2606:50c0:8002::153

2606:50c0:8003::153

At the end, it should look like this:

The form looks like this

Enforce HTTPS

Now, add a CNAME record for the www subdomain

First, it may look something like this

Verify it works

Verify it works 2

With IPv6 it should look somewhat like this:

In a couple of minutes, it shoult work after a page reload

Web based tools to verify even without a command line/ terminal

https://dns.google.com/

or

https://www.whatsmydns.net/

The repository looks like this