如何使用Reveal.js将Jupyter Notebook设置为幻灯片

时间:2019-02-25 13:36:00

标签: python jupyter-notebook markdown slideshow reveal.js

我正在尝试使用Jupiter笔记本制作幻灯片,因此可以在上面嵌入代码。

我按照reveal.js创建了一个html幻灯片。 https://www.youtube.com/watch?v=EOpcxy0RA1A

但是最后,我没有看到箭头从一张幻灯片切换到另一张幻灯片

google-chrome MySlide.slides.html 
firefox MySlide.slides.html 

我做了同样的事情,但是我不确定为什么我没有带箭头的幻灯片。我要一次获取整个页面。

我做错了什么?如何获得带有箭头的演示文稿?我正在使用ubuntu 18.04

enter image description here

1 个答案:

答案 0 :(得分:1)

在直接在浏览器中打开html文件时,您看不到幻灯片。

相反,可以从命令行将.ipynb文件转换为:

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

然后在浏览器中查看幻灯片,包括导航箭头,导航至:

http://127.0.0.1:8000/MySlides.slides.html#/

Jupyter应该提示您导航到该地址,方法是打印到std_out之类的

Serving your slides at http://127.0.0.1:8000/MySlides.slides.html

如果无论您是否在本地提供服务,都希望使用reveal.js查看幻灯片,则可以通过指向外部的reveal.js安装来实现:

jupyter nbconvert MySlides.ipynb --to slides --reveal-prefix  "https://cdnjs.cloudflare.com/ajax/libs/reveal.js/3.3.0"