hostingweb-hostingreveal.js

How to host a reveal.js presentation


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.


Solution

    1. Create a new repository on GitHub

    2. Let’s call it reveal_HelloWorld

    3. Clone it on your local machine:

      git clone git@github.com:yourusername/reveal_HelloWorld.git
      
    4. Clone reveal.js on your local machine:

      git clone git@github.com: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