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。

also see this question

这似乎不再起作用了。它隐藏了标题，但它也在页面的顶部和底部留下了很大的空白。我不熟悉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

Answer 3

将@John_C和@cknd的答案结合起来并避免使用`-key（这是我的（荷兰语）键盘布局上的死键），我将其添加到我的Debugger：

~/.ipython/profile_name/static/custom/custom.js

Answer 4

我需要使用小型的覆盆子液晶显示屏更新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 - 默认隐藏标题

4 个答案: