How to host a reveal.js presentation

Question

I'm new to all this web development things (I only know to do things in local). I did a presentation using reveal.js and I would like to be able to see it online (on my phone for example). I know that I should host it but I don't really know how to do it. I try to do it using slide (the online editor of reveal.js), but I can't add script and this kind of stuff (I'm using highcharts inside my presentation). If you could give me some advice, procedures it will be nice.

Answer 1

1. Create a new repository on GitHub

2. Let’s call it reveal_HelloWorld

3. Clone it on your local machine:

   git clone [email protected]:yourusername/reveal_HelloWorld.git
   

4. Clone reveal.js on your local machine:

   git clone [email protected]:hakimel/reveal.js.git
   

5. Move the content of reveal.js folder into the reveal_HelloWorld folder

6. Modify the index.html file

7. Create and switch to a new branch

   git checkout -b 'gh-pages'
   

8. Push

   git push
   

9. From the GitHub website repo settings:

   1. Set the ‘gh-pages’ branch as default
   2. Delete the ‘master’ branch

You are done.

The slides are published at yourusername.github.io/reveal_HelloWorld.

Source: How to deploy Reveal.js presentations on Github

Screencast: https://vimeo.com/241196662

Credit: Angelo Basile

Answer 2

Nowadays (October, 2016) you don't need to create a specific branch (gh-pages) anymore. Create your repo then select 'Settings -> Options'. There is a 'GitHub Pages' panel where you can set any branch to be published as web pages.