Hugo Classless / Posts / Markdown Showcase

Markdown Showcase

· 2 min read

Table of Contents

This post demonstrates common Markdown elements and theme features including the Table of Contents, tables, images, blockquotes, and more.

Text Formatting

You can write bold text, italic text, and bold italic text. You can also use strikethrough and inline code.

Here is a paragraph with a link to Hugo and a footnote reference1.

Blockquotes

“The best way to predict the future is to invent it.” — Alan Kay

Nested blockquotes also work:

This is the first level.

This is a nested blockquote.

Lists

Unordered List

  • First item
  • Second item
    • Nested item A
    • Nested item B
  • Third item

Ordered List

  1. First step
  2. Second step
  3. Third step

Task List

  • Write the post
  • Add front matter
  • Review and publish

Code Blocks

package main

import "fmt"

func main() {
    fmt.Println("Hello, Hugo Classless!")
}

Tables

FeatureStatus
PaginationDone
TagsDone
ToCDone
BreadcrumbsDone
Related PostsDone

Horizontal Rule


Details (Collapsible Content)

Click to expand

This is hidden content inside a collapsible <details> element, using the theme’s details shortcode.

Callout

Images

Hugo Logo

Summary

This post demonstrates how the Hugo Classless theme handles a wide variety of Markdown content. Every element above uses semantic HTML that works with any classless CSS framework.


  1. This is the footnote content. ↩︎


Tags:Markdown, Test, Hugo


Related Posts


← Mathematical Typesetting Test | A Challenging Markdown Test Page →