Lesson Name Here

Lorem ipsum dolor sit amet consectetur adipisicing elit.

A comprehensive test document covering CommonMark and GitHub Flavored Markdown features.

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Inline Formatting

Regular paragraph with bold text, italic text, bold and italic, ~~strikethrough~~, and inline code.

You can also use bold, italic, and combined styles.

Links and Images

Inline link

Link with title

Reference link

Alt text for an image

Lists

Unordered

Item one
Item two
- Nested item A
- Nested item B
  - Deeply nested
Item three

Ordered

First item
Second item
1. Nested ordered
2. Nested ordered
Third item

Task List (GFM)

Completed task
Another done item
Pending task
Another pending

Blockquotes

A simple blockquote.

A blockquote with formatting and code.
Multiple paragraphs inside a blockquote.

Alerts (GFM)

Note

Useful information that users should know, even when skimming content.

Tip

Helpful advice for doing things better or more easily.

Important

Key information users need to know to achieve their goal.

Warning

Urgent info that needs immediate user attention to avoid problems.

Caution

Advises about risks or negative outcomes of certain actions.

Code Blocks

Language Only

interface Lesson {
	title: string;
	markdown: string;
}

async function getLesson(id: string): Promise<Lesson> {
	return fetch(`/api/lessons/${id}`).then((r) => r.json());
}

With Filename

lesson.ts

interface Lesson {
	title: string;
	markdown: string;
}

With Line Highlighting

interface Lesson {
	title: string;
	markdown: string;
}

Combined Metadata (language + highlights + filename)

lesson.ts

interface Lesson {
	title: string;
	markdown: string;
}

Svelte

svelte

<script lang="ts">
	let count = $state(0);
</script>

<button onclick={() => count++}>
	Count: {count}
</button>

Bash

bash

pnpm install
pnpm dev

Tables (GFM)

Basic

Name	Type	Default	Description
`title`	`string`	—	Page title
`size`	`number`	`16`	Font size in pixels
`disabled`	`bool`	`false`	Disables the element

Aligned Columns

Left	Center	Right
left-aligned	center-aligned	right-aligned
data	data	data

Inline Markdown in Cells

Feature	Status	Link
Bold	Italic	Skeleton
`Code`	~~Strike~~

Horizontal Rules

Shown below:

Hard Line Breaks

Line one
Line two (two trailing spaces above)

Line one
Line two (backslash above)

Emojis

Using :emoji_name: syntax:

👋 🚀 😄 ❤️ 🔥 ✨ 🎉 🤔 👀 ⭐ ⚡ 💡 ⚠️

Comments

HTML-style comments are preserved in the AST but not rendered:

Text continues after the comment above.

HTML Inline

Text with a Ctrl + S shortcut.

Text with a highlighted word.

Expandable section

Content inside the details block. Supports markdown too.