jupyter-notebook - 如何在 IPython Reveal.JS 演示文稿中制作浮动图像？

Question

我想使用带有 RISE / Reveal.JS 扩展的 IPython Notebook 进行演示。

有没有办法在左侧的项目符号旁边的右侧有一个（浮动）图像（带标题）？

Answer 1

您可以使用 nbextension 拆分单元格。

如您所见，文档相当有限，但它非常易于使用。

基本上，您创建 2 个降价单元格，一个带有项目符号点，一个在下方带有图像和标题，然后您Shift-s在这两个单元格上运行，使它们都成为半单元格。

启动演示文稿后，第一个单元格将成为幻灯片的左侧，第二个单元格将成为幻灯片的右侧。

例如，这是我最近创建的演示文稿中的一张幻灯片。在左侧，我有一个标题，但当然，你可以有项目符号或任何你想要的。我故意使图像下方的标题非常小，因为它是图像的来源，但是您可以使用 html 自定义图像和标题的大小和样式，因为 Markdown 接受原始 html。

如果您对 html 不是很熟悉，并且如果它可以作为模板提供帮助，这里是我在第二个单元格中的 html（幻灯片的右侧）：

<figure style="display: table; margin: 0 auto">
  <center>
    <img src="img/vc_nw.png" width="850vmin" style="padding: 4vmin 0 0 0">
  </center>
  <div align="right" style="color: #978282; line-height: 0; font-size: 2vmin">
    <em>
      from <a href="http://geek-and-poke.com/">Geek&Poke</a>
    </em>
  </div>
</figure>

注意：我使用vmin代替px,em等来在不同尺寸的屏幕上进行适当的缩放。