HTML or Markdown presentation framework will make you love the lecture | Reveal.js | Reveal-md
2. Setting up reveal.js
3. Creating presentations using reveal.js
4. Epilogue (Delivering the reveal.js presentation)
5. Creating presentation using reveal.md
6. Generating PDFs/ Screenshots of the HTML presentations
Prologue (How I came to know about reveal.js)So, during my time at college, I had to deliver a presentation to a group of students and teachers from a special student cell regarding one of the emerging technologies of those times. My mentor at that time suggested me to use reveal for creating the presentation. I was sceptical in the beginning but as soon as I got the grip of it, I loved it. I went home and thought that it would be a difficult task but in the end, I ended up doing it just in two hours.
sudo apt-get install unzip
unzip file.zip -d destination_folder
forkthe code from the https://revealjs.com/. Click on the fork button or clone to repo to your local.
git clone [email protected]:hakimel/reveal.js.git
Creating presentations using reveal.jsOpen this file in your text editor. Inside the body, tags delete every section. Now create each section using the beginning and ending section tag. Each section is equivalent to one slide. Here is the reference of one equivalent slide.
Epilogue (Delivering the reveal.js presentation)So, there were somewhere around 100-200 students and teachers in the hall where I was delivering the presentation. The stage was at a good height, and I was going to show a good number of charts in my presentation. Before jumping on to the stage, I hosted the presentation on to GitHub pages website and created a short link using one of the services out there. Finally, I shared the link with everyone in the hall. Everyone opened the link on their phones and were able to look at the chart more clearly.
Creating presentation using reveal.mdWebpro created markdown presentation generator on the same lines of reveal.js. All you have to do in case of reveal.md is to write markdown and it will convert itself to reveal.js presentation. It is very useful and easy to use as markdown is fairly easy to use. To use reveal.md you will have to install it.
npm install -g reveal-md
# Reveal md presentation * Create Awesome presentation * Easy to write --- # Second slide * Talk about the benefits more
---is used to create a new slide.
reveal-mdcommand to run the presentation in the browser.
Generating PDFs/ Screenshots of the HTML presentationsSometimes, people share their presentation in a PDF format with their audience so that they can get it printed and go through the presentation whenever they want. I found this awesome HTML presentation PDF convertor, decktape. All you have to do is to install it locally and you will be good to go.
npm install decktape
decktapewas not working with Node version 12 for me. Please track the issue here. Apply the following command to create PDF of your presentation.
decktape reveal <path_of_reveal_presentation_file> abc.pdf
Did you enjoy reading or think it can be improved? Don’t forget to leave your thoughts in the comments section below! If you liked this article, please share it with your friends, and read a few more!