Notizen in Obsidian sind Markdown: Text mit ein paar Zeichen darin, die Bedeutung tragen — zwei Sternchen für fett, eine Raute für eine Überschrift, eckige Klammern für einen Link. Quartz liest diese Zeichen und macht daraus die Seite. Dieses Kapitel zeigt jedes Element, das man so schreiben kann, auf einer eigenen kurzen Seite: zuerst der Quelltext in einem Codeblock, direkt darunter, was die Website daraus macht.
Zum Abschreiben
Der Kasten oben auf jeder Seite ist genau das, was man in Obsidian tippt. Wer ein Element nachbauen will, kopiert ihn — und vergleicht sein Ergebnis mit dem darunter.
Die dreizehn Abschnitte
| Abschnitt | Was darin steht |
|---|---|
| 2.1 – Text | fett, kursiv, durchgestrichen, hervorgehoben, Sonderzeichen, Zeilenumbrüche |
| 2.2 – Struktur | Überschriften, Absätze, Trennlinien |
| 2.3 – Listen | ungeordnet, geordnet, Aufgaben, Verschachtelung |
| 2.4 – Links | Wikilinks, Sprungziele, externe Links, Aliase, Einbettungen |
| 2.5 – Callouts | alle dreizehn Typen, faltbar, verschachtelt |
| 2.6 – Code | inline, Blöcke, Sprachen, Zeilenhervorhebung |
| 2.7 – Tabellen | Grundform, Ausrichtung, Inhalte, breite Tabellen |
| 2.8 – Mathematik | Formeln inline und als Block |
| 2.9 – Diagramme | Mermaid: vierzehn Diagrammarten auf sechs Seiten |
| 2.10 – Fußnoten | Fußnoten, Varianten, Kommentare |
| 2.11 – Eigenschaften | Frontmatter, Datentypen, Anzeige |
| 2.12 – Medien | Bilder, Größen, Video, Audio, Dokumente, Einbettungen |
| 2.13 – Besonderes | HTML, Escapes, Pfeile, Emoji |
Was keine Markdown-Seite ist — Bases, Canvas und Excalidraw — steht in 3 – Obsidian-Formate. Was das Frontmatter einer Seite bewirkt — Entwurf, Datum, Alias, Titelbild —, steht in 4 – Eine Seite steuern.
Was Obsidian kann und Quartz nicht
Obsidian und Quartz sprechen fast dieselbe Sprache, aber nicht ganz. Diese Abweichungen sind an der gebauten Website gemessen; die verlinkte Seite zeigt jeweils, was stattdessen geht.
| In Obsidian | Auf der Website | Wo es steht |
|---|---|---|
Aufgaben mit Zwischenzuständen ([/], [-], [?]) | nur offen und erledigt; jedes andere Zeichen wird ein leeres Kästchen | Aufgaben |
Inline-Fußnote ^[Text] | bleibt als Rohtext stehen | Varianten |
Pfeile wie --> werden zu → | bleiben Rohtext; mit GitHub flavored markdown wird —> daraus | Pfeile und Emoji |
| Ein Tag im Fließtext | der Link daran führt aus der Website heraus — ein Fehler in Quartz | Pfeile und Emoji |
| Bild mit Größe und Alternativtext | nur eines von beiden | Bilder |
| Eingebettetes PDF ab Seite 2 | beginnt immer auf Seite 1 | Dokumente |
| Definitionslisten | gibt es in beiden nicht, HTML hilft aus | HTML |
Dazu kommt, was auf dieser Website absichtlich anders aussieht als in Quartz von Haus aus — die Callout-Farben etwa. Das steht nicht hier, sondern in 5 – Die Gestaltung bei der jeweiligen Komponente.