Jekyll Site Deployment With Google Domains

I’ve been working on some projects recently, decided that it is time to get my portfolio together, and start blogging. I have something that I want to show to the world, and I am using Github Pages as my platform.

Google.com Domain

Did you know that Google now sells domains? I purchased my domain from Google after learning that GoDaddy would charge me $103, because I previously had a domain through them that expired. I am no longer eligible for their awesome discounts - ughh. My domain purchased through Google only cost me around $12 per year, with the following features as extracted from Google Domains Help page:

Features included at no additional cost

Whois privacy

Domain forwarding and subdomain forwarding

Email forwarding (forwarding of email aliases @)

Google nameservers with 10 million DNS resolutions per year

Support via help center, email, chat, or phone.

While I may not have use for email fowarding just yet, it is a nice to have. However, the Whois privacy is an amazing (FREE) feature that allows me to hide and protect my personal information that is associated wirh my domain since I am the owner of the domain. When queried, all my personal info, with the exception of my name, points to a third party company in New Zealand.

Github hosting

In order to use Github Pages to host my site, I had to create a branch called gh-pages and push to that branch. There is some setting up involved, so I will give you an overview.

Github has some documentation for setting up custom domains with Github Pages here. According to the instructions, I had to create a file called CNAME (no additional file extensions like ‘.txt’ required) in my root directory. The only information that this file contained was the name of my site like below:

cname img

I then had to configure an A record with Google, my DNS provider. Below is a snapshot of how I entered this information in my DNS configuration settings on my admin page on Google Domains.

google settings img

I made the mistake of leaving the baseurl as the name of my repo for this site on github, and was horrified to see that all my styles were stripped from my custom domain.

config-settings img

If you previously used gh-pages as your domain, be sure to change the baseurl and url in your _config.yml file, so that all your images, css and sass can be displayed.

config-settings img

Once I made the correction, all was well again with the world!

config-settings img

Comments