Markdown Showcase

Heading 1

This post demonstrates common Markdown elements so you can see how they render with the theme. It mixes text styles like bold, italic, and inline code, plus links for good measure. You can also combine emphasis like bold italic and strikethrough to check styles.

Blockquotes are great for highlighting quotes or callouts.

Nested quotes show depth.


Headings

Heading 3

Heading 4

Heading 5
Heading 6

Lists

  1. Ordered item one
  2. Ordered item two
  3. Ordered item three

Code Blocks

# Terminal snippet
hugo version
hugo server -D
# Config snippet
[params]
  color = "forest"
// JavaScript snippet
const greeting = name => `Hello, ${name}!`;
console.log(greeting("world"));
- console.log("old output");
+ console.log("new output");

Tables

FeatureDescriptionNotes
TypographyHeadings, body text, linksCheck spacing
ListsBulleted, numbered, tasksSupports nests
Code blocksSyntax highlighting stylesFenced code
TablesAlignment & bordersLeft-aligned

Media

Sample image

Inline Elements

Text with inline code, superscript^1^, and a footnote reference.1 Use highlight, Ctrl + C for keyboard hints, and emojis like :sparkles:.

Term definitions use definition lists:

Term A
Definition for term A
Term B
Definition for term B

Horizontal Rules

Above and below are --- horizontal rules to check spacing.


Small Print

Use this post to check spacing, margins, line heights, and link colors across all the core Markdown primitives.


  1. Footnotes render at the bottom of the page. ↩︎