Video-Einbettung

Bild in HTML

📝 Blog-Verwaltung mit dem CMS - Anleitung für Redakteure

Willkommen zur Anleitung für das Content-Management-System (CMS) des Stream Info Blogs! Diese Anleitung erklärt Ihnen Schritt für Schritt, wie Sie Blog-Beiträge erstellen und bearbeiten können - ganz ohne technische Vorkenntnisse.

🚀 Was ist das CMS?

Das CMS (Content-Management-System) ist Ihre persönliche Redaktionsumgebung. Hier können Sie:

• ✅ Neue Blog-Beiträge schreiben
• ✅ Bestehende Artikel bearbeiten
• ✅ Bilder und Medien hochladen
• ✅ Beiträge veröffentlichen oder als Entwurf speichern
• ✅ Artikel formatieren (fett, kursiv, Listen, etc.)

🔐 Schritt 1: Anmeldung am CMS

So loggen Sie sich ein:

1. Öffnen Sie die Admin-Seite: https://stream-info-blog.pages.dev/admin

2. Klicken Sie auf “Login with GitHub”

   • Sie werden zu GitHub weitergeleitet
   • Falls Sie noch nicht angemeldet sind, geben Sie Ihre GitHub-Daten ein
   • Bestätigen Sie den Zugriff für die App “Stream Info Blog CMS”

3. Zurück zum CMS:

   • Sie werden automatisch zurück zum CMS geleitet
   • Das Dashboard öffnet sich mit der Übersicht Ihrer Blog-Beiträge

⚠️ Wichtiger Hinweis:

Sie benötigen ein GitHub-Konto und müssen als Bearbeiter für das Repository berechtigt sein. Sprechen Sie den Administrator an, falls Sie keinen Zugang haben.

✍️ Schritt 2: Neuen Blog-Beitrag erstellen

So erstellen Sie einen neuen Artikel:

1. Im CMS Dashboard klicken Sie auf “New Blog-Beiträge”

2. Füllen Sie die Grundinformationen aus:

   • Titel: Geben Sie einen aussagekräftigen Titel ein
   • Datum: Wählen Sie das Veröffentlichungsdatum
   • Inhalt: Hier schreiben Sie Ihren Artikel (siehe Formatierung unten)

💾 Speichern und Veröffentlichen:

• “Save” = Speichert als Entwurf (nicht öffentlich sichtbar)
• “Publish” = Veröffentlicht den Artikel sofort auf der Website
• “Publish now” = Sofortige Veröffentlichung

📝 Schritt 3: Text formatieren mit Markdown

Grundlegende Formatierung:

# Überschrift 1 (Haupttitel)
## Überschrift 2 (Untertitel) 
### Überschrift 3 (Unterabschnitt)

**Fettgedruckter Text**
*Kursiver Text*

- Aufzählungspunkt 1
- Aufzählungspunkt 2
- Aufzählungspunkt 3

1. Nummerierte Liste Punkt 1
2. Nummerierte Liste Punkt 2
3. Nummerierte Liste Punkt 3

