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

Question

在 IPython 笔记本版本 3.0 之前，笔记本 headers 可以通过将其添加到“.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.

also see this question

这似乎不再起作用了。它隐藏了 headers，但它还在页面的顶部和底部留下了很大的空白。我不熟悉 javascript 和 css。有人找到解决方案了吗？

Answer 1

将此添加到您的个人资料中的 custom.css（例如 ~/.ipython/profile_default/static/custom/custom.css 对我来说）：

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

删除底部任何令人讨厌的灰色 space。此外，我将其添加到我的 custom.js（同一文件夹）以使用 ctrl-` 切换 header :

$([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;
    });
});

缺点是您可能会不小心将 header 部分滚动到页面之外，但只有当您在其上滚动时才会发生这种情况，这不是什么大问题，特别是如果您无论如何都希望它大部分隐藏。

Answer 2

在 ipython 3 中，#header 指的是页面顶部的完整组件，而不是像在 ipython 2 中那样只是图像横幅。

为了永久隐藏工具栏和header同时保留菜单，我添加了

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

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

Answer 3

结合@John_C 和@cknd 的答案并避免使用 `-key（这是我的（荷兰语）键盘布局上的死键），我将其添加到我的 ~/.ipython/profile_name/static/custom/custom.js :

$([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;
    });

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

});

Answer 4

我需要使用小型 raspberry pi LCD 为 jupyter 4/5 更新这项工作。

从 jupyter 4.x 开始，~/.jupyter/custom/custom.js

现在需要该脚本

我使用了这个功能，它不仅可以正常隐藏选项卡，还可以将持久栏移动到可滚动区域。我有没有提到这是在一个小液晶显示器上？我们需要每个像素！

define(['base/js/events'], function(events) {
  events.on('app_initialized.NotebookApp', function () {
    $('#header-container').toggle();
    $('.header-bar').toggle();
    $('div#maintoolbar').toggle();
    $('#site').prepend($("#header").detach());
    events.trigger('resize-header.Page');
  });
});

还需要使用 ~/.jupyter/custom/custom.css

消除底部边框

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

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

IPython/Jupyter notebook 3 - hide headers by default

customization

ipython

ipython-notebook

jupyter

jupyter-notebook