Markdown reference: every content element

· 2 min read

Series: Theme tour

Table of contents

Intro paragraph with a link, inline code, bold, italic and bold italic. This page has no description, so the meta description falls back to this summary.

Images

A wide raster image from the page bundle
Wide raster: resized to WebP with a srcset
A small raster image from the page bundle
An SVG diagram from the page bundle
SVG: passed through untouched
A global asset image

An inline image small inline raster inside a sentence must not become a figure.

A linked image must not nest links or figures

A static file is not a Hugo resource, so it is passed through untouched

Deep lists

  • Level one item with enough text to wrap on a narrow phone screen for sure
    • Level two item with enough text to wrap on a narrow phone screen
      • Level three item with enough text to wrap on a narrow screen
        • Level four item with enough text to wrap on a narrow screen
          • Level five item with enough text to wrap
  1. First
    1. Nested first
      1. Nested nested first
  2. Second
  • task open
  • task done

Table

Column one headerColumn two headerColumn three headerColumn four headerColumn five
some cell content heremore cell content here12345yet more cell contentfinal cell content

Code

func main() { fmt.Println("a very long line of code that will certainly overflow the code block on a phone screen width of 390px") }
1# Greet someone by name.
2def greet(name: str, times: int = 2) -> str:
3    message = f"Hello, {name}! " * times
4    return message.strip()
1
2
// Line numbers in a table: a long line must scroll inside the block, not widen the page.
const message = ["a", "very", "long", "line", "of", "code", "that", "overflows", "a", "phone", "screen"].join(" ");

A fourth-level heading

A blockquote with some text.

Footnote here.1


  1. The note. ↩︎

Back to top