Installation der Asciidoctor und reveal.js Toolchain

Als ers­tes Ruby instal­lie­renHin­weis: Bei der Instal­la­ti­on alle Haken set­zen (set Path, …)

Auf der Kom­man­do­zei­le (oder als Skript) fol­gen­des aus­füh­ren:

rem gem sources --remove https://rubygems.org
rem gem sources -a http://rubygems.org/

call gem install asciidoctor -V --conservative
call gem install 'asciidoctor-revealjs' -V --conservative
call gem install --pre asciidoctor-pdf -V --conservative
call gem install coderay pygments.rb -V --conservative

Jetzt sind die Tools instal­liert und es kann kon­ver­tiert wer­den, etwa in PDF die example.adoc:

 

call asciidoctor-pdf example.adoc

oder mit reveal.js die Sli­de­show:

call asciidoctor-revealjs example.adoc

Bei reveal.js las­sen sich diver­se Ein­stel­lun­gen set­zen, die der Kon­ver­ter über­nimmt. Nutzt man Asciidoc FX heißt die Kon­fi­gu­ra­ti­ons­da­tei _settings_reveal.adoc. Hier fin­det man diver­se Varia­blen gesetzt:

  • revealjs_controls: Steue­rungs­ele­men­te/-pfei­le unten rechts in der Ecke an oder aus­blen­den
  • revealjs_progress: Lade­bal­ken zum anzei­gen des Fort­schritts inner­halb der Prä­sen­ta­ti­on ganz unten im Bild ein oder aus­blen­den
  • revealjs_slidenumber: Foli­en­num­me­rie­rung unten rechts unter den Steue­rungs­pfei­len (falls ein­ge­blen­det) an oder aus­blen­den
  • revealjs_history: Über­tra­gen von jedem Foli­en­wech­sel in den Brow­ser­ver­lauf an- oder aus­stel­len
  • revealjs_keyboard: Wech­sel der Foli­en durch Tas­ta­tur-Short­cuts an- oder aus­stel­len
    revealjs_overview: Erlau­ben, dass mit ESC in den Über­sichts­mo­dus gegan­gen wer­den kann
  • revealjs_center: Ver­ti­ka­les Zen­trie­ren der Foli­en an- oder aus­stel­len
  • revealjs_touch: Akti­vie­ren der Steue­rung durch Tip­pen über Tablets oder ähn­li­chen Gerä­ten zum wech­seln der Foli­en
  • revealjs_loop: Akti­vie­ren, dass nach der letz­ten Folie, beim Wech­sel nach Vor­ne, wie­der von der ers­ten Folie begon­nen wird. Ist loop deak­ti­viert, lässt sich bei der letz­ten Folie nur nach hin­ten (links) sprin­gen.
  • revealjs_rtl: Ist dies mit true akti­viert, so bewegt man sich beim Foli­en­wech­sel nicht nach rechts bzw. nach unten, son­dern nach links bzw. nach oben.
  • revealjs_shuffle: Ist dies mit true akti­viert, so wer­den die Foli­en beim Wech­sel in einer zufäl­li­gen Rei­hen­fol­ge durch­ge­gan­gen
  • revealjs_fragments: Glo­ba­les Ein- oder Aus­stel­len der Ver­wen­dung von Frag­men­ten
  • revealjs_embedded: Zeigt an ob die Prä­sen­ta­ti­on in einem ein­ge­bet­te­tem Modus läuft, z. B. in einem limi­tier­ten Teil der Bild­schirm­grö­ße
  • revealjs_autoslide: Hier kann durch Anga­be in Mil­li­se­kun­den ein auto­ma­ti­sches Navi­gie­ren durch dir Foli­en ein­ge­stellt wer­den
  • revealjs_autoslidestoppable: Wenn akti­viert, wird auto­ma­ti­sches Navi­gie­ren bei belie­bi­gem Nut­zer-Input wie­der deak­ti­viert
  • revealjs_autoSlideMethod: Aus­wahl ver­schie­de­ner Metho­den für auto­ma­ti­sches Navi­gie­ren (z. B.: Reveal.navigateNext)
  • revealjs_showNotes: Akti­vie­ren ob Laut­stär­ke­an­zei­gen, ein- oder aus­ge­blen­det wer­den sol­len
  • revealjs_mousewheel: Akti­vie­ren des Maus­ra­des zum navi­gie­ren inner­halb der Foli­en
  • revealjs_hideadressbar: Ver­ste­cken der Adress­leis­te auf mobi­len Gerä­ten
  • revealjs_previewlinks: Akti­vie­ren, dass bei Klick auf einen Link inner­halb einer Folie, die­ser in einem iframe geöff­net wird
  • revealjs_transition: Metho­de für einen Foli­en­über­gang wäh­len; es gibt: default, none, fade, sli­de, con­vex, con­ca­ve, zoom
  • revealjs_transitionspeed: Ein­stel­lung der Geschwin­dig­keit des Foli­en­über­gangs; none, fast oder slow mög­lich
  • revealjs_backgroundtransition: Anga­be der Metho­de zur Anzei­ge des Über­gangs­ef­fekt des Hin­ter­grunds beim Foli­en­wech­sel. Zur Aus­wahl gibt es: none, fade, sli­de, con­vex, con­ca­ve und zoom
  • revealjs_viewdistance: Anzahl der sicht­ba­ren Foli­en in der Prä­sen­ta­ti­on, aus­ge­hend von der aktu­el­len Folie  (default soll­te 3 sein)
  • revealjs_parallaxbackgroundimage: Sich mit­be­we­gen­des Hin­ter­grund­bild wäh­len (z. B.: revealjs_parallaxbackgroundimage: https://s3.amazonaws.com/hakim-static/reveal-js/reveal-parallax-1.jpg‘ )
  • revealjs_parallaxbackgroundsize: Grö­ße (Höhe, Brei­te) des Bil­des bestim­men in px (z. B. revealjs_parallaxbackgroundsize: ‚600px 400px‘))

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.