📣 Callout Showcase — Alle 13 Typen

Abstract

Callouts sind farbige Hinweisboxen, die Quartz aus dem Obsidian-Format rendert. Es gibt 13 Typen, 2 Anzeigemodi (offen/eingeklappt) und beliebige Custom-Titel. Sie strukturieren Notizen visuell ohne CSS-Kenntnisse.

---

🔤 Grundsyntax

> [!typ]
> 
> Inhalt des Callouts
 
> [!typ] Custom Titel
> 
> Inhalt mit eigenem Titel
 
> [!typ]+ Standardmäßig ausgeklappt
> 
> Inhalt (+ = offen, - = eingeklappt)
 
> [!typ]- Standardmäßig eingeklappt
> 
> Dieser Inhalt ist versteckt bis man klickt

---

📋 Alle 13 Typen

1. note — Allgemeine Hinweise

Note

Standard-Hinweis. Für allgemeine Informationen, die nicht in den Fließtext passen.

Custom Titel

Mit eigenem Titel ist der Callout präziser und informativer.

> [!note]
> 
> Inhalt
 
> [!note] Custom Titel
> 
> Inhalt mit eigenem Titel

---

2. abstract / summary / tldr — Zusammenfassungen

Abstract

Kurze Zusammenfassung des Inhalts. Ideal am Anfang von langen Notizen.

TL;DR

Zu lang, nicht gelesen? Hier die Kurzversion.

> [!abstract]
> 
> Zusammenfassung
 
> [!tldr]
> 
> Gleiche Darstellung, anderes Keyword

---

3. info — Informationen

Info

Neutrale Information, weder Warnung noch Fehler. Für Kontext und Hintergrundwissen.

Projekt-Status

Status: 🟢 Aktiv | Deadline: 2026-06-01

> [!info]
> 
> Info-Inhalt

---

4. tip / hint / important — Tipps

Tip

Hilfreicher Hinweis, der den Prozess verbessert oder eine häufige Falle vermeidet.

Schneller Weg

Mit Ctrl+K in Obsidian öffnest du den Quick Switcher — schneller als die Suche.

> [!tip]
> 
> Tipp-Inhalt
 
> [!important]
> 
> Gleiche Darstellung

---

5. success / check / done — Erfolg

Success

Bestätigung, positives Ergebnis, abgeschlossene Aufgabe.

Phase 1 abgeschlossen

Alle Grundlagen-Templates sind erstellt und verlinkt. ✅

> [!success]
> 
> Erfolgs-Inhalt
 
> [!check]
> 
> Gleiche Darstellung

---

6. question / help / faq — Fragen

Question

Offene Frage, To-Research-Item oder FAQ-Eintrag.

Warum aliases nutzen?

Aliases ermöglichen Links mit alternativen Namen und erzeugen automatische Redirects — besonders nützlich bei Umbenennungen.

> [!question]
> 
> Offene Frage?
 
> [!faq] Häufige Frage
> 
> Antwort

---

7. warning / caution / attention — Warnungen

Warning

Warnung vor einer häufigen Falle, einem Missverständnis oder einem Risiko.

Nicht vergessen

draft: true entfernt Seiten aus dem Build — das ist irreversibel bis du es änderst!

> [!warning]
> 
> Warnung
 
> [!caution]
> 
> Etwas vorsichtiger Ton

---

8. failure / fail / missing — Fehler

Failure

Fehlgeschlagenes Experiment, bekanntes Problem, etwas das nicht funktioniert.

Fehlende Seite

[[Digital-Garden]] existiert noch nicht — diese Notiz ist ein Platzhalter.

> [!failure]
> 
> Was nicht funktioniert hat
 
> [!missing]
> 
> Was fehlt

---

9. danger / error — Kritische Fehler

Danger

Kritischer Fehler oder destruktive Aktion. Stärker als warning.

Konfigurationsfehler

Wenn baseUrl falsch gesetzt ist, funktionieren alle internen Links nicht!

> [!danger]
> 
> Kritischer Hinweis
 
> [!error]
> 
> Fehler-Beschreibung

---

10. bug — Bekannte Bugs

Bug

Dokumentierter Bug oder unerwartetes Verhalten. Gut für Entwicklungs-Notizen.

Bekanntes Problem

Mermaid-Diagramme werden in der mobilen Ansicht manchmal abgeschnitten.

> [!bug]
> 
> Bug-Beschreibung

---

11. example — Beispiele

Example

Konkrete Illustration eines abstrakten Konzepts. Zeigt statt zu erklären.

Frontmatter Beispiel

title: "Meine Notiz"
tags: [garden/seedling]

> [!example]
> 
> Beispiel-Inhalt (darf Code, Tabellen, etc. enthalten)

---

12. quote / cite — Zitate

Quote

Direktes Zitat aus einer Quelle. Wird mit Anführungszeichen-Design gerendert.

Luhmann (1992), S. 9

“Kommunikation kommt zustande, wenn die Differenz von Information und Mitteilung verstanden wird.”

> [!quote]
> 
> "Das direkte Zitat"
 
> [!cite] Quellenangabe im Titel
> 
> "Zitat mit Quelle im Titel"

---

13. todo — Aufgaben

Todo

Offene Aufgaben innerhalb einer Notiz — alternativ zu Checkboxen.

Offene Punkte

• Callout-Showcase fertigstellen
• Custom CSS für Callouts hinzufügen
• Alle Templates verlinken

> [!todo]
> 
> - [ ] Aufgabe 1
> - [ ] Aufgabe 2

---

🔽 Foldable Callouts

Jeder Callout kann auf- und zuklappbar gemacht werden:

> [!note]+ Standardmäßig offen (+ Zeichen)
> 
> Dieser Callout ist beim Laden ausgeklappt, kann aber geschlossen werden.
 
> [!note]- Standardmäßig geschlossen (- Zeichen)
> 
> Dieser Callout ist beim Laden eingeklappt — klicken zum Öffnen.

Standardmäßig offen

Dieser Callout ist beim Laden ausgeklappt, kann aber geschlossen werden.

Standardmäßig geschlossen

Dieser Callout ist beim Laden eingeklappt — klicken zum Öffnen!

---

🎨 Verschachtelte Callouts

Callouts können Markdown enthalten — Tabellen, Listen, Code, sogar Mermaid:

Callout mit Tabelle

Spalte A	Spalte B
Wert 1	Wert 2
Wert 3	Wert 4

Callout mit Code

print("Callouts können Code enthalten!")

---

📊 Schnellreferenz

Typ	Farbe	Wann nutzen
note	Blau	Allgemeine Hinweise
abstract	Cyan	Zusammenfassung am Anfang
info	Blau	Neutraler Kontext
tip	Grün	Hilfreiche Hinweise
success	Grün	Bestätigungen, Erfolge
question	Orange	Offene Fragen
warning	Gelb	Warnungen, Fallen
failure	Rot	Fehler, was nicht klappt
danger	Rot	Kritische Fehler
bug	Rot	Bugs dokumentieren
example	Lila	Konkrete Beispiele
quote	Grau	Direkte Zitate
todo	Blau	Aufgabenlisten

---

🌱 Verwandte Seiten

• frontmatter-guide — Notiz-Metadaten
• wikilinks-und-backlinks — Verlinkung
• mermaid-diagramme — Diagramme in Callouts
• 03-article — Callouts in Artikeln einsetzen

---

Status: 🌳 Evergreen | Vollständige Callout-Referenz