Markdown Syntax Test Page
This is a comprehensive test page for basic Markdown syntax. Use it to preview how your theme renders common elements.
Headers
Header 1 (H1)
Header 2 (H2)
Header 3 (H3)
Header 4 (H4)
Header 5 (H5)
Header 6 (H6)
Text Styles
Bold text
Italic text
Bold and italic
Strikethrough
Inline code
This is a blockquote with emphasis and
code.
Lists
Unordered List
- Item 1
- Item 2
- Subitem A
- Subitem B
- Item 3
Ordered List
- First step
- Second step
- Substep i
- Substep ii
- Third step
Task List
- Completed task
- Incomplete task
- Another pending item
Code Blocks
Inline Code
Use print("Hello, world!") for quick snippets.
Fenced Code Block (no language)
This is a plain code block
with multiple lines
indented preserved
Fenced Code Block (with language)
def greet(name):
return f"Hello, {name}!"
print(greet("Markdown"))
console.log("Theme test");
document.body.style.background = "#f0f0f0";
body {
font-family: system-ui, sans-serif;
line-height: 1.6;
color: #333;
}
Horizontal Rules
Above HR
Below HR
Above alt HR
Below alt HR
Links and Images
![]()
(If the image fails to load, it tests broken image rendering.)
Tables
| Feature | Syntax Example | Rendered Result |
|---|---|---|
| Bold | **text** |
text |
| Italic | *text* |
text |
| Code | `code` |
code |
| Link | [text](url) |
text |
Right-aligned | :---:
Centered | :---:
Left-aligned | ---:
Blockquote Nesting
Level 1 blockquote
Level 2 blockquote
Level 3 blockquote with bold and
code
Inline HTML (if supported)
Red text via HTML
Miscellaneous
Superscript: x2
Subscript: H2O
Emoji: :rocket: :sparkles: :thumbsup:
Method 2
🥄 TODAY’S DRESSING
Metadata and mild melancholy.
Method 1
🥗 TODAY’S DRESSING
Metadata and mild melancholy.
End of test page. Refresh or toggle dark/light mode to verify theme consistency.