Markdown Syntax Tester
Use this page to eyeball how every common Markdown element renders in the current theme. Nothing here is meant to make narrative sense — it exists purely as a visual stress test.
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Paragraphs
This is a normal paragraph. It’s meant to test line height, measure (max width), and paragraph spacing. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
This is a second paragraph, right after the first, so you can check the vertical rhythm between consecutive blocks of text.
Text Formatting
Bold text, italic text, bold and italic text, strikethrough text, and inline code.
You can also mix them: bold with inline code and italic with a link.
Here’s a footnote reference to check baseline alignment of the marker.1
GitHub-Style Alert Blocks
Note
Useful information that users should know, even when skimming content.
Tip
Helpful advice for doing things better or more easily.
Important
Key information users need to know to achieve their goal.
Warning
Urgent info that needs immediate user attention to avoid problems.
Caution
Advises about risks or negative outcomes of certain actions.
Blockquotes
This is a simple blockquote. It should be visually distinct from a regular paragraph, usually with an indent or a left border.
Blockquotes can also span multiple lines, and even
contain nested blockquotes like this one.
Lists
Unordered List
- First item
- Second item
- Nested item one
- Nested item two
- Deeply nested item
- Third item
Ordered List
- First step
- Second step
- Sub-step A
- Sub-step B
- Third step
Task List
- Completed task
- Another completed task
- Incomplete task
- Another incomplete task
Mixed List
- Ordered item with an unordered sub-list:
- Sub-item one
- Sub-item two
- Ordered item with a code snippet:
echo "nested code block"
Code
Inline code looks like const x = 42;.
Fenced code block with no language:
plain text block
no syntax highlighting
Fenced code block with syntax highlighting:
function greet(name) {
const message = `Hello, ${name}!`;
console.log(message);
return message;
}
greet('world');
def fibonacci(n):
a, b = 0, 1
for _ in range(n):
a, b = b, a + b
return a
print(fibonacci(10))
site:
title: Markdown Syntax Tester
draft: false
tags:
- markdown
- testing
Tables
| Element | Supported | Notes |
|---|---|---|
| Headings | ✅ | h1–h6 |
| Bold/Italic | ✅ | Including combined |
| Code blocks | ✅ | Fenced, with/without language |
| Tables | ✅ | Including alignment |
| Alerts | ⚠️ | Theme-dependent |
| Left-aligned | Center-aligned | Right-aligned |
|---|---|---|
| a | b | c |
| longer cell | short | 123.45 |
Links and Images
An inline link to the Hugo homepage, a link with a title to the CommonMark spec, and a bare URL: https://example.org.
An automatic link: https://gohugo.io
An image with alt text:
Horizontal Rule
Content above the divider.
Content below the divider.
Definition List
- Term 1
- Definition for term 1.
- Term 2
- Definition A for term 2.
- Definition B for term 2.
Escaped Characters
*Not italic*,
\[not a link\](nowhere), and a literal backslash: \
Line Breaks
This line ends with two trailing spaces to force a hard break. This should appear on a new line without a new paragraph.
This is a separate paragraph after a blank line.
Emoji and Special Characters
Emoji: 🎉 🚀 ✅ ⚠️ 🐛
Special characters: © ® ™ § ¶ † ‡ … — –
Smart quotes: “double quotes” and ‘single quotes’.
This is the footnote content. ↩︎