jupyter-notebook - Jupyter nbconvert : extend reveal. js;在标题中添加样式和脚本

Question

如标题所示:我想扩展 jupyter 的 nbconvert 的 reveal 模板并添加一些自定义 <style type="text/css"> ... </style>和 <script> ... </script>在 </head> 结束之前的 block .

我目前正在使用 Linux 和 anaconda3 jupyter 4.7和 nbconvert 6.0.7 .

我在 ~/anaconda3/share/jupyter/nbconvert/templates/ 中创建了一个名为 reveal_extension 的文件夹与文件:

• conf.json
• base.html.j2

conf.json 是 reveal 模板的 conf.json 文件的副本，带有 "base_template": "reveal",

base.html.j2 是一个包含以下内容的新文件:

{%- extends 'reveal/base.html.j2' -%}

{%- block html_head -%}

{{ super() }}

<style type="text/css">
  CSS-code
</style>

<script>
 javascript-code
</script>


{%- endblock html_head -%} 

当我使用此模板编译我的 jupyter.ipynb 笔记本时，我使用 reveal.js 获得了有效输出，但没有我的额外代码。 jupyter nbconvert jupyter.ipynb --to slides --template=reveal_extension

当我在输出 jupyter.slides.html 文件中手动添加代码时，一切都按预期工作。

我做错了什么？

如何使用模板在 reveal.js 演示文稿中使用 nbconvert 插入额外的代码？

Answer 1

我认为您混淆了 Jinja 模板。根据nbconvert docs , index.html.j2 是主要的入口点。

如果我取大约你的base.html.j2 文件和

1. 重命名为 index.html.j2
2. 将 {%- extends 'reveal/base.html.j2' -%} 替换为 {%- extends 'reveal/index.html.j2' -%} >

我在转换后的 HTML 中获得了添加的代码。