Hello, World 👋

Welcome to a single post that showcases the Markdown features supported on this site. Feel free to copy sections into new articles when you need a ready-made pattern.

Headings & Paragraphs

Markdown gives you six heading levels:

Level 3 Heading

Regular paragraphs can mix bold, italic, strikethrough, inline code, and links like itsfan.me. Two spaces at the end of a line
force a manual line break.

“Clear writing is a sign of clear thinking.” — inspired by many code reviews

Lists & Tasks

• Unordered lists keep things casual.
• Nest items for structure:
  • Second level item
    • Third level item

1. Ordered lists stay precise.
2. They are great for step-by-step guides.

• Completed tasks
• Pending ideas

Callouts & Details

Note: Use blockquotes for lightweight callouts, tips, or warnings.

This block renders only when expanded. You can embed Markdown, code, or even lists inside.

Code Blocks

export function greet(name: string) {
	console.log(`Hello, ${name}!`) // highlighted line
}

pnpm install
pnpm dev

Diff Code Block

function calculateTotal(items) {
	let total = 0; 
	for (let i = 0; i < items.length; i++) { 
		total += items[i].price; 
	} 
	const total = items.reduce((sum, item) => { 
		return sum + item.price; 
	}, 0); 
 
	return total;
}

Tables & Media

Use tables to compare features at a glance.

Column alignment is controlled with colons in the separator row:

Image