Hello, World 👋

Welcome to this amazing blog!🎉 This post exercises every content format the blog supports. You should see bold text, highlighted phrases, and inline code in the same paragraph, plus cute emojis! ✨🚀🌟

Text & Links

Regular body copy with a link to MDN and an internal link back to the index.

Blockquotes render with a left border and muted text, useful for asides or citations.

• Unordered list item one
• Unordered list item two

1. Ordered step one
2. Ordered step two

Images

Markdown image:

Mountain landscape

Custom component with caption:

ImageViewer component with an optional caption

Code

Inline const answer = 42 and a fenced block with syntax highlighting:

type Post = {
  slug: string;
  title: string;
  date: string;
};
 
export function sortByDate(posts: Post[]): Post[] {
  return [...posts].sort(
    (a, b) => new Date(b.date).getTime() - new Date(a.date).getTime(),
  );
}

def fibonacci(n: int) -> list[int]:
    seq = [0, 1]
    for _ in range(n - 2):
        seq.append(seq[-1] + seq[-2])
    return seq[:n]
 
print(fibonacci(10))

Table

Math

Inline: the quadratic formula is $x = \frac{-b \pm \sqrt{b^2 - 4ac}}{2a}$.

Block equation:

Euler's identity:

Mermaid

Audio & Video

Document

3D Model

You can interact with the 3D model:

• Drag to rotate the view
• Scroll to zoom in/out

Mind Map

If everything above renders correctly, your MDX pipeline is ready for real posts.