Welcome GitHub Pages and Jekyll

April 9, 2020
Tagged with: github pages, jekyll
884 words; 4 minutes to read.

I finally got around to looking into GitHub Pages and Jekyll, and this website is the end result.

I’ve had my own domain name for many years but have only ever used it for email addresses, never for a website. I couldn’t think of any content for it and, to be honest, I didn’t want to pay the hosting fees.

In my spare time I’ve been learning how to develop Apple iOS apps using Swift, and I now have a number of my own apps on my iPhone - see my Projects page. Although the apps were written to solve a particular need I had, I thought it might be interesting to release one or more of them on Apple’s App Store for other people to try. However, in order to submit an app for inclusion in the App Store, I must provide URLs for a support page and a privacy policy. So, I need a website.

I recently discovered that I could host a website for free on GitHub using GitHub Pages. And, using Jekyll, I could easily generate and maintain a static website. This is exactly what I was looking for.

Googling for GitHub Pages and Jekyll returned lots of information and tutorials on how to go about hosting a static website on GitHub and how to use a Jekyll Theme to customise it to my personal needs.

I decided on the following steps to create my website:

  1. Create a bare minimum website at the default GitHub Pages URL. For me this would be http://gavinjerman.github.io.
  2. Redirect the default GitHub Pages domain to my custom domain jermware.net hosted by 123 Reg.

Once I had a minimal website up and running using my custom domain, I could spend some time choosing and customising what theme to use from one of the many freely available Jekyll themes. After that, it would just be a case of adding the content!

Although the information to needed complete these steps is available elsewhere online, for completeness, here’s what I did.

Step 1:

image1

I named the file index.html with the contents ‘Hello World’ and committed the new file.

image2

My repository looked like this:

image3

image4

Step 2:

image5

image6

I now have a website using my custom domain and hosted on GitHub. Now to decide on a theme and customise it to my liking…