是否可以从单独的文件中为Jupyter笔记本添加.css样式?

前端之家收集整理的这篇文章主要介绍了是否可以从单独的文件中为Jupyter笔记本添加.css样式?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我需要在Jupyter Notebook中渲染一些html表,为此我已经定义了自己的css样式.我希望它可以在任何PC上重复使用.

现在我需要在一个Jupyter单元格中运行这样的代码

%%html
<style>
.output_wrapper,.output {
    height:auto !important;
    max-height: none;
}
.output_scroll {
    Box-shadow:none !important;
    webkit-Box-shadow:none !important;
}

.package_header {
    width: 100%;
    background-color: #0e2b59;
    color: #ffffff;
    font-size: 14px;
    text-align: center;
    padding-top: 8px;
    padding-right: 8px;
    padding-bottom: 8px;
    padding-left: 8px;
}

.placeholder {
    width: 100%;
    background-color: #ffffff;
    height: 6px;
}

.passed_test_table {
  display: table;         
  width: 100%;         

  background-color: #ebffd3;                
  border-spacing: 5px;
}

# (...) rest of css classes omitted 
</style>

然而,我不想将这种风格存储在Jupyter Notebook中,而是存储在my_default_style.css等其他文件中,并以某种方式加载它,因此它不会占用太多空间,使得它的可读性降低.

是否可以从某些本地文件加载.css样式而不是直接在Jupyter Notebook单元格中运行它?

解决方法

如果您对所有笔记本的样式都适用,那么您可以将您的CSS存储在.jupyter / custom / custom.css中,这将自动加载并覆盖任何默认样式.

另一种方法是做这样的事情:

from IPython.core.display import HTML
import urllib2
HTML(urllib2.urlopen('[url to your css file here').read())

(自http://moderndata.plot.ly/custom-styling-for-ipython-notebooks-with-3-lines-of-code/起)

将css文件存储在某处(例如在Github上)并下载并在运行笔记本时应用它.

如果您希望它完全是外部的,请使用custom.css,但这将适用于每个笔记本.如果你需要它只适用于一个笔记本,那么你必须在笔记本中指定它,但是有更简洁的方法(如上所述).

猜你在找的CSS相关文章