I recently wrote a blog post after a long period of inactivity and I got some feedback. The most common response was “you blog?” - but the second most common response was “hey, your SSL certificate is bad”. This was rather unexpected since I use GitHub Pages specifically to avoid having to think about that sort of thing.
Sure enough, when I went to www.rpherbig.com in Chrome I got an Unsafe Site warning:
That’s no way to greet people visiting my blog. Proceeding to the site gives a bit more information:
It turns out that this is a known problem when using GitHub Pages and a custom domain. In fact, it’s been a problem since at least 2014. I’m not sure how it took me this long to notice, but enough is enough - it’s time to do something about this.
Enter Cloudflare, stage right. Cloudflare’s product sits between the end user (you, reading this blog post) and the content server (in this case, GitHub Pages). Cloudflare offers a whole lot of services - among them making it easy to configure SSL (image courtesy of CloudFlare’s blog post on the introduction of strict SSL):
The signup process is painless and straightforward. I won’t detail the steps I took here since I used the defaults. Do note, it took the better part of a day for my SSL certificate to be authorized, and a bit longer yet for the name server (DNS) changes to propagate and take effect. The next day I was back in business:
All of our hard work only matters if the visitor is using HTTPS, so let’s force its use. GitHub Pages allows you to enforce HTTPS, but only if you are using the
For a custom domain, it’s a bit trickier. You will need to create up to three Page Rules in Cloudflare (depending on if you’re using a
www subdomain like I am):
|http://rpherbig.com/*||Always Use HTTPS|
|http://www.rpherbig.com/*||Always Use HTTPS|
|https://rpherbig.com/*||Forwarding URL (301 - Permanent Redirect): https://www.rpherbig.com/$1|
Once you have the Page Rules in place, I highly recommend testing them by visiting each of the URLs to ensure they redirect properly. In this example, you would test http://rpherbig.com, http://www.rpherbig.com, and https://rpherbig.com - and expect them all to redirect to https://www.rpherbig.com.
Here you can see my test for http://rpherbig.com. Cloudflare redirected us to https://rpherbig.com (row 1). Then https://rpherbig.com was redirected to https://www.rpherbig.com (row 2). Then the final URL of https://www.rpherbig.com was loaded (row 3).
It’s important for the security of your site that these Page Rules be set up correctly so that the redirects happen in the proper order. If https://rpherbig.com redirects to http://www.rpherbig.com, you’re in trouble, even if you eventually end back up on HTTPS.