手把手教你定制Jupyter Notebook主题和插件

目录

• 定制你的Jupyter Notebook！
• • 我的界面
  • 更换主题 - jupyterthemes
  • 安装插件 - Nbextensions

定制你的Jupyter Notebook！

刚开始从Atom Editor切换到Jupyter Notebook时，我的内心其实是有点拒绝的…亮瞎眼的白色界面，行数一多就满屏翻找代码，总觉得用起来不是很顺手。最近无意中发现原来Jupyter不仅可以更换背景主题，还可以安装很多超酷的插件！终于可以和Jupyter做好朋友啦！！

我的界面

先展示一下我更换主题后的界面样式：

如果你也喜欢类似这种风格的话，跟着我继续操作吧！

更换主题 - jupyterthemes

首先，我们给Jupyter Notebook换个主题：

1. 安装jupyterthemes

pip install jupyterthemes
           

2. 更新到最新版本

pip install --upgrade jupyterthemes
           

3. 设置主题，并个性化定制界面

jupyterthemes包括onedork、oceans16、grade3等9种主题，还可以根据自己的偏好来调整很多细节设置，比如字体样式和大小、Cell单元格比例、背景颜色、工具栏显示/隐藏等等。

• 查看所有主题列表： 先看一下可选择的各种主题名称

  jt -l
             

  得到主题列表：

  

  可以分别查看各个主题，从中选择一个自己最喜欢的样式，比如：

  oceans16：

  

  grade3：

  

• 设置主题：

  jt -t onedork
             

  我最后选择了onedork主题，黑色背景既保护眼睛又显得特别professional~

• 个性化定制界面：

  jupyterthemes允许我们在主题的样式细节上进行个性化定制。

  代码示例：

  jt -fs 12 -tfs 12 -ofs 11 -cellw 78% -altmd -T
             

  通过各种调试，最终我决定调大代码和输出的字体，调小Markdown文本字体，增加Cell单元格的长度，修改Markdown栏背景颜色，并显示工具栏。

  你可以参照下图的命令行参数，按照个人偏好来修改参数。

  

4. 最后，在使用时还要记得更换图表样式

如果不替换图表样式的话，图表输出是白底，同时黑色字体会和背景融为一体…像这样：

对图表样式进行设置：

• 导入：

  from jupyterthemes import jtplot

• 设置：

  jtplot.style()

  （没有参数时，会自动使用当前主题的图表样式）

调整以后的图表样式：

参考以上的步骤，主题我们就设置好啦~

其它更多详细内容请参考官方文档：https://github.com/dunovank/jupyter-themes

安装插件 - Nbextensions

更换好主题，接下来我们继续安装扩展插件：

1. 先安装nbextensions

pip install jupyter_contrib_nbextensions
           

（这个包比较大，要装上一会儿…泡杯茶~）

2. 继续安装javascript和css files（否则打开Jupyter后看不到Nbextensions标签）

jupyter contrib nbextension install --user
           

装好后，重新打开Jupyter Notebook，在起始页会发现多了一个Nbextensions标签：

点击打开标签，就可以开始勾选所有想要的插件啦。

如果安装时需要到了其他问题，可以参考官方文档：https://jupyter-contrib-nbextensions.readthedocs.io/en/latest/install.html

3. 常用插件推荐：

Nbextensions包括很多好用的扩展插件，可以一一点选查看功能。在这里我推荐一些我常用的功能（下图中红色标记的部分）：

• Table of Contents(2)

  一定要装的插件！一键生成目录，根据标题自动为每部分生成超链接，可以快速定位，再也不用满屏找代码了！

  目录默认会出现在左侧边栏，也可以拖成浮动窗口，并调整窗口大小。

  效果演示：

  

• Variable Inspector

  变量检查插件，可以收集所有定义的变量，并在浮动窗口中显示。窗口可以任意拖动位置、大小或者折叠。

  效果演示：

  

• Codefolding

  折叠代码，如下图：

  

• Snippets Menu

  集合了很多常用的代码片段，包括Pandas, Numpy, Python, Matplotlib等等。可以直接选择，再对代码进行修改。还可以添加自定义的代码片段。

  

• Hide Input All:

  隐藏所有代码部分，只显示输出和Markdown单元。

  安装插件后，点击这个眼睛的图标，即可一键隐藏代码：

  

• Scratchpad:

  超好用！可以在一个独立的空间内运行和测试代码，而不会修改当前notebook文件。

  Ctrl+B

  ：打开和关闭测试窗口

  Shift+Enter

  ：运行代码

  效果演示：

  

如果喜欢我分享的内容，记得点赞哦~❤️