H1 — The Complete GFM Playground

H2 — Basics

H3 — Inline Styles

H4 — Lists & Tasks

H5 — Blocks & Tables
H6 — Footnotes, Mentions & More

1. Inline Styles

  • Bold text
  • Italic text
  • Bold italic
  • Strikethrough
  • Inline code
  • https://gohugo.io ← autolink
  • Line break (use two trailing spaces)

Blockquote Nested styling works here, too.


2. Lists

2.1 Unordered

  • Bullet one
    • Sub-bullet
      • Sub-sub bullet

2.2 Ordered

  1. First
  2. Second
    1. Nested first
    2. Nested second

2.3 Task List

  • Write the post
  • Review the styles
  • 🎉 Ship it

3. Code Blocks

Click to view code samples
#!/usr/bin/env bash
echo "Hello, Hugo!"
package main

import "fmt"

func main() {
    fmt.Println("Hello, Go code highlighting!")
}

4. Tables

Syntax Description Example
Header Title Bold
Cell Code Strike

5. Images & Emoji

Gopher mascot :sparkles: GFM supports standard emoji short-codes.


6. Footnotes, Mentions & References

Need more context? Check the official docs1.

@octocat likes this.


7. Horizontal Rules

Three or more dashes, asterisks, or underscores create a rule.


8. HTML Passthrough

Ctrl + S to save

9. Definition List (Hugo Goldmark extension)

Term A
Definition for A
Term B
Definition for B

10. Table of Contents (optional)

If your Hugo theme renders {{ .TableOfContents }}, you can enable a TOC by setting toc: true in front-matter.


Happy testing!


  1. See the CommonMark + GitHub-Flavored Markdown spec for complete details. ↩︎