Markdown on Exoscale Academy

Code

Mon, 01 Jan 0001 00:00:00 +0000

This is a code block.

Inline code like var foo = "bar"; is supported.

Footnotes

Mon, 01 Jan 0001 00:00:00 +0000

This is a superscript number for your footnote. ¹

This is a footnote. ↩︎

Image Styling

Mon, 01 Jan 0001 00:00:00 +0000

By default, Markdown images are written like this:

![Alt text](/path/to/image.png)

These are rendered with:

max-width: 70% of the viewport
max-height: 80vh of the viewport height
centered block layout

This default styling works well for most landscape (horizontal) images. However, if an image is very tall, narrow, or otherwise looks awkward, you can override the default by embedding raw HTML and specifying a custom size:

<img src="./images/example.png" alt="Example description"
style="max-width: 40vw; max-height: 60vh; display: block; margin: 1rem auto;" />

Lists

Mon, 01 Jan 0001 00:00:00 +0000

Unordered:

Liverpool F.C.
Chelsea F.C.
Manchester United F.C.

Ordered:

Michael Brecker
Seamus Blake
Branford Marsalis

Task list:

Create a Hugo theme
Add task lists to it
Take a vacation

Markdown Basics

Mon, 01 Jan 0001 00:00:00 +0000

Text can be bold, italic, or ~~strikethrough~~. Links have no underline (unless hovered).

Blockquotes are lighter with a left border.

Responsive Images

Mon, 01 Jan 0001 00:00:00 +0000

Small images should be shown at their actual size.

Large images should always scale down and fit in the content container.

The photo above of the Spruce Picea abies shoot with foliage buds: Bjørn Erik Pedersen, CC-BY-SA.

Tables

Mon, 01 Jan 0001 00:00:00 +0000

Artist	Album	Year
Michael Jackson	Thriller	1982
Prince	Purple Rain	1984
Beastie Boys	License to Ill	1986

Inline code inside table cells:

Language	Code
JavaScript	`var foo = "bar";`
Ruby	`foo = "bar"`