IPython/Jupyter笔记本3 - 默认隐藏标题

Question

在IPython笔记本版本3.0之前,默认情况下可以隐藏笔记本标题,方法是将其添加到".ipython\profile_default\static\custom\custom.js"(在Windows上):

$([IPython.events]).on("app_initialized.NotebookApp", function () {
    $('div#header').hide();
    $('div#maintoolbar').hide();
});

或者对于Jupyter,"〜/ .jupyter/custom/custom.js",IPython替换为Jupyter.

也看到了这个问题

这似乎不再起作用了.它隐藏了标题,但它也在页面的顶部和底部留下了很大的空白.我不熟悉javascript和css.有没有人找到解决方案呢？

Answer 1

将此添加到您的个人资料中的custom.css(例如〜/ .ipython/profile_default/static/custom/custom.css):

div#site{
    height: 100% !important;
}

删除底部任何令人讨厌的灰色空间.另外,我将此添加到我的custom.js(相同文件夹)以使用ctrl-`切换标题:

$([IPython.events]).on('notebook_loaded.Notebook', function(){
    $('#header').hide();

    IPython.keyboard_manager.command_shortcuts.add_shortcut('ctrl-`', function (event) {
        if (IPython.notebook.mode == 'command') {
            $('#header').toggle();
            return false;
        }
        return true;
    });
});

缺点是您可能会意外地将页眉部分地滚动到页面之外,但只有在您滚动页面时才会发生这种情况,这并不是什么大问题,特别是如果您希望它主要隐藏的话.

Answer 2

在ipython 3中,#header指的是页面顶部的完整程序集,而不仅仅是ipython 2中的图像横幅.

为了在保持菜单的同时永久隐藏工具栏和标题,我补充道

$([IPython.events]).on("app_initialized.NotebookApp", function () {
    $('div#header-container').hide();
    $('div#maintoolbar').hide();
});

对我的 ~/.ipython/profile_name/static/custom/custom.js