instalar - ¿Cómo puedo aumentar el ancho de celda del cuaderno Jupyter/ipython en mi navegador?
jupyter r (8)
(A partir de 2018, recomendaría probar JupyterHub / JupyterLab. Utiliza todo el ancho del monitor. Si esto no es una opción, tal vez ya que está usando uno de los proveedores de Jupyter como servicio basado en la nube, sigue leyendo)
(Stylish está acusado de robar datos de usuario; en su lugar, he seguido utilizando el plugin Stylus)
Recomiendo usar Stylish Browser Plugin . De esta manera, puede anular css para todas las notebooks, sin agregar ningún código a las notebooks. No nos gusta cambiar la configuración en .ipython / profile_default, ya que estamos ejecutando un servidor Jupyter compartido para todo el equipo y el ancho es una preferencia del usuario.
Hice un estilo específicamente para pantallas de alta resolución orientadas verticalmente, que hace que las celdas sean más anchas y agrega un poco de espacio vacío en la parte inferior, para que pueda colocar la última celda en el centro de la pantalla. https://userstyles.org/styles/131230/jupyter-wide Puede, por supuesto, modificar mi css a su gusto, si tiene un diseño diferente, o si no desea un espacio vacío adicional al final.
Por último, pero no menos importante, Stylish es una gran herramienta para tener en su conjunto de herramientas, ya que puede personalizar fácilmente otros sitios / herramientas a su gusto (por ejemplo, Jira, Podio, Slack, etc.)
@media (min-width: 1140px) {
.container {
width: 1130px;
}
}
.end_space {
height: 800px;
}
Me gustaría aumentar el ancho del portátil ipython en mi navegador. Tengo una pantalla de alta resolución y me gustaría expandir el ancho / tamaño de la celda para aprovechar este espacio adicional.
¡Gracias!
edición: 5/2017
Ahora uso jupyterthemes: https://github.com/dunovank/jupyter-themes
y este comando:
jt -t oceans16 -f roboto -fs 12 -cellw 100%
que establece el ancho al 100% con un tema agradable.
Es hora de usar jupyterlab
Por último, una actualización muy necesaria ha llegado a los portátiles. De forma predeterminada, utiliza el ancho completo de su ventana como cualquier otro IDE nativo de pleno derecho.
Todo lo que tienes que hacer es:
pip install jupyterlab
# if you use conda
conda install -c conda-forge jupyterlab
# to run
jupyter lab # instead of jupyter notebook
Esa solución div.cell realmente no funcionó en mi IPython, sin embargo, afortunadamente, alguien sugirió una solución funcional para los nuevos IPythons:
Cree un archivo ~/.ipython/profile_default/static/custom/custom.css (iPython) o ~/.jupyter/custom/custom.css (Jupyter) con contenido
.container { width:100% !important; }
Luego reinicie los portátiles iPython / Jupyter. Tenga en cuenta que esto afectará a todos los cuadernos.
Lo que hago normalmente después de una nueva instalación es modificar el archivo css principal donde se almacenan todos los estilos visuales. Uso Miniconda pero la ubicación es similar a la de otros C:/Miniconda3/Lib/site-packages/notebook/static/style/style.min.css
Con algunas pantallas, estas resoluciones son diferentes y más de 1. Para estar seguro, cambio todo al 98%, así que si me desconecto de las pantallas externas de mi computadora portátil, todavía tengo un 98% de ancho de pantalla.
Luego simplemente reemplaza 1140px con el 98% del ancho de la pantalla.
@media (min-width: 1200px) {
.container {
width: 1140px;
}
}
Despues de editar
@media (min-width: 1200px) {
.container {
width: 98%;
}
}
Actualizar
Hace poco tuve que expandir las células Jupyter en un entorno en el que está instalado, lo que me llevó a volver aquí y recordarme.
Si necesita hacerlo en env virtual, instaló jupyter. Puedes encontrar el archivo css en este subdirectorio.
env/lib/python3.6/site-packages/notebook/static/style/stye.min.css
Para los usuarios de Chrome, recomiendo Stylebot , que le permitirá anular cualquier CSS en cualquier página, también le permitirá buscar e instalar otros CSS personalizados compartidos. Sin embargo, para nuestro propósito no necesitamos ningún tema avanzado. Abra Stylebot, cambie a Edit CSS . Jupyter captura algunas pulsaciones de teclas, por lo que no podrá escribir el código a continuación. Solo copie y pegue, o solo su editor:
#notebook-container.container {
width: 90%;
}
Cambia el ancho como quieras, me parece que el 90% se ve mejor que el 100%. Pero depende totalmente de su ojo.
Para que esto funcione con jupyter (versión 4.0.6) creé ~/.jupyter/custom/custom.css contiene:
/* Make the notebook cells take almost all available width */
.container {
width: 99% !important;
}
/* Prevent the edit cell highlight box from getting clipped;
* important so that it also works when cell is in edit mode*/
div.cell.selected {
border-left-width: 1px !important;
}
Puede configurar el CSS de un cuaderno llamando a una hoja de estilo desde cualquier celda. Como ejemplo, eche un vistazo al curso 12 pasos para Navier Stokes .
En particular, la creación de un archivo que contiene
<style>
div.cell{
width:100%;
margin-left:1%;
margin-right:auto;
}
</style>
debe darle un punto de partida. Sin embargo, puede ser necesario también ajustar, p div.text_cell_render Ej., div.text_cell_render para tratar con markdown así como con celdas de código.
Si ese archivo es custom.css , agregue una celda que contenga:
from IPython.core.display import HTML
def css_styling():
styles = open("custom.css", "r").read()
return HTML(styles)
css_styling()
Esto aplicará todos los estilos y, en particular, cambiará el ancho de la celda.
Si no desea cambiar la configuración predeterminada y solo desea cambiar el ancho del bloc de notas actual en el que está trabajando, puede ingresar lo siguiente en una celda:
from IPython.core.display import display, HTML
display(HTML("<style>.container { width:100% !important; }</style>"))