Über dieses Handbuch
Dieses Handbuch gehört zur Vorlage Example für QuartzControl. Es erklärt die Vorlage und führt zugleich alles vor, was sie kann.
- Einstieg — für den Anfang
- Formatierung — jedes Obsidian-Element
- Anpassen — Farben, Schriften, Maße
- Nachschlagen — Glossar und Grenzen
Der Text hier kommt aus einer Markdown-Datei, nicht aus der Konfiguration.
Graphansicht
Alle Seiten
-1.1 – Was diese Vorlage ist, Eine Gestaltung für Quartz-Websites, die man in QuartzControl importiert — und die drei Entscheidungen, aus denen sie besteht.
-1.2 – Die Werkzeuge, Obsidian, Quartz, QuartzControl und git — vier Programme, jedes mit einer Aufgabe, und wie sie zusammenhängen.
-1.3 – Von der Notiz zur Website, Der Weg einer Änderung — schreiben, ansehen, bauen, veröffentlichen — und was dabei wo passiert.
-1.4 – So ist eine Seite aufgebaut, Die Teile einer Seite mit ihren Namen — und eine absichtlich lange, tief gegliederte Seite, an der man sie alle sieht.
-1 – Einstieg, Für wen dieses Handbuch ist, wie es geschrieben ist und was man vorher wissen muss — nämlich fast nichts.
-Betonung, Fett, kursiv, durchgestrichen, hervorgehoben — und welches Plugin welches davon liefert.
-2.1 – Text, Betonung, Sonderzeichen und Zeilenumbrüche.
-Sonderzeichen, Anführungszeichen, Gedankenstriche und Auslassungspunkte — typografisch richtig gesetzt.
-Zeilenumbrüche, Warum ein Umbruch im Quelltext hier keiner auf der Seite ist — und wie man einen erzwingt.
-Absätze, Wie ein Absatz entsteht und wie breit er wird.
-2.2 – Struktur, Überschriften, Absätze, Trennlinien.
-Trennlinien, Der Gedankenstrich zwischen Abschnitten.
-Überschriften, Sechs Ebenen — und warum die letzten beiden hier nicht weiter schrumpfen.
-Aufgabenlisten, Kästchen zum Abhaken — und warum Erledigtes hier zweifach markiert ist.
-Geordnete Listen, Nummerierte Aufzählungen und was die Zahlen wirklich tun.
-2.3 – Listen, Ungeordnet, geordnet, Aufgaben, verschachtelt.
-Ungeordnete Listen, Aufzählungen und ihre Verschachtelung.
-Verschachtelung und Zitate, Wie tief man gehen kann, und wie Zitate sich schachteln.
-Aliase, Eine Seite unter mehreren Namen erreichbar machen.
-Einbettungen, Eine andere Seite mitten in dieser anzeigen.
-Externe Links, Verweise nach draußen — und woran man sie erkennt.
-2.4 – Links, Wikilinks, Sprungziele, externe Verweise, Einbettungen, Aliase.
-Wikilinks, Die Obsidian-Schreibweise für interne Verweise.
-Sprungziele, Auf eine Überschrift oder einen einzelnen Block verweisen.
-Alle Callout-Typen, Dreizehn Typen mit ihren Zweitnamen — und warum ihre Farben hier neu gesetzt sind.
-Faltbare Callouts, Ein Callout, das sich zuklappen lässt.
-Callouts — Grundform, Der Aufbau eines Callouts, mit und ohne eigenen Titel.
-2.5 – Callouts, Dreizehn Typen, faltbar und verschachtelt.
-Verschachtelte Callouts, Ein Callout im Callout — und wo die Grenze liegt.
-Codeblöcke, Mehrzeiliger Code, mit Sprache und Kopier-Button.
-Zeilen hervorheben, Einzelne Zeilen in einem Block betonen.
-2.6 – Code, Inline, Blöcke, Sprachen, Titel, Hervorhebung.
-Code im Text, Ein Befehl mitten im Satz.
-Sprachen, Welche Hervorhebung wofür — mit Beispielen.
-Ausrichtung, Doppelpunkte in der Trennzeile steuern die Spaltenausrichtung.
-Breite Tabellen, Was passiert, wenn eine Tabelle nicht in die Spalte passt.
-Tabellen — Grundform, Zeilen, Spalten und der Kopf.
-2.7 – Tabellen, Grundform, Ausrichtung, Inhalte, breite Tabellen.
-Inhalte in Zellen, Was in einer Zelle stehen darf und was geschützt werden muss.
-Formelblöcke, Abgesetzte Formeln, mehrzeilig und als Matrix.
-2.8 – Mathematik, LaTeX im Text und als Block.
-Formeln im Text, LaTeX mitten im Satz.
-Ablauf-Diagramme, Zustände, Nutzerreisen und Versionsstränge.
-Flussdiagramme, Mermaid — Abläufe und Entscheidungen.
-2.9 – Diagramme, Vierzehn Mermaid-Diagrammarten.
-Sequenzdiagramme, Wer sagt wem was, in welcher Reihenfolge.
-Struktur-Diagramme, Klassen, Entitäten und Mindmaps.
-Zahlen-Diagramme, Torten, Kurven, Flüsse und Vier-Felder-Tafeln.
-Zeit-Diagramme, Gantt-Pläne und Zeitleisten.
-Fußnoten — Grundform, Ein Verweis im Text, der Text am Seitenende.
-2.10 – Fußnoten, Fußnoten, Varianten und Kommentare.
-Kommentare, Text, der nur im Quelltext steht.
-Benannte und mehrfache Fußnoten, Namen statt Zahlen, mehrere Verweise, Fußnoten im Fließtext.
-Anzeige der Eigenschaften, Wo die Tabelle steht, was sie zeigt und wie man das ändert.
-Datentypen, Text, Zahl, Wahrheitswert, Liste — und wie sie angezeigt werden.
-Frontmatter, Die Felder ganz oben in der Datei und was Quartz damit macht.
-2.11 – Eigenschaften, Frontmatter, Datentypen, Anzeige.
-Bilder, Fünf Formate, zwei Schreibweisen, Größenangaben — und wofür welches Format taugt.
-Dokumente, PDFs einbinden, verlinken und auf eine bestimmte Seite springen.
-Bilder je Farbschema, Zwei Bilder, von denen immer nur eines sichtbar ist.
-2.12 – Medien, Bilder, Dokumente, Video und Audio.
-Video und Audio, Ton und Bewegtbild einbinden — mit dem, was Quartz von selbst daraus macht.
-Zeichen schützen, Wenn Markdown etwas als Auszeichnung liest, das Text sein soll.
-HTML im Markdown, Was durchgelassen wird und wo die Grenze liegt.
-2.13 – Besonderes, HTML, Escapes, Pfeile, Tags, Emoji.
-Pfeile, Tags und Emoji, Kleinigkeiten, die Obsidian im Vorbeigehen umwandelt.
-2 – Formatierung, Jedes Element, das Obsidian schreibt und Quartz rendert — Quelltext und Ergebnis nebeneinander, 62 kurze Seiten in dreizehn Abschnitten.
-3.1 – Bases, Abfragen über den Vault, als Tabelle, Karten oder Liste.
-Wie eine Base aufgebaut ist, Filter, Formeln und Ansichten — das YAML-Format erklärt.
-Aufbau der Vorlage
-3.2 – Canvas, Eine unendliche Fläche mit Karten und Verbindungen.
-Wie ein Canvas aufgebaut ist, JSON mit Knoten und Kanten.
-Aufbau des editorial-Frames
-3.3 – Excalidraw, Handgezeichnet wirkende Diagramme, die auf der Website interaktiv bleiben.
-Wie eine Excalidraw-Datei aufgebaut ist, Markdown außen, Zeichendaten innen — und der zweite, einfachere Weg.
-3 – Obsidian-Formate, Drei Dateitypen, die keine Markdown-Seiten sind — Bases, Canvas und Excalidraw.
-4.1 – Titel, Beschreibung, Datum, Die drei Angaben, die jede Seite haben sollte — und woher das Datum kommt, wenn keines dasteht.
-4.2 – Entwurf und ungelistet, Zwei Wege, eine Seite zurückzuhalten — einer baut sie gar nicht, der andere versteckt sie nur.
-4.3 – Aliase, Eine Seite unter mehreren Pfaden erreichbar machen — das Plugin Alias redirects legt Weiterleitungen an.
-4.4 – Eigene Felder, Frontmatter-Felder, die Quartz nicht kennt — und wie die Eigenschaften-Tabelle sie zeigt.
-4.5 – Layout-Boxen je Seite, Eine Layout-Box auf einer einzelnen Seite ausblenden, umbenennen oder anders füllen — im Frontmatter, nicht in der Konfiguration.
-4.6 – Titelbild, Das Feld cover — ein Bild je Seite für die Galerie und die Kacheln einer Base.
-4.7 – Übersetzung, Die Felder, die eine Seite mit ihrer Übersetzung verbinden — translationKey, aliases, lang — und wann man sie braucht.
-4 – Eine Seite steuern, Was das Frontmatter einer Seite bewirkt — Titel, Datum, Entwurf, Alias, eigene Felder, Layout-Boxen, Titelbild, Übersetzung.
-Nicht gefunden
-Explorer, Der Ordnerbaum — in dieser Vorlage abgeschaltet und trotzdem bis zur vierten Ebene gestaltet.
-Farbschema-Umschalter, Der Button zwischen hell und dunkel.
-Fußzeile, Was unter jeder Seite steht — und aus welchen zwei Bausteinen es besteht.
-5.1 – Navigation, Navigation, Explorer, Suche, Farbschema, Lesemodus, Kopfbereich, Fußzeile.
-Kopfbereich, Wortmarke, Seitentitel und die vier Bedienelemente in einer Zeile.
-Lesemodus, Die Leisten ausblenden — und sehen, dass es an ist.
-Die Navigation, Das Akkordeon links, die Schublade am Smartphone, „Zurück“ und „Weiter“ unter dem Text.
-Der Sprachumschalter, Drei Bauformen, eine davon sichtbar — und wo sie steht.
-Suche, Das Feld in der Leiste und die Überlagerung dahinter.
-Brotkrumen, Der Weg von der Startseite bis hierher.
-Eigenschaften, Die Frontmatter-Tabelle am Fuß der Seite.
-5.2 – Über dem Inhalt, Brotkrumen, Titel, Datum, Eigenschaften, Tags.
-Tags, Marken unter dem Titel und im Fließtext.
-Titel und Datum, Die Überschrift der Seite und die Zeile darunter.
-Callouts, Dreizehn Typen, alle neu gesetzt und gemessen.
-Code, Inline, Blöcke, Sprachlabel und der Kopier-Button.
-Fließtext, Die Breite des Textes, die Überschriftenskala und die Links darin.
-5.3 – Im Inhalt, Fließtext, Callouts, Code, Tabellen und Medien.
-Tabellen und Medien, Zwei Elemente, die die Spalte sprengen wollen.
-Graph, Die Umgebung einer Notiz als Netz.
-5.4 – Neben dem Inhalt, Inhaltsverzeichnis, Graph, Rückverweise, zuletzt geändert.
-Inhaltsverzeichnis, Die Gliederung rechts — alle Ebenen, nicht nur drei.
-Rückverweise, Was auf diese Seite zeigt.
-Zuletzt geändert, Die jüngsten Notizen als Kasten unter dem Text.
-Die Instanzen, Dasselbe Plugin, siebenmal, für jeweils etwas anderes.
-5.5 – Layout-Boxen, Ein Plugin, das beliebiges Markup an jede Stelle des Layouts setzt.
-Fehlerseite, Was bei einer nicht vorhandenen Adresse erscheint.
-5.6 – Erzeugte Seiten, Listen, Vorschau, Suchergebnisse, Fehlerseite.
-Ordner- und Tag-Seiten, Die Listen, die Quartz automatisch erzeugt.
-Suchergebnisse, Die Liste in der Suchüberlagerung.
-Link-Vorschau, Was beim Überfahren eines internen Links erscheint.
-5 – Die Gestaltung, Was Quartz von Haus aus tut und was diese Vorlage daran ändert — Komponente für Komponente, mit der Tabelle der Variablen, die jede davon liest.
-6.1 – Etwas ändern, Drei Ebenen, von der billigsten zur teuersten — und wo die eigene Regel hingehört, damit sie gewinnt.
-6.2 – Farben und Kontrast, Neun Rollen, zwei davon verkehrt herum benannt — und 93 gemessene Paare.
-6.3 – Schriften, Zwei Familien, selbst gehostet — und warum die @font-face-Regeln ersetzt werden.
-6.4 – Variablen, 66 Variablen, aus denen die ganze Gestaltung besteht.
-6.5 – Seitenraster, Vier eigene Seitenraster statt der drei mitgelieferten.
-6.6 – Barrierefreiheit, Was diese Vorlage dafür tut — und warum es meist nur eine Zeile mehr ist.
-Wo die zwei Sprachen aufhören, Was in einem Build einsprachig bleibt — gemessen, nicht vermutet.
-6.7 – Zwei Sprachen, Wie dieselbe Website auf Deutsch und Englisch entsteht — aus einem Vault und einem Build.
-Wie die Sprachen sich finden, Drei Strategien, drei Belege — und was das Obsidian-Plugin damit zu tun hat.
-6.8 – Das Vorlagenpaket, Was in einer .qtpl-Datei steckt, was beim Import im Projekt ankommt — und was bewusst nicht mitreist.
-6 – Anpassen, Wo eine Farbe, eine Schrift, ein Abstand, das Seitenraster oder die Sprachen herkommen — und wie man sie ändert, meist ohne Code.
-7.1 – Glossar, Jeder Begriff dieses Handbuchs in zwei, drei Sätzen — alphabetisch, mit dem Verweis auf die Seite, die ihn ausführt.
-7.2 – Abkürzungen, Die Kürzel, die in diesem Handbuch vorkommen.
-7.3 – Muster, Die Entscheidungen, die sich durch jede Komponente ziehen — einmal gesagt, statt auf dreißig Seiten wiederholt.
-7.4 – Bekannte Grenzen, Was nicht geht, warum nicht, und was die Vorlage stattdessen tut — gesammelt aus allen Kapiteln, je mit dem Verweis auf die Seite, die es ausführt.
-7 – Nachschlagen, Glossar, Abkürzungen, die wiederkehrenden Muster, die bekannten Grenzen — und eine Liste aller Seiten.
-Example, Das Handbuch der Vorlage Example für QuartzControl — zum Lesen, zum Nachschlagen und zum Vergleichen mit der eigenen Website.
-above-the-content
-accessibility
-adapting
-anpassen
-barrierefreiheit
-bases
-besonderes
-callouts
-canvas
-code
-controlling-a-page
-design
-diagramme
-diagrams
-einstieg
-excalidraw
-footnotes
-formatierung
-formatting
-frontmatter
-fussnoten
-gestaltung
-getting-started
-im-inhalt
-in-the-content
-Tag-Übersicht
-inline-tag
-layout-box
-links
-listen
-lists
-math
-mathematik
-media
-medien
-mehrsprachigkeit
-multilingual
-nachschlagen
-navigation
-obsidian-formate
-obsidian-formats
-page-apparatus
-page-types
-reference
-referenz
-seiten-steuern
-seitenapparat
-seitentypen
-special
-start
-structure
-struktur
-tabellen
-tables
-terms
-text
-typografie
-typography
-ueber-dem-inhalt
| Title | Section | Description |
|---|---|---|
| 1.1 – Was diese Vorlage ist | 1 – Einstieg | Eine Gestaltung für Quartz-Websites, die man in QuartzControl importiert — und die drei Entscheidungen, aus denen sie besteht. |
| 1.2 – Die Werkzeuge | 1 – Einstieg | Obsidian, Quartz, QuartzControl und git — vier Programme, jedes mit einer Aufgabe, und wie sie zusammenhängen. |
| 1.3 – Von der Notiz zur Website | 1 – Einstieg | Der Weg einer Änderung — schreiben, ansehen, bauen, veröffentlichen — und was dabei wo passiert. |
| 1.4 – So ist eine Seite aufgebaut | 1 – Einstieg | Die Teile einer Seite mit ihren Namen — und eine absichtlich lange, tief gegliederte Seite, an der man sie alle sieht. |
| 1 – Einstieg | 1 – Einstieg | Für wen dieses Handbuch ist, wie es geschrieben ist und was man vorher wissen muss — nämlich fast nichts. |
| Betonung | 2 – Formatierung | Fett, kursiv, durchgestrichen, hervorgehoben — und welches Plugin welches davon liefert. |
| 2.1 – Text | 2 – Formatierung | Betonung, Sonderzeichen und Zeilenumbrüche. |
| Sonderzeichen | 2 – Formatierung | Anführungszeichen, Gedankenstriche und Auslassungspunkte — typografisch richtig gesetzt. |
| Zeilenumbrüche | 2 – Formatierung | Warum ein Umbruch im Quelltext hier keiner auf der Seite ist — und wie man einen erzwingt. |
| Absätze | 2 – Formatierung | Wie ein Absatz entsteht und wie breit er wird. |
| 2.2 – Struktur | 2 – Formatierung | Überschriften, Absätze, Trennlinien. |
| Trennlinien | 2 – Formatierung | Der Gedankenstrich zwischen Abschnitten. |
| Überschriften | 2 – Formatierung | Sechs Ebenen — und warum die letzten beiden hier nicht weiter schrumpfen. |
| Aufgabenlisten | 2 – Formatierung | Kästchen zum Abhaken — und warum Erledigtes hier zweifach markiert ist. |
| Geordnete Listen | 2 – Formatierung | Nummerierte Aufzählungen und was die Zahlen wirklich tun. |
| 2.3 – Listen | 2 – Formatierung | Ungeordnet, geordnet, Aufgaben, verschachtelt. |
| Ungeordnete Listen | 2 – Formatierung | Aufzählungen und ihre Verschachtelung. |
| Verschachtelung und Zitate | 2 – Formatierung | Wie tief man gehen kann, und wie Zitate sich schachteln. |
| Aliase | 2 – Formatierung | Eine Seite unter mehreren Namen erreichbar machen. |
| Einbettungen | 2 – Formatierung | Eine andere Seite mitten in dieser anzeigen. |
| Externe Links | 2 – Formatierung | Verweise nach draußen — und woran man sie erkennt. |
| 2.4 – Links | 2 – Formatierung | Wikilinks, Sprungziele, externe Verweise, Einbettungen, Aliase. |
| Wikilinks | 2 – Formatierung | Die Obsidian-Schreibweise für interne Verweise. |
| Sprungziele | 2 – Formatierung | Auf eine Überschrift oder einen einzelnen Block verweisen. |
| Alle Callout-Typen | 2 – Formatierung | Dreizehn Typen mit ihren Zweitnamen — und warum ihre Farben hier neu gesetzt sind. |
| Faltbare Callouts | 2 – Formatierung | Ein Callout, das sich zuklappen lässt. |
| Callouts — Grundform | 2 – Formatierung | Der Aufbau eines Callouts, mit und ohne eigenen Titel. |
| 2.5 – Callouts | 2 – Formatierung | Dreizehn Typen, faltbar und verschachtelt. |
| Verschachtelte Callouts | 2 – Formatierung | Ein Callout im Callout — und wo die Grenze liegt. |
| Codeblöcke | 2 – Formatierung | Mehrzeiliger Code, mit Sprache und Kopier-Button. |
| Zeilen hervorheben | 2 – Formatierung | Einzelne Zeilen in einem Block betonen. |
| 2.6 – Code | 2 – Formatierung | Inline, Blöcke, Sprachen, Titel, Hervorhebung. |
| Code im Text | 2 – Formatierung | Ein Befehl mitten im Satz. |
| Sprachen | 2 – Formatierung | Welche Hervorhebung wofür — mit Beispielen. |
| Ausrichtung | 2 – Formatierung | Doppelpunkte in der Trennzeile steuern die Spaltenausrichtung. |
| Breite Tabellen | 2 – Formatierung | Was passiert, wenn eine Tabelle nicht in die Spalte passt. |
| Tabellen — Grundform | 2 – Formatierung | Zeilen, Spalten und der Kopf. |
| 2.7 – Tabellen | 2 – Formatierung | Grundform, Ausrichtung, Inhalte, breite Tabellen. |
| Inhalte in Zellen | 2 – Formatierung | Was in einer Zelle stehen darf und was geschützt werden muss. |
| Formelblöcke | 2 – Formatierung | Abgesetzte Formeln, mehrzeilig und als Matrix. |
| 2.8 – Mathematik | 2 – Formatierung | LaTeX im Text und als Block. |
| Formeln im Text | 2 – Formatierung | LaTeX mitten im Satz. |
| Ablauf-Diagramme | 2 – Formatierung | Zustände, Nutzerreisen und Versionsstränge. |
| Flussdiagramme | 2 – Formatierung | Mermaid — Abläufe und Entscheidungen. |
| 2.9 – Diagramme | 2 – Formatierung | Vierzehn Mermaid-Diagrammarten. |
| Sequenzdiagramme | 2 – Formatierung | Wer sagt wem was, in welcher Reihenfolge. |
| Struktur-Diagramme | 2 – Formatierung | Klassen, Entitäten und Mindmaps. |
| Zahlen-Diagramme | 2 – Formatierung | Torten, Kurven, Flüsse und Vier-Felder-Tafeln. |
| Zeit-Diagramme | 2 – Formatierung | Gantt-Pläne und Zeitleisten. |
| Fußnoten — Grundform | 2 – Formatierung | Ein Verweis im Text, der Text am Seitenende. |
| 2.10 – Fußnoten | 2 – Formatierung | Fußnoten, Varianten und Kommentare. |
| Kommentare | 2 – Formatierung | Text, der nur im Quelltext steht. |
| Benannte und mehrfache Fußnoten | 2 – Formatierung | Namen statt Zahlen, mehrere Verweise, Fußnoten im Fließtext. |
| Anzeige der Eigenschaften | 2 – Formatierung | Wo die Tabelle steht, was sie zeigt und wie man das ändert. |
| Datentypen | 2 – Formatierung | Text, Zahl, Wahrheitswert, Liste — und wie sie angezeigt werden. |
| Frontmatter | 2 – Formatierung | Die Felder ganz oben in der Datei und was Quartz damit macht. |
| 2.11 – Eigenschaften | 2 – Formatierung | Frontmatter, Datentypen, Anzeige. |
| Bilder | 2 – Formatierung | Fünf Formate, zwei Schreibweisen, Größenangaben — und wofür welches Format taugt. |
| Dokumente | 2 – Formatierung | PDFs einbinden, verlinken und auf eine bestimmte Seite springen. |
| Bilder je Farbschema | 2 – Formatierung | Zwei Bilder, von denen immer nur eines sichtbar ist. |
| 2.12 – Medien | 2 – Formatierung | Bilder, Dokumente, Video und Audio. |
| Video und Audio | 2 – Formatierung | Ton und Bewegtbild einbinden — mit dem, was Quartz von selbst daraus macht. |
| Zeichen schützen | 2 – Formatierung | Wenn Markdown etwas als Auszeichnung liest, das Text sein soll. |
| HTML im Markdown | 2 – Formatierung | Was durchgelassen wird und wo die Grenze liegt. |
| 2.13 – Besonderes | 2 – Formatierung | HTML, Escapes, Pfeile, Tags, Emoji. |
| Pfeile, Tags und Emoji | 2 – Formatierung | Kleinigkeiten, die Obsidian im Vorbeigehen umwandelt. |
| 2 – Formatierung | 2 – Formatierung | Jedes Element, das Obsidian schreibt und Quartz rendert — Quelltext und Ergebnis nebeneinander, 62 kurze Seiten in dreizehn Abschnitten. |
| 3.1 – Bases | 3 – Obsidian-Formate | Abfragen über den Vault, als Tabelle, Karten oder Liste. |
| Wie eine Base aufgebaut ist | 3 – Obsidian-Formate | Filter, Formeln und Ansichten — das YAML-Format erklärt. |
| Aufbau der Vorlage | — | — |
| 3.2 – Canvas | 3 – Obsidian-Formate | Eine unendliche Fläche mit Karten und Verbindungen. |
| Wie ein Canvas aufgebaut ist | 3 – Obsidian-Formate | JSON mit Knoten und Kanten. |
| Aufbau des editorial-Frames | — | — |
| 3.3 – Excalidraw | 3 – Obsidian-Formate | Handgezeichnet wirkende Diagramme, die auf der Website interaktiv bleiben. |
| Wie eine Excalidraw-Datei aufgebaut ist | 3 – Obsidian-Formate | Markdown außen, Zeichendaten innen — und der zweite, einfachere Weg. |
| 3 – Obsidian-Formate | 3 – Obsidian-Formate | Drei Dateitypen, die keine Markdown-Seiten sind — Bases, Canvas und Excalidraw. |
| 4.1 – Titel, Beschreibung, Datum | 4 – Eine Seite steuern | Die drei Angaben, die jede Seite haben sollte — und woher das Datum kommt, wenn keines dasteht. |
| 4.2 – Entwurf und ungelistet | 4 – Eine Seite steuern | Zwei Wege, eine Seite zurückzuhalten — einer baut sie gar nicht, der andere versteckt sie nur. |
| 4.3 – Aliase | 4 – Eine Seite steuern | Eine Seite unter mehreren Pfaden erreichbar machen — das Plugin Alias redirects legt Weiterleitungen an. |
| 4.4 – Eigene Felder | 4 – Eine Seite steuern | Frontmatter-Felder, die Quartz nicht kennt — und wie die Eigenschaften-Tabelle sie zeigt. |
| 4.5 – Layout-Boxen je Seite | 4 – Eine Seite steuern | Eine Layout-Box auf einer einzelnen Seite ausblenden, umbenennen oder anders füllen — im Frontmatter, nicht in der Konfiguration. |
| 4.6 – Titelbild | 4 – Eine Seite steuern | Das Feld cover — ein Bild je Seite für die Galerie und die Kacheln einer Base. |
| 4.7 – Übersetzung | 4 – Eine Seite steuern | Die Felder, die eine Seite mit ihrer Übersetzung verbinden — translationKey, aliases, lang — und wann man sie braucht. |
| 4 – Eine Seite steuern | 4 – Eine Seite steuern | Was das Frontmatter einer Seite bewirkt — Titel, Datum, Entwurf, Alias, eigene Felder, Layout-Boxen, Titelbild, Übersetzung. |
| Nicht gefunden | — | — |
| Explorer | 5 – Die Gestaltung | Der Ordnerbaum — in dieser Vorlage abgeschaltet und trotzdem bis zur vierten Ebene gestaltet. |
| Farbschema-Umschalter | 5 – Die Gestaltung | Der Button zwischen hell und dunkel. |
| Fußzeile | 5 – Die Gestaltung | Was unter jeder Seite steht — und aus welchen zwei Bausteinen es besteht. |
| 5.1 – Navigation | 5 – Die Gestaltung | Navigation, Explorer, Suche, Farbschema, Lesemodus, Kopfbereich, Fußzeile. |
| Kopfbereich | 5 – Die Gestaltung | Wortmarke, Seitentitel und die vier Bedienelemente in einer Zeile. |
| Lesemodus | 5 – Die Gestaltung | Die Leisten ausblenden — und sehen, dass es an ist. |
| Die Navigation | 5 – Die Gestaltung | Das Akkordeon links, die Schublade am Smartphone, „Zurück“ und „Weiter“ unter dem Text. |
| Der Sprachumschalter | 5 – Die Gestaltung | Drei Bauformen, eine davon sichtbar — und wo sie steht. |
| Suche | 5 – Die Gestaltung | Das Feld in der Leiste und die Überlagerung dahinter. |
| Brotkrumen | 5 – Die Gestaltung | Der Weg von der Startseite bis hierher. |
| Eigenschaften | 5 – Die Gestaltung | Die Frontmatter-Tabelle am Fuß der Seite. |
| 5.2 – Über dem Inhalt | 5 – Die Gestaltung | Brotkrumen, Titel, Datum, Eigenschaften, Tags. |
| Tags | 5 – Die Gestaltung | Marken unter dem Titel und im Fließtext. |
| Titel und Datum | 5 – Die Gestaltung | Die Überschrift der Seite und die Zeile darunter. |
| Callouts | 5 – Die Gestaltung | Dreizehn Typen, alle neu gesetzt und gemessen. |
| Code | 5 – Die Gestaltung | Inline, Blöcke, Sprachlabel und der Kopier-Button. |
| Fließtext | 5 – Die Gestaltung | Die Breite des Textes, die Überschriftenskala und die Links darin. |
| 5.3 – Im Inhalt | 5 – Die Gestaltung | Fließtext, Callouts, Code, Tabellen und Medien. |
| Tabellen und Medien | 5 – Die Gestaltung | Zwei Elemente, die die Spalte sprengen wollen. |
| Graph | 5 – Die Gestaltung | Die Umgebung einer Notiz als Netz. |
| 5.4 – Neben dem Inhalt | 5 – Die Gestaltung | Inhaltsverzeichnis, Graph, Rückverweise, zuletzt geändert. |
| Inhaltsverzeichnis | 5 – Die Gestaltung | Die Gliederung rechts — alle Ebenen, nicht nur drei. |
| Rückverweise | 5 – Die Gestaltung | Was auf diese Seite zeigt. |
| Zuletzt geändert | 5 – Die Gestaltung | Die jüngsten Notizen als Kasten unter dem Text. |
| Die Instanzen | 5 – Die Gestaltung | Dasselbe Plugin, siebenmal, für jeweils etwas anderes. |
| 5.5 – Layout-Boxen | 5 – Die Gestaltung | Ein Plugin, das beliebiges Markup an jede Stelle des Layouts setzt. |
| Fehlerseite | 5 – Die Gestaltung | Was bei einer nicht vorhandenen Adresse erscheint. |
| 5.6 – Erzeugte Seiten | 5 – Die Gestaltung | Listen, Vorschau, Suchergebnisse, Fehlerseite. |
| Ordner- und Tag-Seiten | 5 – Die Gestaltung | Die Listen, die Quartz automatisch erzeugt. |
| Suchergebnisse | 5 – Die Gestaltung | Die Liste in der Suchüberlagerung. |
| Link-Vorschau | 5 – Die Gestaltung | Was beim Überfahren eines internen Links erscheint. |
| 5 – Die Gestaltung | 5 – Die Gestaltung | Was Quartz von Haus aus tut und was diese Vorlage daran ändert — Komponente für Komponente, mit der Tabelle der Variablen, die jede davon liest. |
| 6.1 – Etwas ändern | 6 – Anpassen | Drei Ebenen, von der billigsten zur teuersten — und wo die eigene Regel hingehört, damit sie gewinnt. |
| 6.2 – Farben und Kontrast | 6 – Anpassen | Neun Rollen, zwei davon verkehrt herum benannt — und 93 gemessene Paare. |
| 6.3 – Schriften | 6 – Anpassen | Zwei Familien, selbst gehostet — und warum die @font-face-Regeln ersetzt werden. |
| 6.4 – Variablen | 6 – Anpassen | 66 Variablen, aus denen die ganze Gestaltung besteht. |
| 6.5 – Seitenraster | 6 – Anpassen | Vier eigene Seitenraster statt der drei mitgelieferten. |
| 6.6 – Barrierefreiheit | 6 – Anpassen | Was diese Vorlage dafür tut — und warum es meist nur eine Zeile mehr ist. |
| Wo die zwei Sprachen aufhören | 6 – Anpassen | Was in einem Build einsprachig bleibt — gemessen, nicht vermutet. |
| 6.7 – Zwei Sprachen | 6 – Anpassen | Wie dieselbe Website auf Deutsch und Englisch entsteht — aus einem Vault und einem Build. |
| Wie die Sprachen sich finden | 6 – Anpassen | Drei Strategien, drei Belege — und was das Obsidian-Plugin damit zu tun hat. |
| 6.8 – Das Vorlagenpaket | 6 – Anpassen | Was in einer .qtpl-Datei steckt, was beim Import im Projekt ankommt — und was bewusst nicht mitreist. |
| 6 – Anpassen | 6 – Anpassen | Wo eine Farbe, eine Schrift, ein Abstand, das Seitenraster oder die Sprachen herkommen — und wie man sie ändert, meist ohne Code. |
| 7.1 – Glossar | 7 – Nachschlagen | Jeder Begriff dieses Handbuchs in zwei, drei Sätzen — alphabetisch, mit dem Verweis auf die Seite, die ihn ausführt. |
| 7.2 – Abkürzungen | 7 – Nachschlagen | Die Kürzel, die in diesem Handbuch vorkommen. |
| 7.3 – Muster | 7 – Nachschlagen | Die Entscheidungen, die sich durch jede Komponente ziehen — einmal gesagt, statt auf dreißig Seiten wiederholt. |
| 7.4 – Bekannte Grenzen | 7 – Nachschlagen | Was nicht geht, warum nicht, und was die Vorlage stattdessen tut — gesammelt aus allen Kapiteln, je mit dem Verweis auf die Seite, die es ausführt. |
| 7 – Nachschlagen | 7 – Nachschlagen | Glossar, Abkürzungen, die wiederkehrenden Muster, die bekannten Grenzen — und eine Liste aller Seiten. |
| Example | Start | Das Handbuch der Vorlage Example für QuartzControl — zum Lesen, zum Nachschlagen und zum Vergleichen mit der eigenen Website. |
| above-the-content | — | — |
| accessibility | — | — |
| adapting | — | — |
| anpassen | — | — |
| barrierefreiheit | — | — |
| bases | — | — |
| besonderes | — | — |
| callouts | — | — |
| canvas | — | — |
| code | — | — |
| controlling-a-page | — | — |
| design | — | — |
| diagramme | — | — |
| diagrams | — | — |
| einstieg | — | — |
| excalidraw | — | — |
| footnotes | — | — |
| formatierung | — | — |
| formatting | — | — |
| frontmatter | — | — |
| fussnoten | — | — |
| gestaltung | — | — |
| getting-started | — | — |
| im-inhalt | — | — |
| in-the-content | — | — |
| Tag-Übersicht | — | — |
| inline-tag | — | — |
| layout-box | — | — |
| links | — | — |
| listen | — | — |
| lists | — | — |
| math | — | — |
| mathematik | — | — |
| media | — | — |
| medien | — | — |
| mehrsprachigkeit | — | — |
| multilingual | — | — |
| nachschlagen | — | — |
| navigation | — | — |
| obsidian-formate | — | — |
| obsidian-formats | — | — |
| page-apparatus | — | — |
| page-types | — | — |
| reference | — | — |
| referenz | — | — |
| seiten-steuern | — | — |
| seitenapparat | — | — |
| seitentypen | — | — |
| special | — | — |
| start | — | — |
| structure | — | — |
| struktur | — | — |
| tabellen | — | — |
| tables | — | — |
| terms | — | — |
| text | — | — |
| typografie | — | — |
| typography | — | — |
| ueber-dem-inhalt | — | — |
Weiterlesen
Diese Seite gehört zu Example — der Beispielvorlage für QuartzControl. Ein Überblick über alle Bereiche steht auf der Startseite.
Auf einem schmalen Bildschirm ist die Navigation oben eingeklappt.