Softonic

Markdown zu Folien

Schritt 1 / 3
Weiter

Schreibe Präsentationen so, wie du READMEs schreibst: Markdown-Überschriften, Aufzählungslisten, Codeblöcke, getrennt durch --- horizontale Regeln in Folien. Das Tool rendert dein Deck live mit Reveal.js (Themen: schwarz, weiß, einfach, solarisiert), unterstützt Sprechernotizen mit Note:, verschachtelte vertikale Folien mit -- und exportiert in eine eigenständige HTML-Datei oder ein druckfertiges PDF.

Wie Markdown zu einem Folien-Deck wird

  1. 1

    Markdown schreiben

    Verwende `---`, um Folien zu trennen. Standardüberschriften, Listen und Codeblöcke funktionieren wie gewohnt.

  2. 2

    Sprechernotizen hinzufügen

    Präfixiere einen Absatz mit `Note:`, er wird nur im Präsentationsmodus angezeigt.

  3. 3

    Deckvorschau

    Die Live-Vorschau zeigt das Deck mit Navigation über die Pfeiltasten.

  4. 4

    Wähle ein Thema

    Schwarz, weiß, league, sky, einfach, solarisiert, jedes Reveal.js-Thema.

  5. 5

    Exportieren

    Eigenständige HTML-Datei oder PDF über den Browser-Druck.

Die Folien-Syntax

# Eröffnungsfolie

Untertiteltext hier

---

## Zweite Folie

- Punkt eins
- Punkt zwei
- Punkt drei

Hinweis: Dies sind Sprechernotizen, die nur im Präsentationsmodus sichtbar sind.

---

## Code-Folie

\`\`\`python
def hello(name):
    return f"Hi {name}"
\`\`\`
  • --- (drei Striche in einer eigenen Zeile) beginnt eine neue horizontale Folie.
  • -- (zwei Striche) beginnt eine vertikale Folie innerhalb der aktuellen Folien-Spalte, drücke die Pfeiltaste nach unten, um abzusteigen.
  • Note: am Anfang eines Absatzes wird zu einer Sprechernotiz.

Tastaturnavigation

Taste Aktion
Rechts / Leertaste Nächste Folie
Links Vorherige Folie
Nach unten / Oben Navigiere im vertikalen Stapel
s Sprecheransicht öffnen
o Folienübersicht
f Vollbild
? Hilfedialog

Layout-Tricks

  • Zweispaltiges Layout: Verwende rohes HTML innerhalb einer Folie, <div class="columns">...</div>.
  • Fragmentanzeige: Aufzählungslisten animieren nacheinander mit dem {.fragment} Attribut, wenn du Reveal.js direkt verwendest. Füge es als rohes HTML hinzu, wenn du es benötigst.
  • Hintergrundbilder: Folienebene Attribut <!-- .slide: data-background="url" --> setzt einen vollflächigen Hintergrund.
  • Automatische Animation zwischen Folien: Reveal 4 unterstützt sanfte Übergänge für übereinstimmende Elemente, aktiviere es in den Themen-Einstellungen.

Exportieren nach PDF

Öffne aus der Live-Vorschau ?print-pdf in deiner Browser-URL und verwende den Druckdialog des Browsers. Wähle A4 im Querformat, Hintergrundgrafiken aktiv, minimale Ränder. Reveal.js gibt eine Folie pro Seite mit Sprechernotizen auf optionalen zusätzlichen Seiten aus.

Wann Markdown-basierte Folien glänzen

  • Technische Vorträge mit vielen Codebeispielen.
  • Inhaltlich fokussierte Decks, bei denen das Layout sekundär ist.
  • Dokumente als Folien, halte Präsentationen neben dem Projekt-README in git.
  • Versionskontrollierte Schulungsmaterialien.

Wann nicht

  • Designlastige Keynotes mit präziser Bildplatzierung.
  • Folien, die komplexe Animationen oder zeitlich abgestimmte Videos benötigen.
  • Markenregulierte Decks, bei denen Vorlagen jedes Detail diktieren.

Häufig gestellte Fragen

Ja, die reguläre Markdown-Bildsyntax funktioniert. Verwende absolute URLs oder lade zuerst Bilder hoch, damit sie aus dem exportierten HTML erreichbar sind.

Ja, optional. Der Druckmodus von Reveal unterstützt “Notizen als separate Seite”, jede Folie wird zu zwei PDF-Seiten, eine mit der Folie, eine mit den Notizen.

Nein. Das Rendering erfolgt lokal in deinem Browser. Der Markdown-Quelltext und das exportierte HTML verlassen niemals deinen Computer.

Ja. Füge einen <style>-Block oben in deinem Markdown hinzu oder verlinke ein externes Stylesheet in den Themen-Einstellungen. Es wird in die Reveal.js-Ausgabe eingefügt.

Das exportierte HTML ist eine eigenständige Datei, die auf jedem statischen Host läuft, GitHub Pages, Netlify, S3. Lade das HTML hoch und du bist fertig.

Verwandte Tools

ASCII-Tabelle Referenz

Vollständige ASCII-Tabelle von 0 bis 127 mit Dezimal-, Hex-, Oktal-, Binär- und numerischer HTML-Zeichenreferenz für jedes Zeichen, einschließlich Steuerzeichen wie NUL, LF und DEL.

HTML-Zeichenreferenz

Durchsuchbare Liste von HTML-Entitäten, ihren benannten und numerischen Codes sowie eine Ein-Klick-Kopie für Sonderzeichen und Symbole.

Farbrad-Explorer

Erforschen Sie das Farbrad interaktiv. Rotieren Sie Harmonien, vergleichen Sie HSL mit RYB, erkennen Sie komplementäre und triadische Paare in Echtzeit.

Referenz für Tastenkombinationen

Durchsuchen Sie dokumentierte Standardkürzel für VS Code, Chrome und Bash mit GNU Readline unter macOS, Windows und Linux.

Zufallsbuchstaben-Generator

Erzeugen Sie zufällige A-Z-Buchstaben. Wählen Sie Anzahl, Großschreibung, Kleinschreibung oder gemischte Schreibweise für Spiele, Aufgaben und Unterricht.

Regex-Spickzettel

Eine durchsuchbare Referenz für reguläre Ausdrücke in JavaScript, PCRE2/PHP, Python re und .NET. Vergleichen Sie Tokens, enginespezifische Syntax, Anker, Gruppen, Lookarounds und Flags.

Tool in anderen Sprachen verfügbar