Post

🧾 Making a blog on Github Pages using Jekyll

Getting a website up and running

🧾 Making a blog on Github Pages using Jekyll

Decided I should start a personal journal to keep track of my personal projects and wetlab/drylab workflows. Haven’t got much now but it’ll hopefully add up. I’ll try to include interesting data, tools or sequencing/laboratory related information sources. I’ll also use this place as my own project journal - helping me keep track of things I’ve learned and worked on over the years.

Now let’s talk about how this webpage came to life. The whole concept is rather easy to understand.

Step 1: Jekyll local installation

Jekyll is a static site generator written in Ruby that works by converting plain text. You can use Markdown, HTML, CSS etc. To preview the site before publishing it, I installed Jekyll on my machine. You’ll need Ruby as prereq. The official Jekyll installation guide has all the info.

Step 2: Picking a theme

Look on Github/Google for Jekyll themes. I chose Chirpy after I found it on GitHub, and it was very straightforward to use. There’s a chirpy-starter public template right here that you can use - just click on ā€œUse this templateā€ and create a new repo named <username>.github.io. It’s all in their documentation: Jekyll Chirpy Theme Setup.

VSCode

Step 3: Clone the repo

Using git, you can clone your repo locally, open it using VS Code and start making changes. Don’t forget to edit _config.yml. Posting is easy enough, mostly using Markdown with a sprinkle of HTML and some CSS editing if you want to alter the theme. When you’re done, push the changes to your Github branch and you’re golden. šŸ„‡

Step 4: Getting a domain

You can just use <username>.github.io. as your address but why not get a cheap top level domain (TLD) for your website? I found this neat price comparison tool called TLD-list.com where you can check domain prices and sort them by popularity or cheapest registration/renewal/transfer cost. If you want a complete list of available TLDs there’s one made by the Internet Assigned Numbers Authority (IANA) linked here. Yes, apparently .pizza is a TLD and yes, it costs more than a pizza šŸ• to renew every year, compared to .com which is currently super cheap, at just $10/yr.


I’m relatively new to the Github world but having forced myself to use it to make this site has been a blast. Looking forward to using it more and incorporating more projects into it. šŸ™‚

This post is licensed under CC BY 4.0 by the author.