[Link-Text](https://beispiel-url.de)

> Dies ist ein Zitat oder wichtiger Hinweis

Praktische Beispiele:

So sieht es aus:

## Gaming News Update

Heute berichten wir über die **neuesten Entwicklungen** in der Gaming-Welt:

- *Neue Spiele-Releases*
- *Hardware-Updates* 
- *Community-Events*

Mehr Informationen finden Sie auf der [offiziellen Website](https://example.com).

> Wichtiger Hinweis: Alle Termine unter Vorbehalt!

🖼️ Schritt 4: Bilder und Medien hochladen

Bilder in Artikel einfügen:

1. Bild hochladen:

   • Klicken Sie im Editor auf das Bild-Symbol 📷
   • Wählen Sie “Choose images”
   • Laden Sie Ihr Bild hoch (JPG, PNG, GIF)

2. Bild einfügen:

   • Das Bild wird automatisch in den /images/uploads/ Ordner geladen
   • Es wird automatisch in Ihren Text eingefügt

3. Bild-Syntax (falls manuell):

   ![Bildbeschreibung](/images/uploads/mein-bild.jpg)

💡 Tipps für Bilder:

• Verwenden Sie aussagekräftige Dateinamen
• Optimale Bildgröße: Nicht größer als 2MB
• Empfohlene Auflösung: 1200px Breite für Blog-Header

🔄 Schritt 5: Artikel bearbeiten

Bestehende Artikel ändern:

1. Im CMS Dashboard: Klicken Sie auf den gewünschten Artikel
2. Bearbeiten: Nehmen Sie Ihre Änderungen vor
3. Speichern: Klicken Sie “Save” oder “Update”
4. Veröffentlichen: Die Änderungen sind sofort live

🕐 Automatische Speicherung:

Das CMS speichert Ihre Änderungen automatisch als Entwurf. Sie verlieren keine Arbeit!

🎯 Schritt 6: Best Practices für Blog-Beiträge

Struktur eines guten Blog-Artikels:

# Hauptüberschrift (aussagekräftig und SEO-optimiert)

## Einleitung
Kurze Zusammenfassung des Themas - was erwartet den Leser?

## Hauptinhalt
### Unterüberschrift 1
Ihr Inhalt hier...

### Unterüberschrift 2  
Weiterer Inhalt...

## Fazit
Zusammenfassung der wichtigsten Punkte

---
*Tags: gaming, news, update* (optional)

✅ Content-Tipps:

• Überschriften: Verwenden Sie aussagekräftige H2 und H3 Überschriften
• Absätze: Halten Sie Absätze kurz (2-3 Sätze)
• Listen: Nutzen Sie Aufzählungen für bessere Lesbarkeit
• Bilder: Mindestens ein Bild pro Artikel empfohlen
• Links: Verlinken Sie zu relevanten Quellen

🚨 Troubleshooting - Häufige Probleme

Problem: “Kann mich nicht anmelden”

Lösung:

• Prüfen Sie Ihre GitHub-Anmeldedaten
• Kontaktieren Sie den Administrator für Repository-Berechtigung

Problem: “Bild wird nicht angezeigt”

Lösung:

• Prüfen Sie den Dateinamen (keine Sonderzeichen, Leerzeichen)
• Bildformat: JPG, PNG oder GIF verwenden
• Bildgröße: Maximal 2MB

Problem: “Artikel erscheint nicht auf der Website”

Lösung:

• Prüfen Sie, ob Sie “Publish” statt “Save” geklickt haben
• Warten Sie 2-3 Minuten (Deployment-Zeit)
• Leeren Sie Ihren Browser-Cache (Strg+F5)

Problem: “Formatierung funktioniert nicht”

Lösung:

• Prüfen Sie die Markdown-Syntax (siehe Abschnitt 3)
• Leerzeilen zwischen verschiedenen Elementen einfügen
• Bei Listen: Leerzeile vor und nach der Liste

📞 Support und Hilfe

Bei technischen Problemen oder Fragen wenden Sie sich an:

• Administrator: Der DSL Affe
• GitHub Issues: Für technische Probleme
• Diese Anleitung: Bookmarken Sie diese Seite als Referenz

🎉 Los geht’s!

Sie haben jetzt alle Werkzeuge, um professionelle Blog-Beiträge zu erstellen!

Ihr erster Artikel könnte sein:

• Eine Vorstellung Ihrer Person
• Ein aktuelles Gaming-Update
• Eine Review zu einem neuen Spiel
• News aus der Streaming-Community

Tipp: Beginnen Sie mit einem kurzen Testartikel, um sich mit dem System vertraut zu machen.

---

Diese Anleitung wurde erstellt am: 10. August 2025
CMS Version: Decap CMS mit Astro Framework
Bei Fragen zur Anleitung: Sprechen Sie Ihren Administrator an.