今天最優化老師安利了jupyter notebook，這玩意兒筆者以前隻在雲伺服器上玩過，算是徹頭徹尾的雲玩家吧hhh。為了不雲，還是安裝一下吧：
py -3.7 -m pip install jupyter notebook
啟動本地前端伺服器一看，這個UI的精美程度有點讓筆者這個深度pycharm自定義UI界面玩家難受，是以索性快速自學了一下怎麼自定義修改jupyter notebook的前端樣式。
最終效果我放在了github倉庫中，連結我附在了文章結尾。(｀・ω・´)
當然，你可以安裝jupyterthemes來快速“換裝”或者是調整一些全局樣式屬性。此處所講為自定義某些細節，比如背景圖檔。
首先進入該路徑：“C:UsersUSERNAME.jupytercustom”，這裡存放着渲染jupyter前端的CSS檔案和js入口檔案。入口檔案咱們自然不需要動，直接進入custom.css開始修改。
如果你和筆者一樣有過一點點做前端的項目經驗或者你很熟悉web端的布局，後面就簡單了。對于前端小白，大制做法是右擊“檢查”，進入網頁調試視窗，逐個讓光标劃過右邊的HTML代碼上的DOM元素。
當你感興趣的、想要修改的區域高亮了，那麼記住tooltip上顯示的類名，或者就是光标所在的HTML标簽中"class="後面的那一串。
這邊的字型筆者已經修改過了
然後在custom.css中修改，也就是加一行該類的樣式定義就行。
div
如法炮制，就可以修改整個頁面上的字型，及其大小。
接着，我們修改頁面的背景圖檔，為了美觀，我們将一些大元件的透明度設成0.7
/* body 順便設定背景圖檔*/
儲存CSS，再重新整理頁面看看：
效果還不錯(｀・ω・´)
登入界面加一個簡單的入場動畫吧：
/* 入場動畫 */
然後不要忘了在各個需要動畫載入的元素的樣式中加入animation: animatename 2.0s;
我的登入界面，将header透明度調為0.9，大量元素的hover的背景色設為#9999ff。除背景外，所有元素都有1.5-2.0的入場動畫
github倉庫位址：
LSTM-Kirigaya/a-simple-css-for-jupyter-notebookgithub.com