Как увеличить ширину ячейки ноутбука Jupyter/ipython в моем браузере?



Я хотел бы увеличить ширину ноутбука ipython в моем браузере. У меня есть экран с высоким разрешением, и я хотел бы расширить ширину/размер ячейки, чтобы использовать это дополнительное пространство.

спасибо!


изменить: 5/2017

теперь я использую jupyterthemes:https://github.com/dunovank/jupyter-themes

и этого команды:

jt -t oceans16 -f roboto -fs 12 -cellw 100%

который устанавливает ширину до 100% с хорошей темой.

408   8  

8 ответов:

Если вы не хотите изменять настройки по умолчанию, и вы хотите только изменить ширину текущего ноутбука, над которым вы работаете, вы можете ввести следующее в ячейку:

from IPython.core.display import display, HTML
display(HTML("<style>.container { width:100% !important; }</style>"))

это div.cell решение на самом деле не работает на моем IPython, однако, к счастью, кто-то предложил рабочее решение для новых IPythons:

создайте файл ~/.ipython/profile_default/static/custom/custom.css (iPython) или ~/.jupyter/custom/custom.css (Jupyter) с содержанием

.container { width:100% !important; }

затем перезапустите ноутбуки iPython/Jupyter. Обратите внимание, что это повлияет на все ноутбуки.

чтобы заставить это работать с jupyter (версия 4.0.6) я создал ~/.jupyter/custom/custom.css содержит:

/* 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;
}

вы можете установить CSS ноутбука, вызвав таблицу стилей из любой ячейки. В качестве примера, взгляните на 12 шагов до курса Навье Стокса.

в частности, создание файла, содержащего

<style>
    div.cell{
        width:100%;
        margin-left:1%;
        margin-right:auto;
    }
</style>

должно дать вам отправную точку. Однако может потребоваться также настроить, например,div.text_cell_render для работы с уценкой, а также кодовых ячеек.

если этот файл custom.css затем добавьте ячейку, содержащую:

from IPython.core.display import HTML
def css_styling():
    styles = open("custom.css", "r").read()
    return HTML(styles)
css_styling()

это примените все стили, и, в частности, измените ширину ячейки.

пришло время использовать jupyterlab

наконец, столь необходимое обновление пришло к ноутбукам. По умолчанию он использует всю ширину вашего окна, как и любая другая полноценная собственная среда IDE.

все, что вам нужно сделать, это:

pip install jupyterlab
# if you use conda
conda install -c conda-forge jupyterlab
# to run 
jupyter lab    # instead of jupyter notebook

вот скриншот из blog.Jupyter.org

(начиная с 2018 года, я бы посоветовал попробовать JupyterHub/JupyterLab. Он использует всю ширину монитора. Если это не вариант, возможно, поскольку вы используете один из облачных поставщиков Jupyter-as-a-service, продолжайте читать)

Я рекомендую использовать Стильный Плагин Для Браузера. Таким образом, вы можете переопределить css для всех ноутбуков, не добавляя никакого кода в ноутбуки. Нам не нравится менять конфигурацию .ipython/profile_default, так как мы запускаем общий Сервер Jupyter для всей команды и ширины является предпочтением пользователя.

Я сделал стиль специально для вертикально ориентированных экранов с высоким разрешением, что делает ячейки шире и добавляет немного пустого пространства в нижней части, так что вы можете разместить последнюю ячейку в центре экрана. https://userstyles.org/styles/131230/jupyter-wide Вы можете, конечно, изменить мой css по своему вкусу, если у вас есть другой макет, или вы не хотите лишнее пустое пространство в конец.

и последнее, но не менее важное: Stylish-это отличный инструмент для вашего набора инструментов, так как вы можете легко настроить другие сайты/инструменты по своему вкусу (например, Jira, Podio, Slack и т. д.)

@media (min-width: 1140px) {
  .container {
    width: 1130px;
  }
}

.end_space {
  height: 800px;
}

обычно после новой установки я изменяю основной файл css, в котором хранятся все визуальные стили. Я использую Miniconda, но расположение похоже с другими C:\Miniconda3\Lib\site-packages\notebook\static\style\style.min.css

С некоторыми экранами эти разрешения отличаются и более 1. Чтобы быть в безопасности, я меняю все на 98%, поэтому, если я отключусь от внешних экранов на своем ноутбуке, у меня все еще есть ширина экрана 98%.

тогда просто замените 1140px с 98% экрана ширина.

@media (min-width: 1200px) {
  .container {
    width: 1140px;
  }
}

enter image description here

после редактирования

@media (min-width: 1200px) {
  .container {
    width: 98%;
  }
}

enter image description here Сохраните и перезагрузите ноутбук


обновление

недавно пришлось шире Jupyter клетки на окружающей среде он установлен, что привело меня вернуться сюда и напомнить себе.

Если вам нужно сделать это в virtual env вы установили jupyter on. Вы можете найти файл CSS в этом подкаталог

env/lib/python3.6/site-packages/notebook/static/style/stye.min.css

для пользователей Chrome, я рекомендую Stylebot, что позволит вам переопределить любой CSS на любой странице, а также позволит вам искать и устанавливать другие пользовательские CSS. Однако для нашей цели нам не нужна никакая предварительная тема. Откройте Stylebot, измените на Edit CSS. Jupyter захватывает некоторые нажатия клавиш, поэтому вы не сможете ввести код ниже. Просто скопируйте и вставьте, или только ваш редактор:

#notebook-container.container {
    width: 90%;
}

изменить ширину, как вам нравится, я нахожу 90% выглядит лучше, чем 100%. Но это полностью до вашего глаза.

    Ничего не найдено.

Добавить ответ:
Отменить.