Markdown Components in Eleventy

Eleventy uses a Markdown parser (usually markdown-it) to convert .md files into HTML. Here's what you can use in your content.

---

Headings

H1

H2

H3

H4

H5

H6

---

Paragraphs & Line Breaks

Just write normally to get paragraphs.

To create a
line break, use two spaces at the end of a line.

---

Emphasis

Bold
Italic
Bold + Italic
Strikethrough

---

Blockquotes

This is a quote.
You can use it to call out important thoughts, references, or quotes.

---

Callouts (Manual / Custom)

You can simulate Notion-style callouts using blockquotes or shortcodes. Example:

💡 Tip: This is a manual callout using an emoji and blockquote.

Or add a shortcode via Eleventy config to make reusable ones.

---

Lists

Unordered:

• Item one
• Item two
  • Nested item

Ordered:

1. First
2. Second
   1. Sub item

---

Code Blocks

Inline code: const hello = "world";

Fenced code block (with language for syntax highlighting):

// JavaScript code block
function greet(name) {
  return `Hello, ${name}`;
}