Utilities

MarkdownArticle

Markdown-Rendering im Projektstandard: marked + markdown.css (.markdown-body) — Überschriften mit Akzentbalken, Listen, Zitate, Tabellen, Code.

Demo

Markdown-Rendering im Projektstandard

Inhalte wie Ratgeber-Artikel werden als Markdown gepflegt, mit marked zu HTML gerendert und über markdown.css (Klasse .markdown-body) gestylt.

Das deckt die Stilvorlage ab

  • Überschriften mit Akzentbalken und Scroll-Margin
  • Listen mit eigenen Aufzählungszeichen
  • Links in der Akzentfarbe, zum Beispiel hier
  • Tabellen, Zitate und Code-Blöcke

Blockzitate erhalten einen dezenten Rahmen und Akzent an der linken Kante.

  1. Erster Schritt mit nummeriertem Kreis
  2. Zweiter Schritt
  3. Dritter Schritt
const answer = 42