This backend is used to convert an AsciiDoc document to a HTML5 slide presentation driven by a DZSlides fork.
First, download (or git clone) the asciidoctor-backends repository to a convenient location.
$ git clone https://github.com/asciidoctor/asciidoctor-backends.git
Next, clone the dzslides repository into your working directory (where your AsciiDoc document resides).
$ git clone https://github.com/mojavelinux/dzslides.git
If you list the files in your working directory, you should see:
slides.adoc dzslides/
There are some attributes that can be set at the top of the document which they are specific of dzslides backend.
Attribute | Description | Example |
---|---|---|
|
Link instead of embed the dzslides assets |
|
|
sets the CSS theme |
|
|
sets the type of slide transition |
|
|
sets the fonts to import |
|
|
sets the highlight.js theme |
|
Note
|
You can also specify a custom stylesheet using the stylesheet attribute, which can be used to customize AsciiDoc elements like section, paragraph, images, etc… |
= DZSlides Demo
Your Name
:backend: dzslides
:dzslides-style: stormy
:dzslides-transition: fade
:dzslides-fonts: family=Yanone+Kaffeesatz:400,700,200,300&family=Cedarville+Cursive
:dzslides-highlight: monokai
:source-highlighter: highlightjs
[.topic.intro]
== Intro
== !
*Title*
== !
[.incremental]
* dzslides
* deckjs
[.topic.source]
== Source
[source,ruby]
--
puts 'Hello, World!'
--
[.topic.ending]
== Fin!
You can see some more complete examples here.
First, make sure Asciidoctor, Tilt and Slim are installed:
$ gem install asciidoctor tilt slim
Then, to render your presentation as HTML5, simply execute the command:
$ asciidoctor -T <backend directory> -E slim <asciidoc file>
So for the above dzslides backend you’d use:
$ asciidoctor -T /path/to/asciidoctor-backends -E slim <asciidoc file>