29 posts in 'Shortcodes'

Adding Random Content Using Eleventy

Learn how to use Eleventy to add dynamic, random content like film quotes or targeted Q&A sections to your website. A step-by-step guide with practical examples and code snippets.

Dec 13, 2024

by Stu Robson (1 post) · Website & RSS feed

Categories: Data Cascade How to...Nunjucks/Macros Shortcodes

Integrating Jupyter Notebook Cells in Eleventy Posts

Blog about programming, scientific machine learning and the related techniques and methods.

Nov 13, 2024

by Valentin Pratz (1 post) · Website & RSS feed

Categories: How to...Images Plugins Shortcodes

Adding Sidebars to an Eleventy Site

Nov 3, 2024

by John M. Wargo (43 posts) · Website & RSS feed

Categories: CSS/Sass How to...Shortcodes

Automatically generate unique Open Graph images for each page of your website

Oct 24, 2024

by Sia Karamalegos (11 posts) · Website & RSS feed

Categories: Images Shortcodes Social Media

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: Blogging CSS/Sass Collections Configuration Data Cascade Filters Getting Started Global Data Layouts Markdown Navigation Pagination Plugins Shortcodes

A Versatile Markdown Shortcode for Eleventy

Oct 18, 2024

by Michelle Barker (5 posts) · Website & RSS feed

Categories: How to...Markdown Shortcodes

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: Collections Configuration Filters How to...Shortcodes

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: Configuration Filters How to...Shortcodes

11ty : how to use the image plugin to generate responsive images for CSS

Medium post

Jul 13, 2024

by Phil Rentier Digital (1 post)

Categories: CSS/Sass Configuration How to...Images Shortcodes

Using templates, shortcodes, and the Eleventy supplied data for highlighting the current page in navigation

Jul 6, 2024

by nonnullish (3 posts) · Website & RSS feed

Categories: CSS/Sass How to...Shortcodes

Building a Web Version of Your Mastodon Archive with Eleventy

Turning your Mastodon archive into a web site with Eleventy

Jul 4, 2024

by Raymond Camden (103 posts) · Website & RSS feed

Categories: Global Data How to...Images Shortcodes Social Media

Convert Obsidian Image Links to Nunjucks Shortcodes in Eleventy

JavaScript code to convert Obsidian image links to Nunjucks short codes.

May 29, 2024

by Amy Khar (1 post) · Website & RSS feed

Categories: How to...Images Shortcodes

Getting started with Eleventy

The missing getting-started guide for the Eleventy (11ty) static-site generator.

May 27, 2024

by Sean McPherson (2 posts) · Website & RSS feed

Categories: Asset Pipelines Configuration Getting Started Layouts Shortcodes

Upgrading to Eleventy 1.0.1

If it ain’t broke, clearly you gotta fix it.

May 1, 2024

by Mark Llobrera (7 posts) · Website & RSS feed

Categories: Images Markdown Shortcodes Upgrading

How I Eleventy

Documenting a refactor that introduced a folder structure and configuration changes, which summarises how I Eleventy.

Mar 13, 2024

by Declan Byrd (2 posts) · Website & RSS feed

Categories: Configuration How to...Layouts Markdown Permalinks Shortcodes

My Eleventy site setup

Mar 3, 2024

by anh (3 posts) · Website & RSS feed

Categories: Blogging Collections Front Matter Getting Started Global Data Shortcodes

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: Filters How to...Nunjucks/Macros Shortcodes

The Process of Switching to 11ty

Dec 28, 2023

by Keith Wagner (2 posts) · Website & RSS feed

Categories: Blogging How to...Markdown Migrating to Eleventy Permalinks Shortcodes

Image Optimization In Eleventy

writings of a coder + sysadmin

Jun 23, 2023

by equilibriumuk (15 posts) · Website & RSS feed

Categories: How to...Images Shortcodes

11ty image shortcode best practice

Quick reminder to myself about how to use the 11ty shortcode for images

Jun 6, 2023

by Simon Cox (12 posts) · Website & RSS feed

Categories: Images How to...Markdown Shortcodes

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.

Eleventy - Shortcode for Embedding Codepen

Don't know what eleventy is? Before you read further, check out this amazing series of articles by... Tagged with webdev, javascript, beginners, eleventy.

Jul 7, 2022

by Murtuzaali Surti (4 posts) · Website & RSS feed

Categories: How to...Shortcodes

Using Storybook With 11ty

Storybook is great for component-driven development. This blog post shows you how to use Storybook with 11ty.

Apr 6, 2022

by Paul Everitt (2 posts) · Website & RSS feed

Categories: How to...Shortcodes WebC

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.

Enabling Emoji Shortcodes in Eleventy Markdown Files

Turn on emoji shortcodes in markdown files in Eleventy by adding the markdwon-it-emoji plugin.

Nov 24, 2021

by Wes Goulet (1 post) · Website & RSS feed

Categories: How to...Markdown Shortcodes

Using Nunjucks shortcodes in Markdown files in Eleventy

Unlock the power of Eleventy Image in your md posts

Jul 29, 2021

by Cassey Lottman (11 posts) · Website & RSS feed

Categories: Markdown Nunjucks/Macros Shortcodes

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: Dates How to...Filters Shortcodes

Add YouTube and Twitter Shortcodes to Eleventy

Jan 20, 2021

by Michael Chan (7 posts) · Website

Categories: How to...YouTube Shortcodes

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 Cascade How to...Filters Shortcodes