如何使用 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"

How to set jupyter notebook to slides using reveal.js