Learn Jekyll

Jekyll tutorial

Duration: 2 hours
Expertise level: Beginner

Jekyll is a popular Ruby based static site generator. It’s easy to pick up so it’s a great choice if this is your first static site generator. In this tutorial we’ll go over the fundamentals of Jekyll to help you build your first Jekyll site.

Image of a keyboard on a desk with a cup of coffee, with a Jekyll logo and the word Tutorial

Installing Jekyll

Start lesson

Install Jekyll - a simple, blog aware static site generator Ruby Gem.

Getting started with Jekyll

Start lesson

Set the ground work for the rest of the series by setting up a Jekyll site and going over some of the conventions. 

Introduction to Liquid

Start lesson

Learn the basic Liquid templating concepts and see how you can use Liquid on your site.

Introduction to Jekyll front matter & YAML

Start lesson

Front matter and YAML are like bread and butter in Jekyll. Learn these concepts and their relationship with Liquid.


Introduction to Jekyll layouts

Start lesson

Layouts help you set up and reuse the main structure of your Jekyll site. 

Introduction to Jekyll includes

Start lesson

Learn how Jekyll includes allow you to break down your pages into smaller “components”. 

Introduction to blogging in Jekyll

Start lesson

Blogging is built right into Jekyll, so it’s easy to use and setup.

Introduction to collections in Jekyll

Start lesson

Collections in Jekyll are quite similar to blog posts but have a slightly different use case. Let’s explore in this lesson.

Introduction to Jekyll data files

Start lesson

Learn how you can use data files as a great way to manage configuration data or import an existing data set to Jekyll. 

Other learning paths

Show all
Learn Hugo
Hugo tutorial

Hugo is a extremely fast and well structured static site generator. In this series we'll get through the basics of creating a Hugo site.

Start your tutorial