Jekyll & GitHub Pages Quickstart

Build a website quickly with Jekyll Static Site Generator

Beginner 48 mins Free

Course Overview

I walkthrough the process of creating a GitHub pages website with Jekyll static site generator, showing how to install the required software and tools. I also cover creating the site on GitHub how to work on the site on you local machine before pushing changes to GitHub. I demonstrate how to use the default minima theme and how to swap it out for the Hacker theme.

Chapters:

  • 00:00 Introduction
  • 00:02:10 What you need
  • 00:04:02 Install Ruby for Windows
  • 00:06:56 Install Ruby for macOS
  • 00:08:45 Install Jekyll
  • 00:10:20 Create website on GitHub
  • 00:14:11 Create local Jekyll site with Minima Theme
  • 00:20:36 Local Jekyll site running on localhost
  • 00:21:37 Push local site to GitHub Pages
  • 00:22:31 Site deployment to GitHub Pages with GitHub Actions
  • 00:23:16 Add content to local Site
  • 00:23:43 Add pages
  • 00:26:38 Add blog post
  • 00:28:53 Change the Theme
  • 00:29:15 GitHub Pages Supported Themes
  • 00:29:23 Hacker Theme
  • 00:31:34 Hacker Theme - Errors
  • 00:33:46 Customise the Hacker Theme - List Posts on Home page
  • 00:40:40 Show page links in Hacker Theme
  • 00:45:36 Push changes to GitHub Pages
  • 00:47:15 Final result on GitHub Pages
  • 00:47:34 Summary

Happy learning! 🚀

What You'll Learn

  • Deploy a Jekyll Static Web App to GitHub Pages
  • Install & Configure Jekyll

Prerequisites

  • Basic command line knowledge
  • GitHub Account

Course Info

  • Instructor: Mike Kelly
  • Duration: 48 mins
  • Level: Beginner
  • Category: Web Dev
  • Last Updated: October 2024
← Back to All Courses