如何使用reveal.js将jupyter notebook设置为幻灯片

Question

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

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

但最后，我没有得到从一张幻灯片切换到另一张幻灯片的箭头

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

我做了同样的事情，但我不知道为什么我没有得到带有箭头的幻灯片。我一次得到整个页面。

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

Answer 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"