如何使用reveal.js将jupyter笔记本设置为幻灯片

Question

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

我跟着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"