Folien gliedern
Nutze Überschriften, kurze Listen und `---` als Trennlinie zwischen den Folien.
Markdown in Web-Folien umwandeln
Erzeuge eine browserbasierte Präsentation mit Reveal.js. Drei Bindestriche trennen Folien; die heruntergeladene HTML-Datei lädt Bibliotheken von einem CDN und sollte vor dem Vortrag im vorgesehenen Netzwerk getestet werden.
Markdown-Eingabe
259 Zeichen
Web-Folien-Vorschau
<!DOCTYPE html>
<html lang="de">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>ilovemd-Folien</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/reveal.js@5/dist/reveal.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/reveal.js@5/dist/theme/white.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/reveal.js@5/plugin/highlight/monokai.css">
<style>
.reveal h1, .reveal h2, .reveal h3 { text-transform: none; }
.reveal section img { border: none; box-shadow: none; }
.reveal pre { font-size: 0.55em; }
.reveal blockquote {
border-left: 4px solid #e85d3c;
background: #fde8e2;
padding: 0.5em 1em;
font-style: normal;
}
.reveal table { font-size: 0.6em; }
.reveal code { color: #e85d3c; }
</style>
</head>
<body>
<div class="reveal">
<div class="slides">
<section><h1>Projektnotizen</h1>
<p>Ein übersichtliches Dokument beginnt mit einer <strong>klaren Struktur</strong>.</p>
<h2>Darauf kommt es an</h2>
<ul>
<li>Verständliche Überschriften</li>
<li>Funktionierende Links</li>
<li>Dateien, die sich weiterbearbeiten lassen</li>
</ul>
<blockquote>
<p>Prüfe vor dem Download die gerenderte Vorschau.</p>
</blockquote>
</section>
</div>
</div>
<script src="https://cdn.jsdelivr.net/npm/reveal.js@5/dist/reveal.js"></script>
<script src="https://cdn.jsdelivr.net/npm/reveal.js@5/plugin/highlight/highlight.js"></script>
<script src="https://cdn.jsdelivr.net/npm/reveal.js@5/plugin/markdown/markdown.js"></script>
<script>
Reveal.initialize({
hash: true,
slideNumber: 'c/t',
transition: 'slide',
plugins: [RevealHighlight, RevealMarkdown]
});
</script>
</body>
</html>Dateien werden in diesem Browser-Tab verarbeitet.
Markdown als Web-Präsentation ausgeben
Schreibe für die Leinwand kürzer als für ein Dokument.
Präsentation prüfen
Kontrolliere Code, Tabellen, Schriftgröße und die Menge an Text pro Folie.
Technik testen
Öffne die gespeicherte HTML-Datei im Präsentationsbrowser und prüfe Internetzugang oder verpacke Abhängigkeiten selbst für die Offline-Nutzung.
Browserpräsentation
Markdown als Reveal.js-Deck
Die Ausgabe ist eine eigenständige HTML-Datei mit einer webbasierten Folienansicht.
FolientrennerDrei Bindestriche teilen den Markdown-Text in einzelne Folien.
Technische InhalteUnterstützte Listen, Tabellen und Codeblöcke können in Folien verwendet werden.
Im Browser öffnenDie Präsentation läuft in einem modernen Browser und benötigt keine PowerPoint-Datei.
Geeignet für
Schnelle Präsentationen aus Text
Technische Vorträge
Pflege Code und Stichpunkte in einer versionierbaren Markdown-Datei.
Interne Besprechungen
Erstelle aus einer Gliederung eine einfache browserbasierte Präsentation.
Web-Verteilung
Gib das HTML-Deck weiter, wenn ein Browser als Abspielumgebung ausreicht.
Häufige Fragen
Häufige Fragen
Wie trenne ich zwei Folien?
Setze `---` auf eine eigene Zeile zwischen die beiden Markdown-Abschnitte.
Funktioniert die Präsentation ohne Internet?
Die derzeitige Datei lädt Reveal.js von einem CDN. Für verlässliche Offline-Nutzung musst du die Abhängigkeiten selbst lokal mitliefern.
Kann ich die Datei in PowerPoint öffnen?
Nicht als native Präsentation. Verwende den separaten PowerPoint-Konverter, wenn du eine bearbeitbare .pptx-Datei benötigst.