The zmarkdown engine inside Grav?

zmarkdown-engine demo

This is a demo of the zmarkdown engine being used in a Grav website, via the zmarkdown engine plugin. Everything in this page is written in pure-Markdown, without any shortcode. The visual output depends on your theme, tho (especially custom blocks—like informations, errors, etc.—, source codes, and maths—requires the KaTeX\KaTeX CSS).

You can see other demos (and capabilities—did you know zmarkdown can also export in LaTeX and epub?) in the project’s demo page and in its repository.

This is my first paragraph.

This is my second paraf paragraph. I’m on a new line, but this is still on the same paragraph—you need to add two spaces to force a line break.
Here I do.

Level 1 title

Level 2 title

Level 3 title
Level 4 title

This is centered.

This is left-aligned.

210 is 1024.

Water molecule is H2O.

  • What about a ;
  • list ;
  • with small little dots or hyphens?

Hum what does I need…

  • Pâtes
  • Œufs
  • Riz
  • Thé
  1. First.
  2. Second.
  3. Third.
  • Oh, a list ;
  • with ;
    • sub-lists ;
  • inside… (see that? typography!)
Name Age
Fred 39
Sam 38
Alice 35
Mathilde 35
Ages table

Table Headings

Here

Sub

Headings

Too

cell spans rows

column spanning

normal

cell

multi line

cells too

cells can be formatted paragraphs

You can do complex tables in pure Markdown! Bonus tips if you love ASCII art.

a⋅x2+b⋅x+c=0⟹x=−b±b2−4ac2aa \cdot x^2 + b \cdot x + c = 0 \quad \Longrightarrow \quad x = \frac {-b \pm \sqrt{b^2 - 4ac}}{2a}

You can also inline formulas: a⋅x2+b⋅x+c=0a \cdot x^2 + b \cdot x + c = 0 with a single $ sign before and after. This is using KaTeX\KaTeX under the hood: fully server-side rendered, blazing fast to display!

Tech and source codes

#!/usr/bin/env python3

print("Hello, World!")

With highlighting :

#!/usr/bin/env python3

print("Hello, World!")

Oh and you can highlight specific lines, useful to point out at something!

use strict;
use warnings;

print "Comment vous appelez-vous ? ";
my $nom = <>; # Récupération du nom de l'utilisateur
chomp $nom;   # Retrait du saut de ligne
print "Bonjour, $nom !\n";
Logo Creative Commons
Logo Creative Commons

Use Ctrl + C to copy.

This is an info box.

Cool, uh?

Quid?

With title!

Quid??

Questions too!

Quid???

Warnings too!

Quid???

Errors too!

This is why

Neutral blocks too (for theorems, highlights, …).

What’s in it?

Secret blocks too! Boo

This is a multi-lines…
quote!

Quote your sources!
Pythagoras theorem, in French

Un triangle ABC est rectangle en A si et seulement si AB2+AC2=BC2AB^2 + AC^2 = BC^2

Welcome on ZdS !

Markdown1 is a light syntax to edit documents. Pandoc2 is a documents converter.

  1. More on Markdown.↩
  2. More on Pandoc.↩