Markdown Showcase

Write plain Markdown; the theme handles the rest at build time. This post exercises everything it renders.

Typography#

Regular paragraphs with bold, italic, strikethrough, an inline link, inline code, and keyboard keys like Ctrl + K for search.

A plain blockquote: for quoted words, not for callouts.

A footnote reference¹ sits at the end of a sentence.

Lists#

• Unordered items
• Nest freely
  • Like this
• Task lists work too:
  • Write the post
  • Publish it

1. Ordered items
2. Count themselves

Alerts#

GitHub-style callouts, five kinds:

Note

Useful information that readers should know, even when skimming.

Tip

A helpful suggestion for doing something better.

Important

Key information required to achieve a goal.

Warning

Urgent info that needs immediate attention to avoid problems.

Caution

Advises about risks or negative outcomes.

Table#

Code#

Fenced blocks go through Expressive Code — titles, line highlights, and copy buttons included:

type ColorMode = 'light' | 'dark' | 'auto';

export function setMode(mode: ColorMode) {
  document.documentElement.classList.toggle('dark', mode === 'dark');
}

Tabs#

Group alternatives with directives — four colons outside, three inside:

pnpm install

npm install

Images and gallery#

A single image stays a figure with a caption. Consecutive images become a gallery with a lightbox:

Math#

Inline math like $E = mc^2$, and display math:

Diagrams#

Details#

A horizontal rule closes the show.