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

EN

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

正如您所看到的，The documentation相当有限，但它非常易于使用。

基本上，您创建了两个标记单元格，一个带有您的项目符号，另一个在下面包含您的图像和标题，然后对这两个单元格运行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等在不同大小的屏幕上进行适当的缩放。

​

​