使用jupytertheme和目录修复Jupyter笔记本工具栏

Question

以这种方式更改主题后，我正在运行jupyter笔记本

!jt -t oceans16 -T -N -kl

现在出现工具栏，但它与代码和目录重叠。如果我向下滚动笔记本，它将继续隐藏前几个单元格和目录：

一旦我恢复为默认状态，该操作就会停止

!jt -r

从这里您可以看到：

在我的jupytherthemes设置中或在nbextension的目录中是问题吗？

Answer 1

对我来说，目录和jupyter笔记本相互重叠。对于您的情况，请尝试使用下面的代码。您可以发挥70％的价值来获得与屏幕的完美匹配。

from IPython.core.display import display, HTML
display(HTML("<style>.container { width:70% !important; }</style>"))

Answer 2

~/.jupyter/custom/custom.css 中的代码使用 jupyter 主题的代码覆盖默认设置。
默认的 jupyter 设置没有重叠工具栏的问题。

下面的代码部分似乎导致了问题。简单地注释掉这一部分，如图所示。

/* 
div#maintoolbar {
 position: absolute;
 width: 90%;
 margin-left: -10%;
 padding-right: 8%;
 float: left;
 background: transparent !important;
}
#maintoolbar {
 margin-bottom: -3px;
 margin-top: 0px;
 border: 0px;
 min-height: 27px;
 padding-top: 2px;
 padding-bottom: 0px;
}
#maintoolbar .container {
 width: 75%;
 margin-right: auto;
 margin-left: auto;
}
*/

Answer 3

答案-如何恢复正常。 启动Jupyter note时，请勿运行上述命令，它将恢复正常。 M

此外，您可以将-display.max_columns之类的代码运行为“无”以默认运行。

%matplotlib inline  
pd.set_option('display.max_columns', None)  
pd.set_option('display.max_rows', 100)

Answer 4

默认设置

cmd：vim ~/.jupyter/custom/custom.css

%适合您的屏幕

Answer 5

在您的 ~/.jupyter/custom 文件夹中，编辑 custom.css 文件并删除行：position:absolute; 下的 div#maintoolbar {。这应该将工具栏设置为与默认 Jupyter 主题下的工具栏相同。

我还在 Nbextensions 的目录选项中取消选中“扩大显示区域以适应浏览器窗口”和“将笔记本的标题和菜单移动到左侧而不是居中”选项。我个人认为，当使用带有工具栏的目录时，这让我看起来更好。