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

Question

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

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

Answer 1

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

The documentation 如您所见，相当有限，但非常易于使用。

基本上，您创建 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等来在不同尺寸的屏幕上进行适当的缩放。