Markdown rendering showcase

This draft tests common Markdown elements. Change draft to false when you
want to inspect it on the live site.

Heading level 2

Headings inside articles start at level 2. The page title already uses level 1.

Heading level 3

Heading level 4

Heading level 5

Heading level 6

Text formatting

Regular text, bold text, italic text, bold italic text,
strikethrough text, and inline code.

Escaped characters: *not italic*, # not a heading, and [not a link].

First line with a hard break.
Second line after the break.

Unicode: café, naïve, 日本語, Русский, and Ελληνικά.

Links

• External link
• Internal Obsidian link
• https://example.com/automatic-link

Lists

Unordered:

• First item
• Second item
  • Nested item
  • Another nested item
• Third item

Ordered:

1. First step
2. Second step
   1. Nested step
   2. Another nested step
3. Third step

Tasks:

• Completed task
• Open task
• Task with formatting

Blockquotes

A short quotation.

A second paragraph inside the same quote.

A nested quotation.

Callouts

[!warning]
I need to sync this note with current state of the core. There are differences in how UI behaves.

Table

Alignment	Example	Value
Left	Center	12
Text	Bold	345
code	Link	6,789

Code

Inline command: bun run check.

type Note = {
  title: string;
  draft: boolean;
};

const note: Note = {
  title: "Markdown rendering showcase",
  draft: true,
};

bun run sync:public-notes

Image

Horizontal rule

Content above the rule.

---

Content below the rule.

Footnotes

This sentence has a footnote.^[1]

Another sentence reuses a named footnote.^[2]

Raw HTML safety

Raw HTML should display as text, not execute:

<button type=“button”>Untrusted HTML button</button>

References

• CommonMark specification

---

1. Footnotes should appear at the bottom of the article. ↩︎

2. Markdown keeps source notes readable as plain text. ↩︎