如何为 nbconvert 修改 Jinja 模板？

Question

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

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

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

Example 1

Example 2

Example 3

Example 4

编辑：
Here 是我想出的向笔记本添加一点 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)

Answer 1

起初我不确定这是否是一个“真实”问题，因为笔记本和报纸之间存在显着差异！
但是，如果问题的目的是在 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 列布局。但是请注意，代码单元和图像可能会导致一些问题。