【Python】美化 Jupyter Notebook 格式就没输过谁！

叉烧豚骨面

已于 2024-01-05 17:29:08 修改

阅读量1.3k

点赞数

文章标签： python jupyter 人工智能 python零基础 python入门

于 2023-01-09 12:03:41 首次发布

本文链接：https://blog.csdn.net/CSDN_430422/article/details/128611275

版权

在这里插入图片描述
结构和风格的重要性在编码世界中从未如此明显。在Jupyter笔记本中通过自定义布局、颜色和单元格样式为你的代码添加维度是非常容易的，这将确保你的辛勤工作是值得注意的、引人注目的和令人难忘的。

我的博文概述并解释了各种方法，这些方法将使你的笔记本的界面、标记和编码单元发生蜕变。这些方便的演示技巧将确保你的下一个项目在视觉上有吸引力，有条不紊，非同一般

在进一步说明之前，让我们深入了解一下吧!

1. 整体界面 - Jupyter 主题

安装Jupyterthemes

!pip install jupyterthemes
!pip install --upgrade jupyterthemes

仔细阅读可用的主题清单

!jt -l

应用你选择的主题

!jt -t <主题名称>

我在下面展示了所有可用的Jupyter笔记本主题。
在这里插入图片描述

所有可用的Jupyter笔记本主题

注: 第一次可能需要重新启动Jupyter笔记本来激活主题，之后只需运行代码jt -t ，点击shift+enter并重新加载笔记本就可以了。

重置为默认主题

!jt -r

2. Markdown

首先，什么是Markdown？

Markdown是一种用于格式化文档的人类可读语言。我们可以把它的效用比作微软Word主功能区下的文本格式化工具。粗体、斜体、标题、字体大小、缩进、字体颜色、创建列表等等
在这里插入图片描述

Jupyter笔记本允许我们在一个文件中结合markdown文本和代码，以产生更好的文件化工作流程。这种markdown允许你使用原始HTML来操作文本格式。
在这里插入图片描述

就像蟹皇堡的汉堡包一样，markdown文本往往被封闭在开放和封闭的HTML标签之间
要将Jupyter笔记本的代码单元转换为markdown，只需在单元内点击Esc+m。

a. 标题

#HEADING
##HEADING
###HEADING
####HEADING

渲染后的输出。
在这里插入图片描述

注意：确保在 "#"和你的标记文本之间有一个空格，否则标记文本将不能正确显示。

b. 粗体

Bold Text

渲染后的输出。
在这里插入图片描述
c.斜体字

Italicized text

渲染后的输出。
在这里插入图片描述
补充：如果你希望你的文本是斜体和粗体，请将你的文本笼罩在六个星号之间，如下所示。

Bold and Italicized Text

渲染后的输出。

d. 对齐

默认情况下，Jupyter Notebooks文本是左对齐的。

右对齐

为了使文本右对齐，我们将文本包围在一个开放和关闭的p标签和一个内联的 CSS “样式” 属性之间。

在这里插入图片描述

渲染后的输出。
在这里插入图片描述

中心化

要使文本居中，我们只需将文本包围在中心标签之间。
在这里插入图片描述

渲染后的输出。
在这里插入图片描述
e.突出显示文本

为了突出显示文本，我们将文本包围在一个开放和关闭的标记标签之间。

在这里插入图片描述

渲染后的输出。
在这里插入图片描述

f.背景颜色
在这里插入图片描述

渲染后的输出。

在这里插入图片描述
g. 换行

添加换行符有助于将你的文件分成若干部分，使其结构化。

在这里插入图片描述

渲染后的输出。

此外，换行符也可以与其他HTML标签一起使用，以加强格式化，如下所示。
在这里插入图片描述

h.警示短信

警报是我最喜欢的markdown格式化语法，因为它们可以立即使嵌入其中的任何编码笔记本变得生动起来有4种方法可以将HTML警报样式应用到你的markdown中。

#Blue Background

Example text highlighted in blue background

#Green Background

Example text highlighted in green background.

