Изменить версию ноутбука Jupyter 4.x + logo

Question

В версии ноутбука IPython 2.x вы можете добавить логотип, настроив папку .ipython/profile_name/static/base/images/logo.png, и отобразит пользовательский логотип, который мы сделали в заголовке ноутбука.

В Jupyter ноутбук версии 4.x, мы знаем, что они перемещаются в папку .jupyter/ вместо т.е. .jupyter/base/ и .jupyter/custom/custom.css. Однако, когда я пытаюсь настроить профиль по умолчанию в ~/.jupyter/base/images/logo.png, я больше не мог настраивать логотип.

Вопрос: Как настроить логотип в Jupyter версия ноутбука 4.x. Мне интересно, есть ли решение для пользовательских логотипов ноутбуков Jupyter (версия 4.x) или нет. Я привел пример снимка пользовательского логотипа ноутбука в предыдущей версии 2.x ниже.

Answer 1

Так вот быстрые решения благодаря @Eric комментарий (со ссылкой на this post). Во-первых, я добавляю logo.png в .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

logo.png Добавить в .jupyter/custom/logo.png. Затем добавьте следующие строки к .jupyter/custom/custom.css, чтобы загрузить логотип. С квадратным размером я видел смещение имени ноутбука при использовании 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; 
    }