Hosting setup

Walk through the process of making a GitHub website live on your own domain.

1 Create a CloudFlare account

CloudFlare is a free service to add an extra level of security and performance to your website. They’re a DNS routing system with the added benefit of stopping security threats to your website and performance enhancements—and SSL.

Go to CloudFlare & make an account

After creating your CloudFlare account, put in your domain name. CloudFlare will search your domain for DNS records.

When you get to the DNS configuration page do the following things:

  1. Delete all the A records.
  2. Add a new CNAME record:
    • yourdomain.ca
    • points to…
    • your-github-username.github.io

Continue on completing all the steps for CloudFlare’s setup.

Make sure you choose the “Free” plan.

2 Connect Hover to CloudFlare

Eventually CloudFlare will ask you to change your name servers—this is configuration we need to adjust in Hover.

Go to “Domain Details” in Hover for your domain, and down to the “Nameservers” section.

  1. Press the “Edit” button.
  2. Delete the 2 nameservers that are currently there.
  3. Copy the 2 cutely named servers that CloudFlare presented to you into Hover.

3 Connect your domain to GitHub

Using GitHub as a static web host is simple, integrates with our processes—and it’s free.

On GitHub, create a repository like you normally do. And create a gh-pages branch like you normally do. You can actually avoid the gh-pages thing now with GitHub and configure it right in “Settings”.

Go to the “Settings” for your repository.

Scroll down to the “GitHub Pages” section and enter your “Custom Domain” into the field. Press “Save”.

That’s it! Your website should start working any time now but could take up to 24 hours.