Quartz 4

📝 Template 01 — Atomic Note / Zettel

3 min read

Abstract

Eine Atomic Note ist eine kleine Notiz, die eine zentrale Idee festhält. Sie ist:

  • Kurz (1-3 Absätze)
  • Präzise verlinkt
  • In sich geschlossen
  • Wiederverwendbar in anderen Notizen

🎯 Wofür?

  • Konzepte festhalten
  • Wissen fragmentieren (später zusammensetzen)
  • Bausteine für größere Texte schaffen
  • Lernen durch Schreiben

📋 Frontmatter-Struktur

---
title: "Aussagekräftiger Titel (maximal ~60 Zeichen)"
aliases: [Alternativname, Synonym]
tags: [topic/kategorie, garden/seedling]
description: "Kurze Zusammenfassung für Vorschau"
publish: true
---

Erklärung der Felder:

  • title: Der Name dieser Notiz
  • aliases: Alternative Namen (erzeugt 301-Redirects!)
  • tags: Hierarchisch: topic/subtopic, garden/status
  • description: Zeigt in Previews & Meta-Tags
  • publish: true oder false (default true wenn nicht gesetzt)

✍️ Beispiel 1: Atomic Note über ein Konzept

Lass mich eine echte Beispiel-Notiz erstellen, auf die wir verlinken können:

🔗 Zettelkasten-Prinzip — Die echte Notiz (wird gleich erstellt)

Hier ein Vorschau-Snippet:

---
title: Zettelkasten-Prinzip
aliases: [Zettels, Slip-box, Luhmann-Zettel]
tags: [method/learning, tool/obsidian, garden/evergreen]
description: Ein Notiz-System, in dem Ideen bidirektional verlinkt sind.
---

Das Zettelkasten-Prinzip basiert auf Niklas Luhmanns analogem System:
Jede Notiz hat eine einzige Hauptidee, Nummern für Struktur, und viele
interne Verlinkungen. Digitale Varianten (Obsidian, Quartz) 
machen dies leistungsstärker.

**Verwandt mit:**
- [[Atomic Notes]]
- [[Knowledge Graph]]
- [[Transclusion]]

✍️ Beispiel 2: Atomic Note über ein Tool

---
title: "Quartz 4"
aliases: ["Quartz SSG", "Digital Garden SSG"]
tags: [tool/quartz, tech/static-site-generator, garden/evergreen]
description: "Static Site Generator für Markdown + Wikilinks, gebaut für Digital Gardens"
---

Inhalt:

Quartz 4 ist ein moderner SSG, der Obsidian-Vaults direkt in eine Website umwandelt.

  • Input: Markdown mit Wikilinks [[...]]
  • Output: HTML mit Backlinks, Graph, Search, RSS
  • Besonderheit: Obsidian-kompatibel (Callouts, Embeds, Highlights)

Siehe auch: Digital Garden, Static Site Generators

🏗️ Struktur einer Atomic Note

1. Titel (prägnant, singular)
2. 1-3 Absätze (die zentrale Idee)
3. 2-5 Verlinkungen zu verwandten Notizen [[...]]
4. Ggf. ein Callout mit Kontext

❌ Zu lang?

Wenn deine Notiz zu wachsen beginnt, ist es Zeit für:

🔗 Linking-Muster

Wikilink-Syntax (5 Varianten):

SyntaxEffektNutzen
[[Note-Name]]Link zu NoteEinfach
[[Note|Anzeige-Text]]Custom Linktext”Siehe auch hier”
[[Note\#Überschrift]]Zu Sektion springenPräzise verlinken
[[Note\#^block-id]]Zu Block-ID springenGranulare Referenzen
![[Note]]Embed (ganze Note einfügen)Wenn Inhalt relevant ist

🎨 Callout: Der Kontext-Rahmen

Nutze einen Callout, um schnell den Kontext zu zeigen:

Note

Zusammenhang: Diese Notiz ist ein Baustein für Zettelkasten-Prinzip. Sie erklärt, wie einzelne Notizen funktionieren.

📊 Tags in Atomic Notes

Empfohlen: 2-3 Tags pro Notiz

tags: [topic/subtopic, garden/status, optional/meta]

Beispiele:

  • [tech/quartz, tool/ssg, garden/evergreen]
  • [method/learning, personal/progress, garden/budding]
  • [language/german, skill/writing, garden/seedling]

⚙️ Frontmatter Checklist

---
title: "Ein prägnanter Titel"       # ✅ MUSS sein
aliases: [Alt1, Alt2]               # ⭐ Für Umleitungen hilfreich
tags: [topic/sub, garden/status]    # ✅ Für Navigation wichtig
description: "Ein Satz..."          # ⭐ Für Meta-Tags & Vorschau
publish: true                        # ⭐ Explizit setzen empfohlen
---

🚀 So erstellst du deine erste Atomic Note

  1. Neuer Ordner: content/my-first-note.md
  2. Kopiere das Frontmatter: 
    ---
title: "Mein erstes Konzept"
aliases: []
tags: [garden/seedling]
description: "Eine Idee, die ich gerade lerne"
publish: true
---
  3. Schreibe 2-3 Absätze über deine Idee
  4. Verlinke zu verwandten Notizen: [[...]]
  5. Speichern → Website aktualisiert sich!

🔍 Backlinks: Wer verlinkt mich?

Rechts oben (oder unten auf Mobile) siehst du “Backlinks” — alle Notizen, die auf diese Notiz verlinken. Das ist automatisch!

Beispiel:

  • Wenn Zettelkasten-Prinzip auf diese Notiz verlinkt,
  • Wird diese Notiz es automatisch unter “Backlinks” zeigen.

→ Das schafft bidirektionale Verbindungen ohne manuelles Pflegen! 🔗

📈 Was ist danach?

  • Wenn du viele Atomic Notes schreibst → 02-moc zum Organisieren
  • Wenn du tiefere Gedanken entwickelst → 03-article
  • Wenn du eine Quelle dokumentierst → 04-literature

Bereit? Gehe zu Schritt 3: 02-moc

Dieser Leitfaden: Template 01 von 09

Graph View

Backlinks