The Problem
In my "How to handle dates in 11ty" article I wanted to show some of my 11ty code in Markdown, but it tried to compile things like {{content}} and actually put content in there.
Solution Summary
Wrap your code in the raw tag. See Liquid Docs.
Explanation
Eleventy's default markdownTemplateEngine is Liquid, and Liquid has a tag you can use called raw that "outputs any Liquid code as text instead of rendering it."
Ironically you can't wrap a raw tag in another raw tag so the only way for me to show the full code was to use a Github Gist:
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| {% raw %} | |
| ```html | |
| <article> | |
| <h1>{{title}}</h1> | |
| <p>Last updated: {{page.date}}</p> | |
| <div>{{ content | safe }}</div> | |
| </article> | |
| ``` | |
| {% endraw %} |