Blog / Devlog Posts

Dieser Ordner enthält Markdown-Dateien für ausführliche Blog-Posts und Devlogs.

Neuen Blog-Post erstellen

1. Eintrag in blog.json hinzufügen

{
  "slug": "devlog-02-character-integration",
  "title": "Devlog #2: Charakter-Integration",
  "date": "2025-07-01",
  "excerpt": "Kurze Zusammenfassung des Posts...",
  "author": "Daniel Kreitsch",
  "coverImage": "/images/blog/cover.jpg",
  "tags": ["devlog", "development"]
}

2. Markdown-Datei erstellen

Erstelle devlog-02-character-integration.md mit deinem Content.

Layout-Optionen im Markdown

Volle Breite (Bilder/Videos)

<div class="full-width-media">
  <img src="/images/example.jpg" alt="Beschreibung" />
  <p class="caption">Bildunterschrift</p>
</div>

Bild links, Text rechts

<div class="media-text-layout">
  <div class="media-left">
    <img src="/images/example.jpg" alt="Beschreibung" />
  </div>
  <div class="text-right">
    <h3>Überschrift</h3>
    <p>Dein Text hier...</p>
  </div>
</div>

Bild rechts, Text links

<div class="media-text-layout reverse">
  <div class="text-left">
    <h3>Überschrift</h3>
    <p>Dein Text hier...</p>
  </div>
  <div class="media-right">
    <img src="/images/example.jpg" alt="Beschreibung" />
  </div>
</div>

Videos

<div class="full-width-media">
  <div class="video-container">
    <video controls poster="/images/thumbnail.jpg">
      <source src="/videos/example.mp4" type="video/mp4">
    </video>
  </div>
  <p class="caption">Video-Beschreibung</p>
</div>

Standard Markdown

Natürlich funktioniert auch normales Markdown:

• Fett und kursiv
• Listen
• Code
• Links: [Text](URL)
• Bilder: ![Alt](URL)
• etc.