手把手教你定制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

  ：運作代碼

  效果示範：

  

如果喜歡我分享的内容，記得點贊哦~❤️