JupyterノートPCバージョン4.x +の変更

Question

IPythonノートブックバージョン2.xでは、フォルダ.ipython/profile_name/static/base/images/logo.pngをカスタマイズしてロゴを追加することができ、ノートブックのヘッダーに作成したカスタムロゴが表示されます。

ジュピターのノートブックバージョン4.xでは、ディレクトリが.jupyter/（.jupyter/base/および.jupyter/custom/custom.css）に変更されていることがわかりました。しかし、~/.jupyter/base/images/logo.pngのデフォルトプロファイルをカスタマイズしようとすると、私はロゴをカスタム化できませんでした。

質問はジュピターのノートブックバージョン4.xのカスタムロゴへ。私はカスタムJupyterのノートブックのロゴ（バージョン4.x）の解決策があるかどうか疑問に思っています。カスタマイズされたノートブック・ロゴのスナップショットの例を前のバージョン2.xに入れました。

Answer 1

は、だからここ@Ericコメント（this postを参照）への迅速なソリューションのおかげです。まず、を.jupyter/custom/logo.pngに追加します。次に、ロゴをロードするために、.jupyter/custom/custom.cssに次の行を追加します。

#ipython_notebook img{                       
    display:block; 
    background: url(logo.png) no-repeat; 
    background-size: contain; 
    width: 233px; 
    height: 33px; 
    padding-left: 233px; 
    -moz-box-sizing: border-box; 
    box-sizing: border-box; 
} 

また、追加することにより、ロゴパディングの高さを高めるために、このCSSのタグを追加することができます。

#ipython_notebook { 
    height: 40px !important; 
} 

Answer 2

を.jupyter/custom/logo.pngにlogo.pngを追加します。次に、ロゴをロードするために、.jupyter/custom/custom.cssに次の行を追加します。正方形のサイズでは、私はtitipadのCSSを使用するとノートブック名のオフセットを見ていた。これで修正されます。

#ipython_notebook img{                       
     display:block; 
     background: url(logo.png) no-repeat; 
     background-size: contain; 
     width: 33px; 
     height: 33px; 
     padding-left: 33px; 
     -moz-box-sizing: border-box; 
     box-sizing: border-box; 
    } 

    #header-container { 
     display: flex; 
     justify-content: space-between; 
    } 

    span#login_widget { 
     flex-grow: 1; 
     order: 4; 
     display: flex; 
     justify-content: flex-end; 
    } 

    span#save_widget { 
     flex-grow: 40; 
    }