gitwtfhub

wtf is jekyll-snippets?

mdo/jekyll-snippets — explained in plain English

Analysis updated 2026-07-22 · repo last pushed 2015-08-23

540Audience · developerComplexity · 1/5DormantLicenseSetup · easy

TL;DR

A collection of ready-to-use code snippets for Jekyll websites, covering common blog features like post listings, reading time, navigation menus, and feeds so you don't have to build them from scratch.

Mindmap

mindmap
  root((repo))
    What it does
      Reusable code snippets
      Drop into Jekyll sites
      Saves repetitive coding
    Snippets included
      Post listings by year
      Reading time estimate
      Navigation menus
      Atom feed generator
    Use cases
      Blog archive pages
      Documentation sites
      Personal portfolios
    Audience
      Jekyll users
      Bloggers
      Theme developers
    License
      MIT licensed
      Free for any use

Code map

Detail Auto

An interactive map of this repo's files and how they connect — its source is parsed live in your browser. Click Visualize to build it.

filefunction / class

Why would anyone build with this?

REASON 1

Build a blog archive page that lists posts by year or category.

REASON 2

Add a reading time estimate to your blog articles.

REASON 3

Create a navigation menu that highlights the page the visitor is currently on.

REASON 4

Generate an Atom feed so readers can subscribe to your site.

What's in the stack?

JekyllHTMLLiquid

How it stacks up

mdo/jekyll-snippetsshang-zhu/violinbklit/bklit-ui
Stars540540539
LanguagePythonTypeScript
Last pushed2015-08-23
MaintenanceDormant
Setup difficultyeasymoderateeasy
Complexity1/53/52/5
Audiencedeveloperdeveloperdeveloper

Figures from each repo's GitHub metadata at analysis time.

How do you spin it up?

Difficulty · easy Time to first run · 5min

Just copy the snippet file you need into your Jekyll project, no installation or dependencies required.

Use freely for any purpose, including commercial projects, with no restrictions.

Wtf does this do

Jekyll snippets is a collection of reusable code pieces for people building websites with Jekyll, a popular tool for creating blogs and documentation sites. Instead of writing common features from scratch every time you start a new project, you can grab one of these pre-made snippets and drop it into your site. The library covers the kinds of things most blog or documentation sites need. There are snippets for listing your posts in various ways, by year, by category, with pagination, or showing related posts. You can find one that estimates reading time for an article, builds a navigation menu that highlights the current page, or displays the current year for a copyright footer. There's also a basic Atom feed generator so people can subscribe to your site. Each snippet is a small file with simple HTML and Jekyll's templating code, designed to be copied and adapted to your needs. This is useful for anyone using Jekyll who wants to save time on the repetitive parts of building a site. If you're a blogger setting up an archive page, a maintainer writing documentation, or someone creating a personal portfolio, these snippets handle the building blocks you'd otherwise piece together yourself. The creator built them from experience, he's used Jekyll for his own blog, Bootstrap's documentation, and a family of themes, so they come from real-world use rather than theoretical examples. The project is straightforward in its approach: each snippet lives in its own file with a clear name, and the goal is to keep the code as simple as possible. Anyone can contribute by submitting a new snippet or fixing a bug. It's licensed under MIT, meaning you're free to use it in your own projects without restriction.

Yoink these prompts

Prompt 1
I'm building a Jekyll blog and need an archive page that groups posts by year. Help me grab the post-listing-by-year snippet from jekyll-snippets and adapt it to my site's layout.
Prompt 2
I want to add a reading time estimate to each post on my Jekyll site. Walk me through using the reading-time snippet from jekyll-snippets and customizing the wording.
Prompt 3
Help me set up an Atom feed for my Jekyll site using the feed snippet from jekyll-snippets, and make sure it includes all my published posts.
Prompt 4
I need a navigation menu in Jekyll that highlights the current page. Show me how to copy and adapt the navigation snippet from jekyll-snippets into my header layout.

Frequently asked questions

wtf is jekyll-snippets?

A collection of ready-to-use code snippets for Jekyll websites, covering common blog features like post listings, reading time, navigation menus, and feeds so you don't have to build them from scratch.

Is jekyll-snippets actively maintained?

Dormant — no commits in 2+ years (last push 2015-08-23).

What license does jekyll-snippets use?

Use freely for any purpose, including commercial projects, with no restrictions.

How hard is jekyll-snippets to set up?

Setup difficulty is rated easy, with roughly 5min to a first successful run.

Who is jekyll-snippets for?

Mainly developer.

View the repo → Decode another repo

This repo across BitVibe Labs

Don't trust strangers blindly. Verify against the repo.