Skip to main content

Official 11ty docs

Markdown

Markdown — Eleventy

49 posts in 'Markdown'

Going all in with 'native' markdown

I've been typing way too much. There are simpler ways to use markdown for images and tables of contents. Here's how I'm doing it.

Dec 3, 2024

Categories: ConfigurationHow to...ImagesMarkdown

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

Categories: BloggingCSS/SassCollectionsConfigurationData CascadeFiltersGetting StartedGlobal DataLayoutsMarkdownNavigationPaginationPluginsShortcodes

Eleventy Images Just Got Better

Eleventy 3.0 adds a new API to optimize images anywhere on your site, without shortcodes.

Sep 3, 2024

Categories: ConfigurationImagesMarkdownPlugins

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

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

Categories: FiltersHow to...MarkdownRSS

Adding Github-Style Markdown Alerts to Eleventy

How I added support for callouts/alerts to this site

Jun 21, 2024

Categories: How to...MarkdownPlugins

Displaying Line Numbers in 11ty Code Blocks

Add line numbers to 11ty code blocks with Prism and Markdown-it, bypassing the plugin's DOM-dependency by adjusting the renderer during the build process.

Jun 10, 2024

Categories: How to...MarkdownPlugins

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

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.

May 3, 2024

Categories: How to...MarkdownNow PageRemote Data

Upgrading to Eleventy 1.0.1

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

May 1, 2024

Categories: ImagesMarkdownShortcodesUpgrading

Create an Interactive TOC from Markdown-Generated Content

Create an interactive TOC for Markdown in Static Site Generators using the Intersection Observer API.

Mar 24, 2024

Categories: CSS/SassHow to...MarkdownPlugins

How I Eleventy

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

Mar 13, 2024

Categories: ConfigurationHow to...LayoutsMarkdownPermalinksShortcodes

I archived my tweets

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

Mar 11, 2024

Categories: BloggingMarkdownSocial Media

Intro: Bukmark.club

Introducing a new side project: I built a directory of websites that provide a curated collection of bookmarks and/or links to other websites.

Feb 21, 2024

Categories: CollectionsDatesHow to...Markdown

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

Dec 26, 2023

Categories: How to...Markdown

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

Dec 18, 2023

Categories: ConfigurationMarkdown

VSCode Pasting 11ty Images

Creating content locally like a hosted editor

Nov 21, 2023

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...

Oct 2, 2023

Categories: BloggingHow to...Front MatterMarkdown

Create Markdown Page Template With Shell Script

I have been using Save As to create new web pages from old ones for my blog for some time now. This works okay, but I have to rename the file, delete out the old content then try to leave some of the reusable HTML snippets like image, links and the resources section, which can be a bit cumbersom.

Aug 2, 2023

Categories: How to...Markdown

Formatting Obsidian markdown to render in Eleventy

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

Jul 28, 2023

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.

Jul 12, 2023

Categories: BloggingHow to...Markdown

Markdown Image Optimization In Eleventy

writings of a coder + sysadmin

Jun 24, 2023

Categories: How to...ImagesMarkdown

11ty image shortcode best practice

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

Jun 6, 2023

Categories: ImagesHow to...MarkdownShortcodes

My plugin for markdown-it: codewrap

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

May 28, 2023

Categories: MarkdownHow to...

Jan De Wilde, designer and web developer

Apr 8, 2023

Categories: How to...MarkdownAccessibilityPermalinks

Using Rmarkdown with Eleventy

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

Feb 9, 2023

Categories: ConfigurationFront MatterHow to...Markdown

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.

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

Jan 25, 2023

Categories: BloggingConfigurationHow to...Markdown

Eleventy, Markdown, and Tailwind CSS

English software developer based in Seattle.

Nov 8, 2022

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.

Jul 10, 2022

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.

Apr 16, 2022

Categories: MarkdownImagesHow to...

11ty quick tip: Nunjucks include in markdown without indentation

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

Mar 19, 2022

Categories: Nunjucks/MacrosMarkdown

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

Categories: How to...MarkdownShortcodes

Using Nunjucks shortcodes in Markdown files in Eleventy

Unlock the power of Eleventy Image in your md posts

Jul 29, 2021

Categories: MarkdownNunjucks/MacrosShortcodes

A Remarkable Discovery

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

May 23, 2021

Categories: MarkdownHow to...

Add HTML classes to 11ty markdown content

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

Jan 20, 2021

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.

Jul 28, 2020

Categories: How to...Markdown

Get the blog by email (or RSS)

Powered by Buttondown