@FAN

Back

Hello, World !

/
Guide

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.

Expandable details

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

Code Blocks

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

Diff Code Block

cart.ts
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.

FeatureMarkdown SyntaxBest For
Headings# TitleStructuring long-form posts
Code blocktsx … Sharing snippets or configs
Task list- [ ]Tracking work-in-progress

Column alignment is controlled with colons in the separator row:

Left AlignedCenteredRight Aligned
:--:--:--:
Default textBalancedTotals (42)

Image

Avatar illustration

Hello, World ! - FAN