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

  1. First item
  2. Second item
  3. Third item
    1. Nested item 1
    2. Nested item 2
      1. Deeply nested item
  4. 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




Inline link

Link with title

Reference-style link

relative link to another page

https://automatic-link.com

Images

Alt text for image

Small image

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

1
2
3
4
5
package main
import "fmt"
func main() {
    fmt.Println("Hello, Hugo!")
}

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:

  1. Bold text with a link
  2. Italic text with inline code
  3. 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.


  1. This is the first footnote. ↩︎

  2. This is the second footnote with more text. It can span multiple lines. ↩︎