¿Cómo configuro CSS personalizado para mi portátil IPython/IHaskell/Jupyter?

Question

Me gustaría aplicar algunos cambios simples a la apariencia de mis portátiles IPython / IHaskell / Jupyter, como

rendered_html :link {
    text-decoration: none;
}

pero no puedo averiguar cómo hacer esto. He probado muchas de las soluciones que he encontrado al buscar, por ejemplo, colocando CSS en

~/.ipython/profile_default/static/css/custom.css

pero ninguno tiene ningún efecto, y sospecho que, debido a los cambios recientes en la arquitectura de Notebook, el método para lograrlo ha cambiado y las instrucciones que encuentro están desactualizadas.

¿Cómo configuro CSS personalizado para mi portátil IPython / IHaskell / Jupyter?

OS X 10.10.4; Xcode 6.4; CLT: 6.4.0.0.1; Clang: 6.1; Python Python 2.7.10 (Homebrew); IHaskell 0.6.4.1, IPython 3.0.0 (las respuestas para 4.0.0 y Jupiter 4.0 también se aprecian, ya que actualizaré pronto).

Answer 1

Al iniciar Jupyter / IPython 4.1, la ubicación de la carpeta personalizada ha cambiado a ~/.jupyter/custom/ . Así que coloca tu custom.css y custom.js como este:

~/.jupyter/custom/custom.css
~/.jupyter/custom/custom.js

Funciona para mí de esa manera. Créditos para Liang2

Editar:

Si falta la carpeta ~/.jupyter , puede usar el jupyter notebook --generate-config para generar la carpeta.

Answer 2

Aquí esta lo que hice.

De http://jupyter.readthedocs.io/en/latest/projects/jupyter-directories.html descubrí que puede cambiar el directorio de configuración configurando el JUPYTER_CONFIG_DIR env var, luego ejecuto jupyter como:

JUPYTER_CONFIG_DIR=./jupyter/ jupyter notebook

Mi jupyter dir en el directorio actual tiene la siguiente estructura:

jupyter/ - custom/ - custom.css - custom.js

Answer 3

Creo que el camino a tu custom.css debería ser:

~/.ipython/profile_default/static/custom/custom.css

carpeta custom lugar de carpeta css .

Answer 4

De acuerdo con la documentación de Jupyter, custom.css debe colocar en las carpetas default_profile/static/custom .

Encontrará la ubicación de su perfil predeterminado ejecutando en una celda de notebook Jupyter:

import jupyter_core
jupyter_core.paths.jupyter_config_dir()

Lo que me dio:

''/home/sergey/.jupyter''

Después, en la carpeta .jupyter cree una estructura de directorios como:

static
└── custom
    └── custom.css

Como ves, la estructura deseada es ~/.jupyter/static/custom/custom.css

Esto me funcionó en Ubuntu 18.04 y el último Jupyter (octubre de 2018)

Answer 5

De acuerdo con la documentación sugerida, descargué Anaconda3 primero y desde Anaconda Navigator - Jupyter 5.0 Notebook es una de varias opciones pre-compiladas. Encontré mi archivo CSS en esta ubicación.

C:/Users/YourUsername/Anaconda3/Lib/site-packages/notebook/static/cutom/custom.css

Answer 6

Encontré una buena solución aquí: https://martinapugliese.github.io/jupyter-customise/

Necesitaba agregar esto sin embargo:

<style>..</style>

from IPython.core.display import HTML

def _set_css_style(css_file_path):
   """
   Read the custom CSS file and load it into Jupyter.
   Pass the file path to the CSS file.
   """

   styles = open(css_file_path, "r").read()
   s = ''<style>%s</style>'' % styles     
   return HTML(s)

Answer 7

Estoy ejecutando Jupyter en Google Cloud Platform utilizando la imagen de Tensorflow Docker y estaba ubicado en /usr/local/lib/python2.7/dist-packages/notebook/static/custom/ . En cualquier caso, puedes encontrarlo buscándolo.

Answer 8

Para agregar CSS personalizado a un cuaderno en particular, puede usar HTML . Agregue y ejecute una celda de código Python normal con el siguiente contenido:

from IPython.core.display import HTML
HTML("""
<style>
// add your CSS styling here
</style>
""")

Alternativamente (gracias @abalter) usa la magia celular %%html :

%%html
<style>
// add your CSS styling here
</style>