Jekyll verwenden, um HTML-basierte Diashow-Präsentationen aus Markdown-Quellen zu generieren?

1243
incandescentman

Ich möchte glatte, HTML-basierte Diashows erstellen, um Präsentationen zu geben. Ich habe ein Paar gefunden, das mir gefällt, wie zum Beispiel scrolldeck.js .

Im Grunde handelt es sich dabei um eine statische Site innerhalb eines Ordners, dh eine einzelne Seite index.html mit einigen JavaScript-Dateien und einigen CSS-Dateien.

Das funktioniert so, dass das index.html-Dokument ein Gerüst enthält, das Sie mit Ihrem eigenen Folieninhalt ausfüllen können:

<div class="slide" id="what1"> <H1>Headline Goes Here</H1> <p>This is where the <strong>content</strong> of the slide would go.</p>  </DIV> 

Es wäre cool, wenn Sie Diashows aus Markdown-formatiertem Text erstellen können, anstatt in HTML zu schreiben.

  1. Ich habe gehört, dass Jekyll das vielleicht tun könnte. Bisher war die gesamte Jekyll-Dokumentation verwirrend und komplex. Gibt es ein Tutorial, wie man meine vorhandene index.html-Datei nimmt und Jekyll-Ausfüllmarkierungen so setzt, dass sie meinen Markdown-formatierten Textinhalt übernehmen und daraus automatisch meine HTML-Diaschau erstellen können?
  2. Gibt es einen besseren Weg als Jekyll?
  3. Gibt es andere HTML-basierte Diashows, die bereits aus der Markdown-Quelle zeichnen können? (Pandoc kann von Markdown in Slidy konvertieren, aber das Problem mit Slidy ist, dass es keine sichtbare Navigation gibt, und ich möchte, dass der Betrachter in der Lage ist, zu sehen, wo er sich im "Benutzerfluss" befindet und auf Wunsch herumspringt.)
1

1 Antwort auf die Frage

3
David Sanson

Pandoc kann Formatvorlagen in mehrere HTML-Folien konvertieren, einschließlich der Datei "show.js", die eine sichtbare Navigation umfasst. Reveal.js bietet auch Unterstützung für Markdown. Slideshow-s9 ist ein Rubin-Edelstein, der die Markdown-Konvertierung in eine Vielzahl gängiger HTML-Sildeshow-Formate unterstützt.