css - Jupyter 笔记本幻灯片 - 去除侧面的空白

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 笔记本的单元格宽度不同如何在浏览器中增加 Jupyter/ipython 笔记本的单元格宽度？

我搜索了很多，但无法找到这个问题的答案。我很感激任何帮助。

标签： cssjupyter-notebookreveal.jsnbconvert

Answer 1

将custom.css文件添加到您正在运行命令的同一文件夹中，并使其内容类似于：

.slides {
  width: 90% !important;
}

小心调整太多样式和设置!important标志，因为您可以在转换后的笔记本的其他地方快速获得意外行为。