Hugo Theme Test Page
Heading Level 1
This is a comprehensive test page for your Hugo theme. It includes all common Markdown structures and elements.
Heading Level 2
Heading Level 3
Heading Level 4
Heading Level 5
Heading Level 6
Paragraphs and Text Formatting
This is a regular paragraph with some bold text, italic text, and bold italic text. You can also use bold and italic with underscores.
Here’s a paragraph with strikethrough text, inline code, and a link to Google.
This paragraph demonstrates line breaks.
You can create a line break by adding two spaces at the end of a line.
Lists
Unordered List
- First item
- Second item
- Third item
- Nested item 1
- Nested item 2
- Deeply nested item
- Fourth item
Ordered List
- First item
- Second item
- Third item
- Nested item 1
- Nested item 2
- Deeply nested item
- Fourth item
Task List
- Completed task
- Another completed task
- Incomplete task
- Another incomplete task
Blockquotes
This is a blockquote. It can span multiple lines and is great for highlighting important information or quotes from other sources.
Blockquotes can contain other elements
- Like lists
- And formatted text
They can even contain multiple paragraphs.
Code Blocks
Inline Code
Use const variable = "value"; for inline code snippets.
Fenced Code Blocks
// JavaScript example
function greet(name) {
console.log(`Hello, ${name}!`);
return true;
}
const user = "World";
greet(user);
# Python example
def calculate_sum(numbers):
"""Calculate the sum of a list of numbers."""
total = sum(numbers)
return total
result = calculate_sum([1, 2, 3, 4, 5])
print(f"Sum: {result}")
<!-- HTML example -->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Test Page</title>
</head>
<body>
<h1>Hello World</h1>
<p>This is a test paragraph.</p>
</body>
</html>
/* CSS example */
.container {
max-width: 1200px;
margin: 0 auto;
padding: 20px;
}
.button {
background-color: #007bff;
color: white;
border: none;
border-radius: 4px;
}
Horizontal Rules
Links
Images
Tables
| Header 1 | Header 2 | Header 3 |
|---|---|---|
| Row 1 Col 1 | Row 1 Col 2 | Row 1 Col 3 |
| Row 2 Col 1 | Row 2 Col 2 | Row 2 Col 3 |
| Row 3 Col 1 | Row 3 Col 2 | Row 3 Col 3 |
Table with Alignment
| Left Aligned | Center Aligned | Right Aligned |
|---|---|---|
| Left | Center | Right |
| Text | Text | Text |
| More | More | More |
Definition Lists
- Term 1
- Definition 1
- Term 2
- Definition 2a
- Definition 2b
Footnotes
Here’s a sentence with a footnote1.
Here’s another one2.
Abbreviations
The HTML specification is maintained by the W3C.
*[HTML]: Hyper Text Markup Language *[W3C]: World Wide Web Consortium
Emphasis Variations
This is italic
This is also italic
This is bold
This is also bold
This is bold and italic
This is also bold and italic
Escaping Characters
* This asterisk won’t create emphasis *
` This won’t be code `
# This won’t be a heading
HTML in Markdown
Hugo Shortcodes Test

Figure with caption
|
|
Long Paragraph
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Mixed Content
This section combines multiple elements:
- Bold text with a link
- Italic text with
inline code - A blockquote:
“Testing is doubting.” - Anonymous
And some code:
hugo server -D
Demo Youtube Video
Conclusion
This test page should help you verify that all Markdown elements render correctly in your Hugo theme. Check the spacing, typography, colors, and responsiveness of each element.