← Back

Hello World

A comprehensive markdown demo showcasing all supported features

This post demonstrates all the markdown features supported by this blog.

Headers

Headers from h2 to h6 are supported (h1 is reserved for the post title):

This is h3

This is h4

This is h5
This is h6

Text Formatting

Regular text can include bold, italic, and strikethrough formatting. You can also combine them: bold and italic, bold with strikethrough, or even all three.

Lists

Unordered List

  • First item
  • Second item
  • Third item with nested items:
    • Nested item one
    • Nested item two
      • Even deeper nesting
  • Fourth item

Ordered List

  1. First step
  2. Second step
  3. Third step with sub-steps:
    1. Sub-step one
    2. Sub-step two
  4. Fourth step

Task List

  • Completed task
  • Another completed task
  • Pending task
  • One more pending task

Links

Here's an inline link and here's a link with title.

Autolinks work too: https://example.com

Blockquotes

This is a simple blockquote. It can span multiple lines.

Nested blockquotes:

First level quote

Nested quote

Even deeper nesting

Blockquote with other elements:

Blockquote with heading

  • List item in blockquote
  • Another item

Bold text and italic work inside quotes.

Code

Inline code looks like const x = 42 or npm install.

Code Blocks

JavaScript:

function greet(name) {
  return `Hello, ${name}!`;
}

const message = greet('World');
console.log(message);

TypeScript:

interface User {
  id: number;
  name: string;
  email?: string;
}

function getUser(id: number): User | null {
  return { id, name: 'John Doe' };
}

Python:

def fibonacci(n: int) -> list[int]:
    if n <= 0:
        return []
    sequence = [0, 1]
    while len(sequence) < n:
        sequence.append(sequence[-1] + sequence[-2])
    return sequence[:n]

print(fibonacci(10))

Rust:

fn main() {
    let numbers: Vec<i32> = (1..=5).collect();
    let doubled: Vec<i32> = numbers.iter().map(|x| x * 2).collect();
    println!("{:?}", doubled);
}

CSS:

.container {
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
}

@media (prefers-color-scheme: dark) {
  body {
    background: #0a0a0a;
    color: #ededed;
  }
}

Shell:

#!/bin/bash
for file in *.md; do
  echo "Processing: $file"
  wc -w "$file"
done

JSON:

{
  "name": "example",
  "version": "1.0.0",
  "dependencies": {
    "react": "^19.0.0"
  }
}

Plain text (no highlighting):

This is plain text without syntax highlighting.
It preserves    spacing and
line breaks exactly as written.

Tables

FeatureSupportedNotes
HeadersYesh2 through h6
Bold/ItalicYesCan be combined
StrikethroughYesGFM extension
TablesYesWith alignment
Task ListsYesCheckboxes

Table with alignment:

Left-alignedCenter-alignedRight-aligned
LeftCenterRight
TextTextText
AlignedAlignedAligned

Horizontal Rules

Content above the rule.


Content below the rule.


Another section after a different rule syntax.

Images

Placeholder image

Escaping Characters

Use backslashes to display literal characters:

*This is not italic*

`This is not code`

# This is not a heading

Conclusion

This post covers most markdown features supported through GitHub Flavored Markdown. Use these elements to create well-structured and readable content.