朱莉娅笔记本自定义 css答案

【问题标题】：Julia notebook custom css朱莉娅笔记本自定义 css
【发布时间】：2015-10-25 22:34:10
【问题描述】：

是否可以自定义单元格颜色和笔记本输出，例如 IJulia 笔记本中的数据框（使用 julia）。例如，在python中，我们可以这样做

Python 笔记本

from IPython.core.display import HTML
css = open('style.css').read() 
HTML('<style>{}</style>'.format(css))

style.css

table.dataframe th:not(:empty) {
    background-color: #FFCCFF;
    text-align:left;
    font-weight: bold;
    font-family: monospace;
}
table.dataframe tr:nth-child(2) th:empty {
    border-left: none;
    border-right: 1px dashed #888;
}
table.dataframe td {
    border: 2px solid #ccf;
    background-color: #f4f4ff;
}

【问题讨论】：

标签： css julia jupyter

【解决方案1】：

从查看 IJulia 源代码来看，似乎没有直接从包中更新样式的方法。

自定义 IJulia CSS 的最简单方法（假设您使用的是jupyter 0.4）是将您的自定义添加到~/.jupyter/custom/custom.css。如果该目录不存在，只需创建它，您的自定义样式应该会自动加载。

来源：How do I set custom CSS for my IPython/IHaskell/Jupyter Notebook?

【讨论】：

@AtomicScience 您使用的是什么版本的 jupyter？另外，请尝试在此处设置自定义 css：~/.ipython/profile_default/static/custom/custom.css
Jupyter 4.0.6。检查网页源会显示一个 custom/custom.css 文件。但是文件内容是/* Placeholder for custom user CSS mainly to be overridden in profile/static/custom/custom.css This will always be an empty file in IPython */。在该位置添加 custom.css 文件也没有帮助。
嗯。从消息中可以清楚地看出 Jupyter/IPython 希望您放置自定义 CSS 的位置。如果它没有加载，我可能会在 jupyter 项目中raise an issue - 他们可能会帮助你解决你的具体问题。

【解决方案2】：

这似乎有效

file = open("styletableJul.css")
styl = readall(file)
HTML("$styl")

【讨论】：

Julia DataFrames 包有 css 类 data-frame 而不是 dataframe

【解决方案3】：

Jupyter 允许使用 Javascript 代码渲染输出。使用 Javascript，您可以真正使用 DOM（浏览器页面表示）并获得不同的外观。我的小测试示例是：

In[356]: HTML("<script>tt = \$(\".output_prompt\"); tt[tt.length-1].style.color=\"green\"</script><em>hello</em>")

结果是：

输出[356]：你好

但有一个绿色的Out[356]（它有output_prompt 类）。让 JavaScript 代码更改样式可能很烦人。也可以使用 Javascript 以编程方式真正包含 CSS 样式表。您已经加载了一些默认库来帮助您（JQuery） - 但恐怕我不是 Jupyter 专家。

【讨论】：

虽然该解决方案似乎有效，但从@user3580870 方法中实现了一种更简单的使用css的方法。谢谢。
您能与我们分享这种方式吗？有可能我或其他人有时需要这样做。