• Pricing
Jekyll learn

Jekyll 101

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 series we’re going 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

Installing Jekyll

Start lesson

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

Getting started with Jekyll

Start lesson

In this lesson we’ll set the ground work for the rest the series. We’ll set up a Jekyll site and go over some of the conventions.

Introduction to Liquid

Start lesson

Liquid is a powerful templating language used in Jekyll. In this lesson we’ll go over basic Liquid concepts and see how you can use Liquid on your site.

Introduction to front matter & YAML

Start lesson

Front matter and YAML are like bread and butter in Jekyll. This lesson is an introduction to 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 site. Let’s see how they work in Jekyll.

Introduction to Jekyll includes

Start lesson

Jekyll includes allow you to break down your pages into smaller “components”. Let’s dive in and see how they work.

Introduction to blogging in Jekyll

Start lesson

Blogging is built right into Jekyll. It’s easy to use and setup. In this lesson we’ll see up your first Jekyll blog.

Introduction to Jekyll collections

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

Data files are a great way to mange configuration data or import an existing data set to Jekyll. Let’s explore using how you can use data files in Jekyll.

Other learning paths

Show all
Hugo learn
Hugo 101

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 path