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

Question

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

左边的子弹点旁边有没有办法让（浮动）图像（带有标题）？

Answer 1

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

如您所见，

The documentation相当有限，但使用起来非常容易。

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

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

作为示例，这是我最近创建的演示文稿中的幻灯片。在左侧，我有一个标题，但是，当然，您可以有项目符号或任何您想要的名称。我故意将图片下方的标题设为很小，因为它是图片的来源，但是您可以自定义图片和标题的大小和样式，因为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等在不同尺寸的屏幕上进行适当缩放。