GitHub Pages and Google Domains together
[github, googledomains]
You'll have a better experience reading in DEV
Click here to continue reading this post there >>
However, if you want to know more about the project to mirror my posts from DEV here (and why), go ahead and read more.
You can continue to read here too, it's up to you... =]
Oh, that annoyed me more than it should. Yes, it's quite easy to make your custom domain point to your GitHub Pages project, but from the confusing GitHub documentation (too much freaking information) to the annoying first-page Google results, took me a while for everything to work properly.
Now I have my GitHub Pages project working fine over HTTPS with my custom domain on https://drugowick.dev or https://www.drugowick.dev.
So... assuming:
- you already have a custom domain (mine is drugowick.dev)
- you already have a GitHub Pages project (if you don't...
... here are the 3 simple steps to use your GitHub Pages project with your domain:
On your GitHub Pages repository settings (
https://github.com/<your-username>/<your-username>.github.io/settings
) in theCustom domain
field, put your custom domain including the www in the beginning, like so:
Check the box
Enforce HTTPS
(you may have to wait a little for this option to be available).Add the following
Custom resource records
to your Google Domains DNS configuration:
- A set of
A
records pointing to GitHub's IPs. Here you can find the updated IP addresses that should be used. - A
CNAME
record pointing to<your-username>.github.io
and withwww
on the Name field.
Wait a little bit again for everything to work. It will work!
Well... it works for me! =)
Thanks to:
- https://woliveiras.com.br/posts/jamstack-dom%C3%ADnio-personalizado-com-google-domains-e-github-pages/
- https://medium.com/@monarchwadia/github-pages-setting-up-www-subdomain-with-ssl-https-aca9eca371d6
Image from ann_designs por Pixabay
…