css - Jupyter notebook 幻灯片 - 删除两侧的空白

Question

我使用以下命令将我的 jupyter notebook 转换为幻灯片:

jupyter nbconvert Jupyter\ "test.ipynb" --to slides --reveal-prefix "https://cdnjs.cloudflare.com/ajax/libs/reveal.js/3.1.0"

现在，我有一个 html 幻灯片文件，我可以看到我的幻灯片。如何删除/减少每张幻灯片右侧和左侧的白色边框？

我的问题不同于增加 Jupyter/ipython 笔记本的单元格宽度 How do I increase the cell width of the Jupyter/ipython notebook in my browser?

我搜索了很多，但没能找到这个问题的答案。感谢您的帮助。

Answer 1

将 custom.css 文件添加到您运行命令的同一文件夹中，内容如下:

.slides {
  width: 90% !important;
}

在调整太多样式和设置 !important 标志时要小心，因为您很快就会在转换后的笔记本中的其他地方出现意外行为。