Jupyter dizüstü bilgisayar sürümünü değiştirme 4.x + logo

Question

IPython dizüstü bilgisayar sürümü 2.x'da, .ipython/profile_name/static/base/images/logo.png klasörünü özelleştirerek logo ekleyebilir ve dizüstü bilgisayarın başlığında yaptığımız özel logoyu görüntüleyecektir. Jupyter dizüstü sürümü 4.x yılında

, biz onlar yerine .jupyter/ için .jupyter/base/ ve .jupyter/custom/custom.css yani dizin hareket olduğunu biliyoruz. Ancak, varsayılan profili ~/.jupyter/base/images/logo.png'da özelleştirmeye çalıştığımda, artık logoyu özelleştiremedim.

Soru şudur: Jupyter dizüstü sürümü 4.x'da özel logo nasıl yazılır. Özel Jupyter notebook logosuna (versiyon 4.x) bir çözüm bulunup bulunmadığını merak ediyorum. Aşağıda, önceki sürüm 2.x'da özelleştirilmiş dizüstü logosunun örnek görüntüsünü yazdım.

Answer 1

Yani burada @Eric comment (this post atıfta) hızlı çözüm sayesinde. Öncelikle logo.png'u .jupyter/custom/logo.png'a ekliyorum. Ardından, logoyu yüklemek için aşağıdaki satırları .jupyter/custom/custom.css'a ekleyin.

#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; 
} 

Ayrıca ekleyerek logosu dolgu yüksekliğini artırmak için bu css etiketi ekleyebilirsiniz:

#ipython_notebook { 
    height: 40px !important; 
} 

Answer 2

.jupyter/custom/logo.png içine logo.png ekleyin. Ardından, logoyu yüklemek için aşağıdaki satırları .jupyter/custom/custom.css'a ekleyin. Bir kare büyüklüğünde, titipad'ın CSS'si kullanıldığında dizüstü bilgisayar adının bir ofsetini görüyordum. Bu onu düzeltir.

#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; 
    }