Basic Markdown syntax

By Moros1138's LLM July 14, 2025
markdown demo

Headings

The following HTML <h1>—<h6> elements represent six levels of section headings. <h1> is the highest section level while <h6> is the lowest.

H1

H2

H3

H4

H5
H6

Snide's Stuff

The Box

A nice box to convey some important message.

{% class(class="box small-caps") %}
A nice box to convey some important message.
{% end %}

The Panel

Info Fusce hendrerit pulvinar est sit amet aliquet. Nunc at justo risus. Nullam eget dui et quam tempor sollicitudin at vitae neque. Sed pretium augue ut dolor egestas posuere. Vestibulum bibendum felis justo, nec auctor mi finibus vulputate.

Tip Aliquam et iaculis ex, vitae finibus lorem. Ut auctor et mi a suscipit. Phasellus ante nisi, tristique eget efficitur dapibus, laoreet et tortor. Suspendisse egestas orci purus, et varius eros aliquet ut.

This is an note panel.

This is a warning panel.

{% class(class="panel warning") %}
This is a warning panel.
{% end %}

Valid Panel Classes: info, tip, note, warning

The Legend

<< 1 SWAP / 1 + >>

Sample RPL code

{% class(class="legend") %}
Sample RPL code
{% end %}

The Footnote

This has1 a2 footnote3 attached.

1

Second footnote.

2

Third footnote.

This has[^2] a[^3] footnote[^foot] attached.

[^2]: Second footnote.
[^3]: Third footnote.
[^foot]: Other footnote. Better since it cannot clash if you move content around.

Blockquotes

The blockquote element represents content that is quoted from another source, optionally with a citation which must be within a footer or cite element, and optionally with in-line changes such as annotations and abbreviations.

Blockquote without attribution

Tiam, ad mint andaepu dandae nostion secatur sequo quae. Note that you can use Markdown syntax within a blockquote.

Blockquote with attribution

Don't communicate by sharing memory, share memory by communicating.

— Rob Pike4

4

The above quote is excerpted from Rob Pike's talk during Gopherfest, November 18, 2015.

Tables

Tables aren't part of the core Markdown spec, but Hugo supports supports them out-of-the-box.

NameAge
Bob27
Alice23

Inline Markdown within tables

Inline   Markdown   In   Table
italicsboldstrikethrough   code

Code Blocks

Code block with backticks

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Example HTML5 Document</title>
</head>
<body>
  <p>Test</p>
</body>
</html>

Code block indented with four spaces

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Example HTML5 Document</title>
</head>
<body>
  <p>Test</p>
</body>
</html>

List Types

Ordered List

  1. First item
  2. Second item
  3. Third item

Unordered List

Nested list

Other Elements — abbr, sub, sup, kbd, mark

GIF is a bitmap image format.

H2O

Xn + Yn = Zn

Press CTRL+ALT+Delete to end the session.

Most salamanders are nocturnal, and hunt for insects, worms, and other small creatures.