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.