PBS 181 of X — Reusable Snippets with Jekyll Includes

About this episode

The episode covers using Jekyll with Bootstrap to enhance a static website, focusing on reusable snippets and advanced image markup.

We've been having great fun in Programming By Stealth learning how to use Jekyll to create a website using GitHub Pages. This week Bart goes through the challenge he left us with last time — to add a nav bar to our little static website using Bootstrap 5 along with Jekyll and Liquid templates. Bart had a lot of fun with his solution so it was fun to hear him dust off the cobwebs on Bootstrap. Then we turn to learning about Jekyll's `includes` feature, which is reusable snippets similar to how TextExpander snippets let you write something and change it in only one place. The worked examples simplify the code in a way, and we learn how to use `includes` to create advanced image markup. I also enjoyed learning about Liquid comments and how you can create white space between sections of your code for ease of writing and debugging that then never show up in the resultant HTML.

People in this episode

Hosts: Bart Busschots, Allison Sheridan

Topics covered

• Jekyll
• Bootstrap
• Liquid templates
• web development
• reusable snippets

Keywords

• Jekyll
• Bootstrap 5
• Liquid
• includes
• web development
• static website
• reusable snippets

Mentioned in this episode

Organizations: GitHub Pages

Products: Jekyll, Bootstrap 5, Liquid

More episodes of Programming By Stealth

• PBS 185 of X: Customising Bootstrap 5 with Sass · June 7, 2026 · 1h 33m
• PBS 184b of X: Sass Basics · May 27, 2026 · 1h 29m
• PBS 184a of X: Sass Basics · May 10, 2026 · 1h 58m
• PBS 183 of X: Customising Bootstrap with CSS 'Variables' · April 26, 2026 · 1h 25m
• PBS 182 of X: CSS 'Variables' · April 26, 2026 · 1h 38m
• PBS Tidbit 18 — A Real-World Jekyll Example · March 15, 2026 · 1h 27m