¿Cómo configuro CSS personalizado para mi portátil IPython/IHaskell/Jupyter?
(8)
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.
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).
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
Creo que el camino a tu custom.css debería ser:
~/.ipython/profile_default/static/custom/custom.css
carpeta custom lugar de carpeta css .
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)
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
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)
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.
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>