5

在 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。有没有人找到解决这个问题的方法？

4

4 回答 4

10

将此添加到您的个人资料中的 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;
    });
});

缺点是您可能会不小心将页眉部分滚动到页面之外，但这只有在您滚动它时才会发生，这没什么大不了的，特别是如果您无论如何都希望它隐藏起来。

于 2015-03-11T12:15:12.440 回答
5

在 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

于 2015-03-16T17:39:11.883 回答
2

结合@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;
    });

});
于 2015-05-11T06:38:28.843 回答
1

我需要使用小型树莓派 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;
}
于 2017-02-03T19:58:15.837 回答