html - 如何在使用 django 构建的主页上显示 jupyter notebook？

Question

环境:

python 3.6
Django 1.11

我将一个.ipynb文件保存为.html，因为我想实现这个html来显示在我的主页上(还没有上线)。

我在主页上使用 Bootstrap 4.0 beta 作为样式。我有一个导航栏，它被继承到这个项目的任何 html 文件中，它工作得很好。

但是jupyter notebook的html文件只有在我不继承navbar的情况下才能正确显示。如果我尝试继承，导航栏将不再正确显示。

我的计划是建立自己的博客，在其中发布 markdown 文件(当我不包含 Python 或 R 代码时)或 jupyter notebook 或 rmarkdown notebook。

RMarkdown 或 Jupyter Notebooks 都可以转换为 html、markdown 或 pdf。但是在尝试了前两个之后，它不起作用。如您所知，如果在浏览器中打开，它们将完美显示。但是我当然想维护我已经实现的导航。

所以我希望你能给我一个提示，我该怎么做；我还是个初学者，尤其是 Django。但是我尝试了很多东西:

1. 我首先准备好主页并使用了 Django 应用程序 zinnia。我可以发布具有可用结果的 RMarkdown，但不能发布 Jupyter 笔记本(因为同样的问题)。
2. 我尝试将其转换为 Markdown 并在 Zinnia 中使用它，但结果更糟。
3. 试图操纵笔记本的 html 文件，但这并没有改变任何东西。
4. 尝试在终端中使用 nbconvert 手动转换(我认为这是相同的转换方法，因为没有区别)
5. 从头开始构建一个新页面(这次使用 bootstrap 4，而我第一次使用 3)。但同样的问题仍然存在。

唯一可行的方法是省略导航栏或省略样式。但显然其他人已经找到了完美的解决方案，因为网上有很多页面都很好地实现了 jupyter 笔记本。

我有一个 base.html，其中创建了导航栏并加载了 Bootstrap 样式。所有其他 html 文件都继承自该文件，如下所示:

{% extends 'base.html' %}
{% block content %}

(here is the individual html content or the html code of the jupyter notebook)

{% endblock %}

编辑:我刚发现这个:https://nipunbatra.github.io/blog/2017/Jupyter-powered-blog.html

看起来这个人在遇到同样的问题时找到了解决方法，但我无法理解所有内容。

如果您对我有任何提示，请告诉我。对于所有遇到相同问题的人，也许您可​​以使用该博文中的信息解决问题。

Answer 1

虽然我没有完美的解决方案，但我认为这只是有人花一些时间清理前端外观的问题。我不擅长 js 等，但在后端我做了一些事情。

• 将 nbconvert 与您博客中讨论的 basic 模板结合使用
• 在 Django 中使用 FileField 模型上传这个
• 为这些创建 View ；可能是列表和详细信息 View

还有待计算的是:

• 创建一个模板，使用基本的 html 文件并根据您的喜好使用样式表对其进行修饰

正如我所说，我已经完成了前三个步骤，但输出结果很糟糕。您也可以尝试使用 ipypublish用于 HTML 转换。 Jupyter 有一个博客对我来说很有趣，但我找不到任何关于他们如何或是否使用笔记本来制作它的文档......