#Yellow Background

Example text highlighted in yellow background.

#Red Background

Example text highlighted in red background.

注意：由于红色往往带有负面的含义，在专业场合避免使用红色背景，除非你想突出负面的趋势或观察。

渲染后的输出。
在这里插入图片描述
i.下划线

为了给markdown文本加下划线，我们使用开放和关闭u标签。

Underlined Text

渲染后的输出。

j. 字体颜色

Markdown文本的颜色可以通过HTML字体标签来改变。
在这里插入图片描述

注意：你也可以使用十六进制颜色代码来代替颜色名称。请查看
https://redketchup.io/color-picker，以玩转不同的色调!

k. 符号

虽然我们可以在markdown中编码的符号的选项是无限的，但让我们来探索一些箭头符号。

注：被用作文本中断标签。

➤ Bullet point one
➟ Bullet point two
➣ Bullet point three
➡ Bullet point four
➠ Bullet point five
➞ Bullet point six
➝ Bullet point seven
➜ Bullet point eight

渲染后的输出。
在这里插入图片描述

更多符号，请访问https://coolsymbol.com/

l. 字体的风格

查看
https://tools.picsart.com/text/font-generator/，了解可以复制和粘贴到Jupyter笔记本Markdowns的字体。

m. 缩进

Text that will be indented upon rendering

渲染后的输出。
在这里插入图片描述
n. 列表
有序列表

##List Title

First bullet pointSecond bullet point 2.
(i) Subpoint 1
(ii) Subpoint 23. Third bullet point

无序列表

##List Title

First bullet point
Second bullet point
Third bullet point

渲染后的输出。
在这里插入图片描述

3. 代码单元格

信不信由你，它也可以在Python打印语句中对代码进行格式化。这样做，完全改变了你的代码的表现形式，使它更容易理解和吸引人。

当你第一次看到这些HTML标签时不要惊慌–我们将多次使用它，它很快就会成为你的第二天性。

a.粗体字

print(‘\033[1;3m This is bold\033[0m’)

渲染后的输出。
在这里插入图片描述

我们再仔细分析一下打印语句中的代码。
在这里插入图片描述

请注意，开始和结束标签都必须在开始时包含一个/033。

对于b和c部分：我们可以完全忽略结束标签，因为它在整个过程中保持不变。相反，我们将篡改起始标签中的数字，以解锁非常有趣的格式化选项。

b.代码颜色

(i) 有色文本

print(‘\033[31;3m This is red\033[0m’)
print(‘\033[32;3m This is green\033[0m’)
print(‘\033[33;3m This is yellow\033[0m’)
print(‘\033[34;3m This is blue\033[0m’)
print(‘\033[35;3m This is pink\033[0m’)
print(‘\033[36;3m This is skyblue\033[0m’)
print(‘\033[37;3m This is grey\033[0m’)

渲染后的输出。

在这里插入图片描述

(ii)黑体字的文字

print(‘\033[1;31m This is bold red \033[0m’)
print(‘\033[1;32m This is bold green\033[0m’)
print(‘\033[1;33m This is bold yellow\033[0m’)
print(‘\033[1;34m This is bold blue\033[0m’)
print(‘\033[1;35m This is bold purple\033[0m’)
print(‘\033[1;36m This is bold teal\033[0m’)
print(‘\033[1;37m This is bold grey\033[0m’)

渲染后的输出。

在这里插入图片描述

c.背景颜色

print(‘\033[1;40mBlack background - Bold text\033[0m’)
print(‘\033[1;41mRed background - Bold text\033[0m’)
print(‘\033[1;42mGreen background - Bold text\033[0m’)
print(‘\033[1;43mYellow background - Bold text\033[0m’)
print(‘\033[1;44mBlue background - Bold text\033[0m’)
print(‘\033[1;45mPink background - Bold text\033[0m’)
print(‘\033[1;46mLight Blue background - Bold text\033[0m’)
print(‘\033[1;47mLight Grey background - Bold text\033[0m’)
在这里插入图片描述