Zum Hauptinhalt springen

Markdown and HTML Features

These features are part of 👉 standard MDX syntax as used by Docusaurus by default.

Standard features


All standard features you would expect from Markdown are available 👉 here as well.

ShelterShelter

Code blocks

A simple code block:

def greet():
print("Hello, world!")

A code block with line numbers and a highlighted section:

<html>
<body>
<h1>My first website</h1>
<div>
<span>This is my first website!</span>
</div>
</body>
</html>

Blockquotes

Thou dost snore distinctly.
There’s meaning in thy snores.

Shakespeare, William. The Tempest. 2.1.244-245.

Footnotes

Footnotes1 are a great2 way to move additional information to the bottom of the page.3

Tables

First nameMiddle nameLast Name
JonDeLoreanDoe
JaneCharlieJefferson
BillyBeanbagBumblebee IV.

Details

Toggle to see more...
Here's the "more" 😉
Details can even be nested...
...and nothing stops you from hiding a YouTube video here, if you want 😎

Footnotes

  1. "Footnotes are notes at the foot of the page [...]". (👉 Wikipedia)

  2. great (adj.): 1. notably large in size. 3. remarkable in magnitude, degree, or effectiveness. (👉 Merriam-Webster)

  3. An especially useful feature of the way MDX handles footnotes is that you don't need to ensure a continuous enumeration. Additionally, you can define your footnotes right where you reference them, and they will still be placed at the end of the page.