Search code examples
pythonslideshowjupyter-notebookreveal.jsnbconvert

How to Host iPython nbconvert slides on GitHub Pages


I'm trying to host my iPython slides on GitHub pages and make it available publicly as a slideshow. I created the slide using:

jupyter nbconvert make_presentation.ipynb --to slides --post serve

which created make_presentation.slides.html. The slideshow works fine locally as expected. I configured a new GitHub repo and it successfully serve Reveal.js test page: http://richardafolabi.github.io/Presentation_js/index.html

However, once on GitHub pages, my slides only shows static html page instead of slideshow: http://richardafolabi.github.io/Presentation_js/make_presentation.slides.html

Both index.html and make_presentation.slides.html are in the same directory level.

Anyone has any idea why my slides work locally but doesn't work remotely? What other hosting options are out there for iPython slides?


Solution

  • The problem are the paths to reveal.js assets. You are trying to load :

    http://richardafolabi.github.io/Presentation_js/reveal.js/js/reveal.js

    but the correct path is:

    http://richardafolabi.github.io/Presentation_js/js/reveal.js

    Try changing the paths to all assets and it will work ;-) Remove 'reveal.js/' of all of them.

    Or change the assets folder, maybe is faster.