Как установить пользовательский CSS для моего IPython/IHaskell/Jupyter Notebook?

Я бы выделил несколько простых изменений в представлении моих IPython/IHaskell/Jupyter Notebooks, таких как

rendered_html :link {
    text-decoration: none;
}

но я не могу понять, как это сделать. Я пробовал многие из решений, которые я нашел путем поиска, например, размещения CSS в

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

но никто не имеет никакого эффекта, и я подозреваю, что, учитывая недавние изменения архитектуры Notebook, метод для этого изменился и что инструкции, которые я нахожу, устарели.

Как настроить пользовательский CSS для моего IPython/IHaskell/Jupyter Notebook?

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 (ответы для 4.0.0 и Jupiter 4.0 также оценены, так как я скоро обновляюсь).

Ответы

Ответ 1

Я думаю, что путь к вашему custom.css должен быть:

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

custom вместо папки css.

Ответ 2

Запуск Jupyter/IPython 4.1, расположение пользовательской папки изменилось на ~/.jupyter/custom/. Поэтому разместите ваши custom.css и custom.js следующим образом:

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

Работает для меня именно так. Кредиты идут на Liang2

Edit:

Если вам не хватает папки ~/.jupyter, вы можете использовать команду jupyter notebook --generate-config для создания папки.

Ответ 3

Чтобы добавить пользовательский CSS в конкретный блокнот, вы можете использовать HTML. Добавьте и выполните обычную ячейку кода Python со следующим содержимым:

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

В качестве альтернативы (спасибо @abalter) используйте магию ячейки %%html:

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

Ответ 4

В соответствии с предлагаемой документацией я сначала загрузил Anaconda3 и из Anaconda Navigator - Jupyter 5.0 Notebook является одним из нескольких заранее подготовленных вариантов. Я нашел свой файл CSS в этом месте.

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

Ответ 5

Вот что я сделал.

Из http://jupyter.readthedocs.io/en/latest/projects/jupyter-directories.html Я узнал, что вы можете изменить каталог конфигурации, установив JUPYTER_CONFIG_DIR env var, тогда я запускаю jupyter как:

JUPYTER_CONFIG_DIR=./jupyter/ jupyter notebook

My jupyter dir в текущем каталоге имеет следующую структуру:

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

Ответ 6

Я запускаю Jupyter на Google Cloud Platform с использованием изображения Denser Tensorflow, и он находился в /usr/local/lib/python2.7/dist-packages/notebook/static/custom/. В любом случае вы можете найти его, выполнив поиск.

Ответ 7

Согласно документации Jupyter файл custom.css должен быть помещен в папки default_profile/static/custom.

Вы найдете местоположение вашего профиля по умолчанию, запустив в ячейке блокнота Jupyter:

import jupyter_core
jupyter_core.paths.jupyter_config_dir()

Который дал мне:

'/home/sergey/.jupyter'

Затем в папке .jupyter создайте структуру каталогов, например:

static
└── custom
    └── custom.css

Как вы видите желаемая структура ~/.jupyter/static/custom/custom.css

Это сработало для меня в Ubuntu 18.04 и последнем Jupyter (октябрь 2018)

Ответ 9

Для базовой среды conda я нашел ее здесь: ~/Programs/Anaconda3/lib/python3.6/site-packages/notebook/static/custom

Для пользовательской среды conda я нашел ее здесь: ~/Programs/Anaconda3/envs/[имя среды]/lib/python3.6/site-packages/notebook/static/custom

Работает под Ubuntu 18.04, conda 4.6.8.