2015-08-22 2 views
16

я выстраивались, чтобы применить несколько простых изменений к появлению моих IPython/IHaskell/Jupyter ноутбуков, таких какКак установить собственный CSS для моего IPython/IHaskell/Jupyter Notebook?

rendered_html :link { 
    text-decoration: none; 
} 

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

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

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

Как настроить пользовательский 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 также оценили, так как я скоро обновляюсь).

+0

профили были удалены с IPython/Jupyter версии 4.0, я еще не обнаружил, как редактировать CSS в версии 4.0 – talloaktrees

+2

В 4.0, он был перемещен в ~/.jupyter/Пользовательский/custom.css –

+0

@ RandyC: У меня нет такого каталога или файла, и ниже будет [существующий ответ] (http://stackoverflow.com/a/32158550/656912). – orome

ответ

11

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

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

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

+1

Конечно. Я понятия не имею, откуда пришел «.../css/custom.css». Смутно, хотя, '.../custom/custom.css' говорит:« Заполнитель для пользовательского CSS пользователя в основном переопределяется в profile/static/custom/custom.css. Это всегда будет пустой файл в IPython ». – orome

+0

Я поместил файл в эту папку '/ custom', но никакого эффекта. Помогло ли вам в вашем случае @raxacoricofallapatorius? Я использую Jupiter – Ilya

+0

@ Илья, не могли бы вы рассказать нам о вашей версии ОС, установленной версии jupyter/IPython, ... – kikocorreoso

21

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

Да, но вопрос действительно в том, чтобы сделать это в конфигурация, а не код. – orome

+1

FWIW, теперь более простой способ сделать это - просто использовать html cell magic '%% html' – abalter

+1

. Это просто похоже на отображение текста CSS как выход, но не применять его к ноутбуку. Что мне не хватает? – davidrpugh

36

Начало 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 команду, чтобы создать папку.

+2

Это не влияет на меня. Это актуально? – orome

+0

Да, я только что протестировал его на чистом Ubuntu 14.04 с последней версией от pip. Я только отредактировал ответ, потому что вы можете пропустить папку '~/.jupyter' после новой установки Jupyter. – m1lhaus

+2

Также имейте в виду, что вам может понадобиться '! Important' в вашем правиле CSS. –

1

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

2

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

От http://jupyter.readthedocs.io/en/latest/projects/jupyter-directories.html я узнал, что вы можете изменить конфигурационный каталог, установив JUPYTER_CONFIG_DIR ENV вар, то я бегу jupyter как:

JUPYTER_CONFIG_DIR=./jupyter/ jupyter notebook 

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

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

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

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

Смежные вопросы