Test 5 min read

Test Post - Markdown Rendering

Testing markdown rendering with various elements

M A Hakeem

M A Hakeem

Author

Heading Level 1

This is a paragraph with bold text and italic text and bold italic text.

Heading Level 2

This is another paragraph with a link to example.com.

Heading Level 3

Here’s an unordered list:

  • First item
  • Second item
  • Third item
    • Nested item 1
    • Nested item 2
  • Fourth item

Heading Level 4

And an ordered list:

  1. First ordered item
  2. Second ordered item
    1. Nested ordered item
    2. Another nested item
  3. Third ordered item

Blockquotes

This is a blockquote. It can span multiple lines and is great for highlighting important information or quotes.

— Author Name

Code Blocks

Inline code looks like this with backticks.

Here’s a JavaScript code block:

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

greet('World');

And a CSS example:

.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 2rem;
}

Tables

FeatureStatusPriority
Content Collections✅ DoneHigh
Markdown Rendering✅ DoneHigh
SEO Optimization🚧 In ProgressMedium
Performance Tuning📋 PlannedLow

Horizontal Rules


Text Formatting

You can use bold, italic, code, strikethrough, and combinations like bold italic.

Visit our website for more information.

Conclusion

This test post demonstrates various Markdown elements and their styling with the Prose component.