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
- Second level item
- Ordered lists stay precise.
- 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
export function greet(name: string) {
console.log(`Hello, ${name}!`) // highlighted line
}pnpm install
pnpm devDiff 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.
| Feature | Markdown Syntax | Best For |
|---|---|---|
| Headings | # Title | Structuring long-form posts |
| Code block | tsx … | Sharing snippets or configs |
| Task list | - [ ] | Tracking work-in-progress |
Column alignment is controlled with colons in the separator row:
| Left Aligned | Centered | Right Aligned |
|---|---|---|
:-- | :--: | --: |
| Default text | Balanced | Totals (42) |
Image
![]()