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

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

Спасибо!

редактировать: 5/2017

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

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

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

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

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

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

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

Создать файл ~/.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;
}

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

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

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

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

Вот скриншот с блога. Jupyter.org

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

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

Затем просто замените 1140 пикселей на 98% ширины экрана.

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

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

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

Сохраните и перезапустите свой блокнот

Обновить

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

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

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

Вы можете установить 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()

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

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

(Стильный обвиняется в краже пользовательских данных, вместо этого я перешел к использованию плагина Stylus)

Я рекомендую использовать стильный плагин для браузера . Таким образом, вы можете переопределить 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;
}

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

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

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

Это код, который я в конечном итоге использовал. Он растягивает входные и выходные ячейки влево и вправо. Обратите внимание, что индикация номера входа / выхода исчезнет:

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

Я сделал некоторые изменения в решении @ jvd10. «Важно» кажется слишком сильным, чтобы контейнер плохо адаптировался при отображении боковой панели TOC. Я удалил его и добавил min-width, чтобы ограничить минимальную ширину.

Вот мой .juyputer / custom / custom.css:

/* Make the notebook cells take almost all available width and limit minimal width to 1110px */
.container {
    width: 99%;
    min-width: 1110px;
}   

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

Я перепробовал все, и у меня ничего не получилось, в итоге я использовал отображение моего фрейма данных в формате HTML следующим образом

from IPython.display import HTML    
HTML (pd.to_html())

Для пользователей Firefox / Chrome хороший способ достичь 100% ширины - использовать собственный скрипт TamperMonkey .

Преимущества

1. настроить это один раз в вашем браузере, нет необходимости изменять конфигурацию сервера.
2. работает с несколькими серверами Jupyter.
3. TamperMonkey пользуется доверием, поддержкой и стабильностью.
4. Многие дополнительные настройки возможны через JavaScript.

Этот скрипт работает для меня https://gist.githubusercontent.com/mrk-andreev/2a9c2538fad0b687c27e192d5948834f/raw/6aa1148573dc20a22fca126e56e3b03f4abf281b/jpn_tmonkey.js