This post is the cheat sheet I use when writing. Every block below is written in plain Markdown with a few shortcodes; the source file is src/content/blog/writing-guide_en.md.
Callouts
Click to expand
Hidden content for long tables or spoilers.
Formulas
Inline and display:
Diagrams and charts
sequenceDiagram participant M as Markdown participant E as Eleventy participant B as Browser M->>E: build E->>B: static HTML B->>B: mermaid.render() only here
Code
const greet = (name) => `Hello, ${name}!`;
console.log(greet("world"));
Keyboard: press Ctrl + K.
Images, figures and galleries

Video, YouTube and embeds

Cards
Lucide IconsBeautiful & consistent icons. Every icon on this site is from here. lucide.dev
A file to downloadDownload · GPX · 572 B
Columns and tables
Left column text. Markdown works inside.
Right column text with a list:
- one
- two
| Block | Syntax |
|---|---|
| Callout | ::: tip … ::: |
| Formula | $…$ and $$…$$ |
| Diagram | ```mermaid |
| Chart | ```chart with JSON |
| Map | {% map { … } %} |
| Gallery | {% gallery "images/folder" %} |



