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

Question

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

rendered_html :link {
    text-decoration: none;
}

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

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

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

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

---

OS X 10.10.4; Xcode 6.4; CLT: 6.4.0.0.1; Лязг: 6,1; Python Python 2.7.10 (доморощенный); IHaskell 0.6.4.1, IPython 3.0.0 (ответы для 4.0.0 и Jupiter 4.0 также приветствуются, так как я скоро обновлюсь).

Answer 1

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

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

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

Answer 2

Чтобы добавить пользовательский 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>

Answer 3

Начиная с Jupyter / IPython 4.1, расположение пользовательской папки изменилось на ~/.jupyter/custom/, Так что разместите свой custom.css а также custom.js как это:

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

У меня так работает. Кредиты идет в Лян2

---

Редактировать:

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

Answer 4

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

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

JUPYTER_CONFIG_DIR=./jupyter/ jupyter notebook

Мой jupyter dir в текущем dir имеет следующую структуру:

jupyter /
- обычай /
  - Пользовательские CSS
  - custom.js

Answer 5

Согласно документации 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)

Answer 6

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

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

Answer 7

Я нашел хорошее решение здесь: https://martinapugliese.github.io/jupyter-customise/

Мне нужно было добавить это однако:

<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)

Answer 8

Для базовой среды 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.

Answer 9

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

Answer 10

Не могу добавить комментарий из-за репутации, поэтому опубликую как ответ.

В /custom/custom.css перестала работать у меня, когда я сгенерировал файл конфигурации, но если кто-то тоже наткнется на эту проблему, решение - раскомментировать строку c.NotebookApp.extra_static_paths = [] в jupyter_notebook_config.py file и добавьте "./custom/" - или любой другой путь, который вы выбрали для своего настраиваемого css - в скобках.

PS: ОС - Linux Manjaro 5.12, а версия Jupyter Notebook - 6.3.0.

Answer 11

Для Windows

C:\Users\<username>\.jupyter\custom\custom.css

указанное выше переопределит местоположение по умолчанию: в site-packages https://github.com/jupyter/jupyter/issues/295

Answer 12

Если вы установите его через PIP, а не через Anaconda, он будет в этой папке.
C:\Users\<user-name>\AppData\Local\Programs\Python\Python37\Lib\site-packages\notebook\static\custom
Отсюда вы можете найти custom.cssфайл и отредактируйте его, чтобы изменения отразились. У вас также будет custom.js файл присутствует и там.

Answer 13

Убунуту 18.04

Папка ~ / venv / lib / python3.8 / site-packages / notebook / static / custom

venv - это имя виртуальной среды, поэтому местоположение зависит от местоположения вашей среды.

Здесь есть файл-заполнитель custom.css. Замените его своим собственным CSS.

Любая машина с установкой Conda

C: \ Users******. Conda \ envs \ py37 \ lib \ site-packages \ notebook \ static \ custom

Используйте путь относительно .conda. Имя моей среды - py37

Поместите свой собственный CSS в файл custom.css здесь.

Перезагрузите блокнот jupyter.