Question

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

我正在使用jupyter笔记本用于python，但找不到任何解决方案，只需将一段html代码复制到博客中即可。我现在只能通过saving examples/notes as an image

来完成

有没有一种简单的方法，例如this？

Answer 1

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

这里有一些你可以尝试的东西，但它们都没有提供直接的＆＃34;导出单元＆＃34;功能。他们还假设您只需要一个静态笔记本进行显示：

导出为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或网络上的任何其他直接位置，你可以使用nbviewer将其渲染为漂亮的网页，但你无法提取元素放置在您的博客中，因此不确定这对您的用途有多大用处

在Wordpress上设置HTML / markdown样式

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

如果您已导出了降价文件，则可以使用Jetpack这样的插件，该插件可在博客文章/页面中支持降价
如果您已将代码复制/粘贴到博文中（通过复制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）来设置代码块的样式