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

在IPython notebook 3.0版本之前，默认情况下，可以通过将其添加到“.IPython\profile\u default\static\custom\custom.js”（在Windows上）来隐藏笔记本标题：

或者对于Jupyter，“~/.Jupyter/custom/custom.js”，其中

IPython

替换为

Jupyter

这似乎不再有效了。它隐藏了标题，但也在页面的顶部和底部留下了很大的间隙。

---

我不熟悉javascript和css。有人找到了解决方案吗？

将此添加到您个人资料中的custom.css（例如~/.ipython/profile\u default/static/custom/custom.css）：

以清除底部任何令人讨厌的灰色空间。此外，我还将其添加到我的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;
    });
});

缺点是您可能会意外地将页眉部分从页面上滚动掉，但这只有在您滚动页眉时才会发生，而且这并不是什么大问题，尤其是如果您希望将其大部分隐藏起来。

在ipython 3中，

#header

指的是页面顶部的完整程序集，不仅仅是像ipython 2那样的图像横幅

要在保留菜单的同时永久隐藏工具栏和标题，我添加了

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

---

在我的

~/.ipython/profile\u name/static/custom/custom.js

中，我将@John\u C和@cknd的答案组合在一起，并避免了`-键（这是我（荷兰）键盘布局上的死键），我将它添加到了我的

~/.ipython/profile\u 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;
    });

});

---

我需要使用一个小的树莓皮液晶显示器来更新jupyter 4/5的这项工作

从jupyter 4.x开始，现在需要在

~/.jupyter/custom/custom.js中使用脚本

我使用了这个函数，它不仅正常地隐藏选项卡，还将持久条移动到可滚动区域。我有没有提到这是在一个小小的LCD上？我们需要每个像素

define（['base/js/events']，函数（events）{
events.on（'app_initialized.NotebookApp'，函数（）{
$（“#标题容器”）.toggle（）；
$（'.header bar'）.toggle（）；
$（'div#maintoolbar'）.toggle（）；
$（“#site”）.prepend（$（“#header”）.detach（）；
触发器（'resize-header.Page'）；
});
});

还需要使用
~/.jupyter/custom/custom.css消除底部边框

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

非常好用，谢谢！请注意：这会完全隐藏标题。我之前使用的解决方案保留了该行的菜单不变。因此，您现在确实必须使用ctrl+`快捷键。然而，我甚至更喜欢这种方式。除了利用全高之外，你还可以通过在
~/.ipython/profile\u default/static/custom/custom.css
中添加
.container{width:100%！important；}
。另外，如果你是偶然使用Jupyter笔记本，您需要
jupyter迁移
，以便相同的js和css文件在jupyter中工作-您可能还需要重新启动笔记本服务器，以便css更改生效。这应该是一个扩展
$([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;
    });

});

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