Official 11ty docs
Filters — Eleventy
76 posts in 'Filters'
Adding Image Galleries to My Website
At last, I've gotten around to implementing image galleries.
Dec 2, 2024
by Nathan Upchurch (1 post) · Website & RSS feed
Categories: CollectionsFiltersImage GalleriesLayoutsPagination
Notes on Upgrading to Eleventy 3.0
My blog is now generated by Eleventy 3.0, which was released last month. The upgrade process took me a few hours split over two evenings and I took a few notes. This probably isn’t an interesting write up for hardly anyone – but if you have any of the same 11ty concerns I do, you may find a solution in here.
Nov 21, 2024
by Harris Lapiroff (4 posts) · Website & RSS feed
Categories: CSS/SassDatesFiltersPaginationPermalinksUpgrading
Adding Cooklang Support to Eleventy Three Ways
How I added my recipes to my blog posts with cooklang and the recipe schema
Nov 7, 2024
by Robb Knight (19 posts) · Website & RSS feed
Categories: CollectionsData CascadeFiltersFront MatterHow to...Layouts
Eleventy (11ty) year, year-month, and year-monty-day indexes
The personal blog of Thomas Steiner
Nov 2, 2024
by Thomas Steiner (1 post) · Website & RSS feed
Categories: BloggingCollectionsDatesFiltersHow to...Pagination
Building a Blog with Eleventy (blind, any%)
I recently felt like getting back into blogging. But setting up and maintaining WordPress felt like more than I was looking for. I was looking for something much simpler. Preferably file-based and with Markdown support. That was my introduction to Eleventy.
Oct 19, 2024
by Sebin Nyshkim (3 posts) · Website & RSS feed
Categories: BloggingCSS/SassCollectionsConfigurationData CascadeFiltersGetting StartedGlobal DataLayoutsMarkdownNavigationPaginationPluginsShortcodes
How I teach Eleventy from scratch
I love how in Eleventy, you can build a site step-by-step and at each small step, have a functional website. In this post, I describe a workshop structure I’ve used lately to teach a few of my friends how to build a static site with Eleventy.
Oct 6, 2024
by Juha-Matti Santala (14 posts) · Website & RSS feed
Categories: BloggingConfigurationFiltersGetting StartedHow to...Plugins
Eleventy Collections from an API
I've been tinkering with a new Eleventy project and decided to fire it up using the 3 beta version. I started by creating two collections using markdown files. Each collection had a template…
Sep 24, 2024
by Trevor Morris (8 posts) · Website & RSS feed
Categories: CollectionsFiltersHow to...Pagination
Exclude specific tags in Eleventy using a custom filter
Exclude specific tags in Eleventy using a custom filter to display related tags on a blog post without certain tags. Learn how to implement the 'exclude' and 'limit' filters in Eleventy for tag display.
Sep 21, 2024
by Christian Fei (1 post) · Website & RSS feed
Categories: CollectionsFiltersHow to...
Dynamic Importing with Eleventy
After organising Eleventy filters, shortcodes etc I had an idea to tidy the code even more and make it dynamic. I wanted to automatically import any new functions that were added, including…
Aug 28, 2024
by Trevor Morris (8 posts) · Website & RSS feed
Categories: CollectionsConfigurationFiltersHow to...Shortcodes
Eleventy Filters in Collections
If you're building up a custom Eleventy collection using addCollection, you may need to use existing filters to create the desired data. For built-in collections using tags, there is the ite…
Aug 26, 2024
by Trevor Morris (8 posts) · Website & RSS feed
Categories: CollectionsFiltersHow to...
Organising Eleventy Filters, Shortcodes and more…
I work a lot with the Laravel framework, which scaffolds much of your initial setup and has conventions for where code should be stored. Starting a brand new Eleventy project from scratch do…
Aug 22, 2024
by Trevor Morris (8 posts) · Website & RSS feed
Categories: ConfigurationFiltersHow to...Shortcodes
Eleventy Date Filter with Ordinals
When working with dates in JavaScript, you probably reach for a library to help you parse, manipulate and display the values. For a recent Eleventy project, I used Luxon – the successor to t…
Aug 20, 2024
Simple Eleventy 3 Excerpts
Sometimes it makes sense to write a unique excerpt. But sometimes the beginning of the page content works well enough, which is why many…
Aug 9, 2024
by Tyler Sticka (2 posts) · Website & RSS feed
Categories: FiltersGlobal DataHow to...MarkdownPlugins
A feed for everything and everything in a feed
At the moment my site has 6 different feeds. 5 RSS feeds, an ICS feeds and JSON versions of the 5 RSS feeds. I was asked how they're put together and, well, it's a bit involved.
Aug 9, 2024
Getting my top posts from Umami
I recently started using umami.is for website analytics, and figured I could use the API to output some stats about my blog
Jul 10, 2024
by Lewis Dale (5 posts) · Website & RSS feed
Categories: FiltersHow to...Remote Data
Fetching Achievements and Trophies for my Game Collection Page
How I'm fetching trophy and achievements to show on my game collection
Jul 7, 2024
by Robb Knight (19 posts) · Website & RSS feed
Categories: FiltersHow to...Remote Data
Building a Custom Filter for Eleventy Collections
Lists are wonderful, and filters make them better. This article is about building a custom filter for Eleventy collections.
Jul 1, 2024
by Tom Doe (8 posts) · Website & RSS feed
Categories: CollectionsFiltersHow to...Search
Upgrade 11ty to v3, reorg, ESM, and debug
I upgraded to 11ty v3 and proceeded to debug.
Jun 28, 2024
by Bob Monsour (13 posts) · Website & RSS feed
Categories: ConfigurationFiltersUpgrading
Showing Omnivore links as Bookmarks
Saving links to Omnivore and using labels to display those as bookmarks on my website
Jun 25, 2024
by Clayton Errington (12 posts) · Website & RSS feed
Categories: FiltersHow to...Remote Data
Some of my Eleventy Filters
In refactoring my website earlier this year, part of my process was to evaluate and revise the many, many Eleventy Filters I use throughout my website’s build, so in this post, I’ll run through a handful of them.
May 18, 2024
A custom collection to sort events with Eleventy
I made a custom collection with a filter to sort events by their custom date data.
May 9, 2024
by Sami Määttä (5 posts) · Website
Categories: CollectionsDatesFiltersFront MatterNunjucks/Macros
Filter an Eleventy Collection Using Your Own Custom Front Matter
Apr 4, 2024
by Dan Urbanoicz (1 post) · Website
Categories: Front MatterHow to...FiltersCollections
Eleventy excerpts
Everybody seems to implement their own way of generating post excerpts in Eleventy, and here's mine.
Mar 15, 2024
Surfacing most used tags in Eleventy
I made some lightweight design changes to my site, keeping things simple but moving the date up above post headers, surfacing tags below and restoring Read more links.
Mar 9, 2024
by Cory Dransfeldt (43 posts) · Website & RSS feed
Categories: CollectionsFiltersHow to...
Math equations with Eleventy using TeXZilla
I demonstrate how to make MathML equations using LaTeX markup with TeXZilla.
Mar 1, 2024
Eleventy: custom markup alongside item contents
Short and quick tutorial on how to embed custom HTML content between post paragraphs on an Eleventy site.
Feb 23, 2024
by Łukasz Wójcik (2 posts) · Website & RSS feed
Categories: ConfigurationFiltersHow to...
Refactor by shortcode
I decided to take on some overdue refactoring of the 11tybundle.dev site. Here's what I did.
Feb 20, 2024
by Bob Monsour (13 posts) · Website & RSS feed
Categories: FiltersHow to...Nunjucks/MacrosShortcodes
Local links in Eleventy, Part 2
Eleventy now support automatic transforms from local paths to output URLs right out of the box.
Feb 14, 2024
Eleventy - Fetch data from the Github REST API to populate a projects page
We will populate a page with data from GitHub. We will use the eleventy-fetch plugin to do this with minimal code and refresh the data every 2 days.
Feb 7, 2024
by Rob O'Leary (11 posts) · Website & RSS feed
Categories: FiltersGlobal DataLayoutsRemote Data
Eleventy Filter to Turn a URL Into a Domain Name
ZOMG my first 11ty filter!
Jan 31, 2024
Slashing by caching
I've reduced the build time for the 11ty Bundle site from 30 seconds to 10 seconds. Here's how.
Jan 31, 2024
by Bob Monsour (13 posts) · Website & RSS feed
Categories: FiltersHow to...Performance
Community websites with Eleventy
With Eleventy’s data files, I’ve come up with a good setup to build landing pages for communities that organize events.
Jan 24, 2024
by Juha-Matti Santala (14 posts) · Website & RSS feed
Categories: Data CascadeFiltersGlobal DataHow to...
Automated weekly links posts with raindrop.io and Eleventy
Jan 22, 2024
by Sophie Koonin (5 posts) · Website & RSS feed
Categories: DatesFiltersHow to...MarkdownRemote Data
Adding webmentions to my site
I had told myself that I wouldn't do this...but, seeing them on other people's sites changed my mind.
Jan 13, 2024
by Bob Monsour (13 posts) · Website & RSS feed
Categories: FiltersGlobal DataHow to...Social MediaWebmentions
Adding a git based changelog in 11ty
How to add a changelog to your 11ty pages based on commits made to your site's git repository.
Dec 19, 2023
by James Doc (3 posts) · Website & RSS feed
Categories: Data CascadeDatesFilters
Generating Open Graph Images in Eleventy
Autogenerating image previews with Eleventy filter functions and node-canvas
Dec 17, 2023
by nonnullish (3 posts) · Website & RSS feed
Categories: FiltersHow to...ImagesSocial Media
Updating my Eleventy plugin tagCloud
A blog about web development, handy tutorials, quick rants, thoughts, and everything in between.
Nov 26, 2023
by Ginger (7 posts) · Website & RSS feed
Grouping posts by year with nunjucks in Eleventy
Group by year in a clear and readable manner.
Nov 24, 2023
by Christopher Kirk-Nielsen (9 posts) · Website & RSS feed
Categories: CollectionsDatesFiltersHow to...Nunjucks/Macros
Popular Pages with Eleventy and Fathom Analytics
How I'm using the Fathom API to show a list of popular blogs posts in my Eleventy site
Nov 23, 2023
by Robb Knight (19 posts) · Website & RSS feed
Categories: Data CascadeFiltersHow to...Remote Data
Using 11ty to bring back tag clouds
Tag clouds are a good way of seeing what kind of posts are floating around in your blog, lets bring them back
Nov 16, 2023
by Ginger (7 posts) · Website & RSS feed
Eleventy Date-only Filter
I noticed recently that the site's stats page displayed the first and last post dates with time information even though the values only contained dates. I created a simple Eleventy Filter to trim them to date only with the format I wanted. This post shows how I did it.
Oct 31, 2023
Feedbin is rendering my RSS feed wrong, let's fix it!
Feedbin is removing the wrong elements, so let's make up for it on our own
Oct 31, 2023
by Ginger (7 posts) · Website & RSS feed
Eleventy JSON Output
For a small Eleventy-based project I wanted to output an example.json file – stored in the data folder – in a nunjucks template. If you simply output the variable example you'll see the unhe…
Sep 29, 2023
How to add a custom slugify filter to 11ty
During my recent blog migrations, I discovered the new slugify filter handles apostrophes differently. I'd prefer they were dropped. Here are the steps.
Sep 27, 2023
Creating a Category Filter in Eleventy
Now I have a few posts, it would be good to have some way to narrow them down when looking for something specific.
Sep 9, 2023
by Thomas Rigby (6 posts) · Website & RSS feed
Categories: FiltersHow to...Nunjucks/Macros
Fun With Frontmatter: Part 1 - Related Posts
A series on doing more with your Jamstack site's front matter
Aug 28, 2023
by Raymond Camden (103 posts) · Website & RSS feed
Categories: Front MatterFiltersHow to...
11ty: Index ALL the things!
Jul 19, 2023
by Lea Verou (4 posts) · Website & RSS feed
Categories: PaginationCollectionsFiltersDates
Eleventy Filter Parameters
How to add parameters to an Eleventy filter.
Jul 5, 2023
Eleventy tag filter
Web development blog. The good, bad, and ugly (mostly bad and ugly)
Jun 16, 2023
by Joe Sahlsa (4 posts) · Website
Categories: Filters
Eleventy tag filter
Web development blog. The good, bad, and ugly (mostly bad and ugly)
Jun 15, 2023
Alphabetising Glossary Terms
Blog and general digital garden of the full stack programmer Simon Dann.
Mar 14, 2023
by Simon Dann (11 posts) · Website & RSS feed
Filtering tags within Eleventy.js collections
JavaScript software development tips, strategies for salary negotiation, and other helpful advice for navigating software as a career.
Feb 21, 2023
by Jordan Kohl (8 posts) · Website
Categories: FiltersCollectionsHow to...
CAUTION
The posts below were published before the release of Eleventy v2.0.0 (Feb 8, 2023). Information in these posts may be out of date. The current stable release is 2.0.1. Eleventy v3.0 is currently under development and available for testing.
Adding statistics to 11ty
Blog and general digital garden of the full stack programmer Simon Dann.
Jan 20, 2023
by Simon Dann (11 posts) · Website & RSS feed
Using Eleventy filters in Directory Computed Data
Eleventy Computed Data makes it easy to reuse your filters outside of your templates.
Jan 16, 2023
by Chris Coleman (2 posts) · Website
Categories: ConfigurationData CascadeFilters
Using Puppeteer with 11ty to automate generating social share images
Blog and general digital garden of the full stack programmer Simon Dann.
Sep 14, 2022
by Simon Dann (11 posts) · Website & RSS feed
Categories: FiltersHow to...PaginationSocial Media
11ty Second 11ty: Creating Template Filters
This week, we’re going to dive into 11ty filters. We’ll use 1 built-in filter, and make 2 custom filters.
Aug 15, 2022
A Set of Useful 11ty Filters
Extend Eleventy's built-in filters with custom logic for these common use cases.
May 15, 2022
Building blocks for my first Eleventy site
Different choices that go into building an Eleventy website from scratch.
Mar 8, 2022
by Sami Määttä (5 posts) · Website
Categories: CSS/SassDatesDeploymentFiltersHow to...NavigationPaginationSocial Media
CAUTION
The posts below were published before the release of Eleventy v1.0.0 (Jan 9, 2022). Information in these posts may be out of date. The current stable release is 2.0.1. Eleventy v3.0 is currently under development and available for testing.
Filter Titles for RSS and Social Shares
Replace characters that are often stripped out of post titles by RSS readers and social network link embeds
Aug 8, 2021
by Stephanie Eckles (21 posts) · Website & RSS feed
Categories: How to...Social MediaFiltersRSS
Blog post filter with Netlify Functions
I built my first ever serverless feature to add tag filtering to my blog listing. Here's how I integrated that to my Ghost & Eleventy setup with Netlify Functions.
Jul 28, 2021
by Juha-Matti Santala (14 posts) · Website & RSS feed
Categories: FiltersHow to...ServerlessRemote Data
Feature content by date in Eleventy using custom filters
Jun 16, 2021
Accessing 11ty filters within data files to keep your code DRY
11ty filters can exist as JS functions inside the declared filters directory - these can be accessed by other files not processed by 11ty
May 17, 2021
Automatically generate open graph images in Eleventy
Bernard Nijenhuis • Front-end Developer • Katwijk, The Netherlands • Father of 3 kids • Husband to 1 wife • Owner of 2 cats
May 10, 2021
by Bernard Nijenhuis (7 posts) · Website
Categories: FiltersHow to...ImagesSocial Media
11ty Date Shortcodes and Filters
Use this shortcode and filter as a starting point for your date transformation needs.
Mar 27, 2021
by Stephanie Eckles (21 posts) · Website & RSS feed
Categories: DatesHow to...FiltersShortcodes
Filters for 11ty Content
Includes filters for creating an excerpt and other content enhancements.
Mar 24, 2021
by Stephanie Eckles (21 posts) · Website & RSS feed
Categories: Filters
Create an Eleventy podcast feed
Want to add an iTunes and Google friendly podcast feed to your Eleventy site? Here's how.
Feb 8, 2021
by Marc Littlemore (4 posts) · Website & RSS feed
Categories: FiltersBloggingHow to...Configuration
Understanding Filters, Shortcodes and Data in 11ty
Sometimes it’s a little confusing what the difference between shortcodes, data and filters really is, and frankly the boundaries can become a little blurred with 11ty.
Dec 8, 2020
by Mike (1 post) · Website & RSS feed
Categories: Data CascadeHow to...FiltersShortcodes
Parsing markdown in frontmatter for Eleventy templates, using filters
Nov 24, 2020
by Victor Camnerin (1 post) · Website & RSS feed
Categories: Front MatterHow to...FiltersMarkdown
Adding a Warning for Old Posts to Your Jamstack Site
How to add a message to older content on your static site.
Nov 9, 2020
Selecting Random Posts in Eleventy
A look at adding links to random pages in Eleventy
Oct 26, 2020
by Raymond Camden (103 posts) · Website & RSS feed
Categories: How to...FiltersConfiguration
Supporting Multiple Authors in an Eleventy Blog
How to handle multiple authors in Eleventy, with custom author profile pages.
Aug 24, 2020
by Raymond Camden (103 posts) · Website & RSS feed
Categories: Front MatterHow to...FiltersPagination
Hiding Future Content with Eleventy
How to use custom filters and collections to hide Eleventy content for the future.
Aug 7, 2020
by Raymond Camden (103 posts) · Website & RSS feed
Categories: How to...Front MatterFiltersCollections
Five Critical Things To Do Before Working With 11ty
Five pieces of knowledge I wish I knew before working with 11ty, the JavaScript-based static site generator. Get a jump start using this fantastic tool.
Apr 2, 2020
by Khalid Abuhakmeh (3 posts) · Website
Categories: ConfigurationData CascadeFiltersGetting Started
Checking (and Upgrading) Template Engines in Eleventy
How to check the version of embedded template engines in Eleventy
Feb 7, 2020
by Raymond Camden (103 posts) · Website & RSS feed
Categories: How to...ConfigurationFilters
Scheduled and draft 11ty posts
This post explains how you can add scheduled publishing to your 11ty blog (with a bonus for drafts). Before I jump in though, 11ty is a surprisingly simple sys…
Jun 19, 2019
by Remy Sharp (2 posts) · Website & RSS feed
Categories: CollectionsFiltersHow to...DraftsScheduling