Skip to main content

Official 11ty docs


Markdown — Eleventy

33 posts in 'Markdown'

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.

Categories: DraftsFiltersMarkdown

Leveraging APIs like Notion with a nice caching system

How I implemented Notion and PSN APIs in my Eleventy build for my Now and Gaming pages

Categories: How to...MarkdownNow PageRemote Data

Upgrading to Eleventy 1.0.1

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

Categories: ImagesMarkdownShortcodes

How I Eleventy

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

Categories: ConfigurationHow to...LayoutsMarkdownPermalinksShortcodes

I archived my tweets

Thoughts on archiving and restoration as it relates to my Twitter feed.

Categories: BloggingMarkdownSocial Media

How to modify external links by post-processing HTML in Eleventy.

Categories: How to...Markdown

How to keep links between Markdown files working both locally and on your Eleventy site.

Categories: ConfigurationMarkdown

VSCode Pasting 11ty Images

Creating content locally like a hosted editor

Categories: How to...ImagesMarkdownPlugins

Excerpts for Eleventy: My Implementation

Converting my relatively basic personal website to Eleventy has shown me how challenging it is to build a static-site generator flexible...

Categories: BloggingHow to...Front MatterMarkdown

Formatting Obsidian markdown to render in Eleventy

Added functionality to find and replace certain Obsidian markdown with Nunjucks templates and HTML

Categories: How to...Markdown

Add table of content in Eleventy markdown blog

First, install the markdown-it-anchor plugin to add ids to heading elements. Then use the eleventy-plugin-toc plugin to generate the table of content.

Categories: BloggingHow to...Markdown

11ty image shortcode best practice

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

Categories: ImagesHow to...MarkdownShortcodes

My plugin for markdown-it: codewrap

My solution to adding "Copy" to markdown code blocks (and other things)

Categories: MarkdownHow to...

Jan De Wilde, designer and web developer

Categories: How to...MarkdownAccessibilityPermalinks

How I built my own excerpt for Markdown content in Eleventy

I was not really happy with Eleventy's native excerpt solution requiring just a separator and having the excerpt content preserved in the content, without any way to style it differently. So I tried different alternatives, and settled on a solution with some Markdown-it plugins and a bunch of regexes.

Categories: Markdown

Using Rmarkdown with Eleventy

My work, notes, musings and more. Some serious, some not.

Categories: ConfigurationFront MatterHow to...Markdown


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.

Blog and general digital garden of the full stack programmer Simon Dann.

Categories: BloggingConfigurationHow to...Markdown

Eleventy, Markdown, and Tailwind CSS

English software developer based in Seattle.

Categories: MarkdownCSS/SassHow to...

Adding Custom Anchors to Headings in Markdown - Eleventy

Anchors are nothing but id attributes applied to an element to link to it using href attribute internally on the same page.

Categories: MarkdownHow to...

Responsive Images in Markdown with Eleventy Image

I love markdown's simplicity and convenience, but sometimes you need a little more than the default image tag. In this post, I walk through how responsive images (with the picture tag) are handled on this blog in a way that doesn't compromise the authoring experience.

Categories: MarkdownImagesHow to...

11ty quick tip: Nunjucks include in markdown without indentation

If you're not careful, included files are not correctly rendered.

Categories: Nunjucks/MacrosMarkdown


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.

Using Nunjucks shortcodes in Markdown files in Eleventy

Unlock the power of Eleventy Image in your md posts

Categories: MarkdownNunjucks/MacrosShortcodes

A Remarkable Discovery

I switched from markdown-it to remark and I’m much happier for it.

Categories: MarkdownHow to...

I like to be able to link directly to a section in a long content. I wish every site provided anchor links associated to headings, even if Text Fragments might be a cross browser thing sometimes in the future. Here's how I made the anchor links of my Eleventy based site accessible.

Categories: MarkdownHow to...Accessibility

Configure markdown footnotes in eleventy

Eleventy (11ty) Tutorial

Categories: How to...MarkdownConfiguration

Add HTML classes to 11ty markdown content

11ty comes with some useful plugins for markdown manipulation, one of these is... Tagged with 11ty, eleventy.

Categories: Markdown

How to generate ID attributes in headings using Eleventy

Eleventy doesn't generate heading IDs by default, here's how to do it.

Categories: How to...Markdown

Get the blog by email (or RSS)

Powered by Buttondown