0

我正在尝试寻找其他方式来显示我的 IPython Notebooks。

我目前正在做的是修改这里找到的 Jinja 模板 (C:\Anaconda\Lib\site-packages\ipython-1.1.0-py2.7.egg\IPython\nbconvert\templates)，然后简单地使用 nbconvert 命令行工具将它们导出到 HTML 文件中。此方法有效，但我一直无法修改笔记本的实际布局。

下面是一些关于我希望我的笔记本看起来如何的示例。

示例 1

示例 2

示例 3

示例 4

编辑：
这是我想出的向笔记本添加一点 html 代码的方法。

示例代码： 

from IPython.display import HTML

bottom = """

<div style="background:darkblue;color:white;border-radius:10px 10px 10px 10px;">
<br>
      <div class="container-fluid">

      <div class="row-fluid">
        <div class="span12">
          <!--Sidebar content-->
          <font size="5"><strong><p>A powerful course of study for:</p></strong></font>
          <br>

          <ul>
            <li>The basic foundation for Data Analysis</li>
            <li>Hands-on experience with seasoned professionals</li>
            <li>Entry-level IT professionals seeking a strong foundation</li>
            <li>Managers who manage small to large scale analytical projects</li>
          </ul>
      </div>

      </div>      
      </div>
</div>

"""

HTML(bottom)
4

1 回答 1

0

起初我不确定这是否是一个“真实”的问题，因为笔记本和报纸之间存在显着差异！
但是，如果问题的目的是在 nbconverted 笔记本中获取多列，我建议在谷歌上搜索html multicolumn. 在那里你会发现一些选项，包括基于 CSS 的样式。
使用这种方法只需复制 html_full 模板并添加一个 div 样式

div.mcolumn {
    -webkit-colums: 3 200px;
    -moz-column-count: 3;
    -moz-column-width: 200px;
    columns: 3 200px;

    -moz-column-gap:30px; /* Firefox */
    -webkit-column-gap:30px; /* Safari and Chrome */
    column-gap:30px;

    -moz-column-rule:1px dotted #aaaaaa; /* Firefox */
    -webkit-column-rule:1px dotted #aaaaaa; /* Safari and Chrome */
    column-rule:1px dotted #aaaaaa;
}

将整个页面（正文块）嵌入到这个 div 中，瞧，你有一个 3 列布局。但是，请注意代码单元和图像可能会导致一些问题。

于 2013-10-27T09:24:09.893 回答