发布Jupyter Notebook html说明

Question

我是编码的初学者，我正在尝试使用博客记录学习笔记。

我正在使用jupyter笔记本用于python，但找不到任何解决方案，只需将一段html代码复制到博客中即可。 我现在只能通过将示例/注释保存为图像来实现

有没有一种简单的方法可以做到这一点，例如在这 ？

Answer 1

有几种方法可以做到这一点，但我不确定它们中的任何一种都像你想象的那样快速/简单。 其中很多还取决于您使用的博客平台。 例如，您发布的第二个示例看起来更像是已经通过其博客平台进行复制/粘贴然后格式化的原始代码

这里有一些你可以尝试的东西，但它们都没有提供直接的“导出单元”功能。 他们还假设你只想要一个静态笔记本用于显示：

导出为HTML

转到File > Download as > HTML

这将为您提供一个HTML页面，其中包含所有细胞。 提取特定单元格在博客上发布并不是一件容易的事，但如果您只是想显示整个笔记本，那么您可以将所有内容都作为HTML上传到您的博客所在的任何位置。

它看起来就像你的完整笔记本：

导出基本HTML模板

您可以使用nbconvert为您的笔记本提供基本的HTML呈现。 打开终端，转到笔记本所在的目录并键入：

jupyter nbconvert name_of_notebook.ipynb --template basic

这将为您提供一个没有所有华丽风格的html页面。 这使您可以更轻松地将所需的特定单元格（作为HTML）复制/粘贴到博客中。 然后，您的博客需要一些样式/语法突出显示，使其看起来很漂亮

这看起来像是笔记本的简单渲染：

顺便说一下，第一个选项（导出完整的HTML页面）也在幕后使用nbconvert，只是没有--template basic参数

出口到降价

转到File > Download as > Markdown

如果您的博客平台支持markdown，您可以将笔记本导出为markdown文件而不需要所有样式，并将所需的单元格复制/粘贴到博客文章中。 同样，您需要一种在博客上设置样式的方法

这将为您提供基本的降价代码，您可以在任何地方复制/粘贴：

```python
a = 2
b = 5
print(a+b)
```

    7

上传到nbviewer

http://nbviewer.jupyter.org/

如果您将笔记本上传为github gist，或者在github repo或Web上的任何其他直接位置，您可以使用nbviewer将其呈现为一个漂亮的网页，但是您无法提取元素以放置在您的博客中确定这对你的目的有多大用处

在Wordpress上设置HTML / markdown样式

如果你使用wordpress作为你的博客平台，那么有一些有用的插件会让这个过程变得更容易：

• 如果您已导出markdown文件，则可以使用Jetpack等插件，该插件可在博客文章/页面中支持markdown
• 如果您已将代码复制/粘贴到博客文章中（通过复制HTML，降价或原始代码），您可以使用像Crayon这样的语法高亮显示器来设置它的样式
• 如果你真的希望你的代码看起来像一个jupyter笔记本单元，你可以使用像Simple Custom CSS这样的插件来设置自定义样式，但这需要相当多的工作。 有一些网站展示了如何设置CSS看起来像笔记本电脑单元（例如http://www.mianchen.com/wordpress-blogging-with-jupyter-notebook-in-five-simple-steps/ ）
• 如果您将笔记本上传为github gist，则可以使用oEmbed Gist将笔记本代码嵌入到帖子中

对于我自己的博客，我发现了最简单的解决方案，只需将原始代码直接复制/粘贴到我的博客文章中，然后在博客平台上使用插件（在我的案例中为Wordpress）来设置代码块的样式