The Ultimate Markdown Guide

Welcome to the ultimate Markdown demonstration. This post is designed to test and showcase every typography element supported by our blog system.

Typography

Headings

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5

Heading 6

Paragraphs & Text Formatting

This is a standard paragraph. It contains bold text for emphasis, italic text for nuance, and bold italic text for strong emphasis. You can also use strikethrough to indicate deleted text.

This is a blockquote. It's often used to highlight key takeaways or quote external sources.

It can span multiple paragraphs.

Lists

Unordered List

• Item 1
• Item 2
  • Nested Item 2.1
  • Nested Item 2.2
• Item 3

Ordered List

1. First Step
2. Second Step
   1. Sub-step A
   2. Sub-step B
3. Third Step

Links and Images

You can link to external websites or include images:

Caption: A beautiful hero image.

---

Gallery Component

You can display multiple images in a grid layout using the gallery code block:

---

Code

Inline Code

You can use inline code to highlight variables, functions, or commands.

Code Blocks

Here's a JavaScript code block:

function greet(name) {
  console.log(`Hello, ${name}!`);
}

greet('World');

And a CSS block:

.container {
  display: flex;
  justify-content: center;
  align-items: center;
}

---

Tables

Feature	Support	Notes
Tables	Yes	Auto-formatted
Alignment	Yes	Left, Center, Right
Markdown	Yes	Inside cells

---

CSV Table

Here is a table generated from CSV data:

Name	Role	Location
Alice	Developer	New York
Bob	Designer	London
Charlie	Manager	Tokyo

---

Task Lists

• Task 1 - Completed
• Task 2 - Pending
• Task 3 - Pending

---

Conclusion

Markdown is a powerful and lightweight markup language. This guide demonstrates how flexible and readable it can be when styled correctly.