Markdown-Test

Dieser Beitrag testet die Markdown-Elemente, die ich üblicherweise nutze.

Überschrift H1

Überschrift H2

Überschrift H3

Überschrift H4

Überschrift H5
Überschrift H6

Textauszeichnung

Fett, kursiv, fett und kursiv, durchgestrichen und unterstrichen. Unterstreichen gibt es in Markdown nur als rohes HTML.

Dazwischen inline code mitten im Satz.

Listen

Ungeordnet, verschachtelt:

Geordnet:

  1. Erstens
  2. Zweitens
  3. Drittens

Aufgabenliste:

Zitate

Ein Zitat über mehrere Zeilen, das einfach weiterläuft.

Und ein verschachteltes Zitat darin.

Bild

Das Logo: ein Pinguin mit Posaune auf einem Fahrrad

Tabelle

SpracheKürzelDateiendung
Deutschde.md
Englishen.en.md

Codeblöcke

Nix:

{ pkgs, ... }:
{
  environment.systemPackages = [ pkgs.zola ];
}

Python:

def greet(name: str) -> str:
    return f"Hallo, {name}!"

Ohne Sprachangabe (kein Highlighting):

einfacher Text ohne Syntax-Highlighting

Trennlinie


Fußnoten

Ein Satz mit einer Fußnote.1

Emoji

Emoji per Shortcode: ✨ 🚲 🎺, und direkt als Unicode: 🎺🚲

Hinweis-Boxen (GitHub-Alerts)

Eine neutrale Notiz.

Ein hilfreicher Tipp.

Eine Warnung, die auffallen soll.

Definitionsliste

Zola
Ein Static-Site-Generator in Rust.
Nix
Paketmanager und Sprache für reproduzierbare Builds.

Mathe

LaTeX-Syntax rendert Zola nicht von sich aus. Schreibe ich die Formel als $$a^2 + b^2 = c^2$$, bleibt sie wörtlich stehen:

$$ a^2 + b^2 = c^2 $$

Echtes Mathe geht trotzdem ohne JavaScript, nämlich mit MathML, das Browser nativ rendern. Ich erzeuge es einmal aus LaTeX (etwa mit pandoc) und füge das <math>-Markup direkt ein. Dieselbe Formel, jetzt gerendert:

a2+b2=c2a^2 + b^2 = c^2

Inline mitten im Satz geht es genauso, etwa der Satz des Pythagoras a2+b2=c2a^2 + b^2 = c^2 ohne Zeilenumbruch.

Das braucht kein JavaScript und keine externen Requests, passt also zum Rest der Seite. Dafür wird der Quelltext länger, weil das generierte <math>-Markup im Beitrag steht statt einem schlichten $…$.

1

Und hier steht der Text der Fußnote.

← Alle Beiträge