查找CSS元素以更改ipython(juypter)笔记本的主题

时间:2017-03-10 23:07:19

标签: python css ipython jupyter-notebook jupyter

我的ipython版本是5.1.0,而jupyter的版本是4.2.1。

我通过修改本指南后面的css来更改颜色主题和字体类型以及字体文字:http://sherifsoliman.com/2016/01/11/theming-ipython-jupyter-notebook/

我采取的步骤是:

  1. 使用以下命令设置配置目录:jupyter notebook --generate-config
  2. 我将目录更改为我的配置目录(〜/ .jupyter)
  3. 从这里克隆github repo:https://github.com/cemoody/ipynb_base16_dark
  4. 然后我删除了custom.js文件,然后用这个css文件(https://github.com/sheriferson/dotfiles/blob/master/jupyter/custom/custom.css)替换了custom.css文件。
  5. 然后我复制了第3步和第3步的内容。 4进入config目录中名为custom的文件夹
  6. 我成功完成了这些步骤。我在custom.css文件(https://github.com/sheriferson/dotfiles/blob/master/jupyter/custom/custom.css)中不理解的是cm-s-ipython命令:

    .cm-s-ipython*
    

    我不明白他们来自哪里以及我被允许和不允许做什么。我今天花了大部分时间来搜索这些答案,我似乎找不到任何参考。我似乎只找到示例代码。

    我也不明白div / spans元素来自哪里。与custom.css对应的html文件在哪里?

    (值得注意的是,我正在使用Anaconda的Python 3.6发行版。除了更改custom.css文件之外,没有对Anaconda进行任何修改。)

1 个答案:

答案 0 :(得分:0)

new VMOption("-Djavax.net.ssl.trustStore=my.truststore") 指的是我认为的CodeMirror元素。它不是命令而是选择器。 .cm-s-ipython*表示正在选择班级.的所有元素。此CSS选择器参考表始终有用:https://www.w3schools.com/cssref/css_selectors.asp

cm-s-ipython*没有"对应"任何html文件 - 它可以覆盖笔记本应用程序中找到的任何CSS。检查笔记本电脑的html以找出您需要的选择器的最简单方法是使用" Inspect Element"大多数broswer右键菜单上的选项或查看页面的源代码(再次,通常在浏览器的右键菜单中找到)

因此,找到要编辑的元素的html,制作一个以html元素为目标的选择器并将其放入custom.css