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以加载徽标。在使用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;
    }

更改Jupyter笔记本版4.x +徽标

2 个答案: