Hugo + Hextra Formatting Showcase 🎉

Welcome to the ultimate test post.
This file demonstrates everything from Markdown basics to Hugo templating magic.

1. Headings & Text Styles

H1 Heading

H2 Heading

H3 Heading with italic

H4 Heading with bold

Text styles: italic, bold, bold italic, strikethrough

Subscript: H₂O
Superscript: E = mc²

2. Quotes & Alerts

Normal blockquote

Nested blockquote

3. Lists

Ordered

1. First
2. Second
   1. Nested
   2. Nested
3. Third

Unordered

• Item
• Another item
  • Sub-item

Tasks

• Not done
• Done

4. Tables

5. Links & Cross References

• External: Markdown Guide
• Internal: Jump to Shortcodes

6. Images

Markdown Image

Hugo Figure

7. Code Examples

Inline

Here’s some inline code.

Code Block

1
2

def say_hello():
    print("Hello World")

Hugo Highlight

<p>Hello with Hugo highlight</p>

8. Footnotes

This text has a footnote.¹

9. Summaries & Read More

Content above <!--more--> is used as summary in lists.
Below is extra content for detail pages.

10. Shortcodes

Callouts

Cards

Card 1

Basic Card

Card 2

With Image

Collapsible Details

Mermaid Diagram

  graph TD;
  A[Start] --> B{Choice?};
  B -->|Yes| C[Path 1];
  B -->|No| D[Path 2];

File Tree

Icons

GitHub icon:

Block math:

Badges

YouTube

PDF Embed

Steps

Tabs

title: "My Site"
theme: "hextra"

{
  "title": "My Site",
  "theme": "hextra"
}

✅ Done

This demo shows:

• Markdown basics
• Hugo formatting & features
• Hextra shortcodes

Use this as your template for future articles.