Возможно включать код CSS в Jupyter?

он работал в Jupyter с kernel Пайтона 3.5, и это чудесный reemplaso Mathematica, в ячейках ты можешь выбирать тип markdown и ячейка допустит тебе код HTML, чтобы изменять структуры ценные бумаги и тексты, я использую с легкостью много etiqutas HTML без проблем без необходимости использовать он приклеивает этикетку на них body, но: если ты хочешь изменить цвет титула? я попробовал использовать код CSS в ячейке:

<head>
    <style>
    h1{
        color: green;
    }
    </style>
</head>
<h1>El titulo</h1>

но оно не функционировало и я пробовал других форм (включая этикетку "body"), но я не смог, знать кого-то, если могут осуществлять CSS с кодом HTML в Jupyter.

1
задан 27.11.2018, 11:12
2 ответа

У тебя есть несколько выборов:

  • Jupyter использует Bootstrap а следовательно ты можешь использовать сами классы bootstrap для customizar твоя этикетка <H1>. Это ограничивает тебя Bootstrap...

  • Ты можешь вводить стиль inline в этикетку, которую ты используешь внутри ячейки Markdown: <H1 style="color: green;">Mi Título</H1>.

  • Ты можешь помещать твой стиль прямо внутри твоего листа стилей. В Jupyter возможно использовать файл custom.css профиля пользователя. Чтобы знать, где - папка custom, ты можешь использовать следующий код (ниже) внутри ячейки кода ноутбука:

Код, чтобы знать маршрут в котором находить твою папку custom:

import jupyter_core
jupyter_core.paths.jupyter_config_dir()
2
ответ дан 03.12.2019, 21:49

Чтобы помещать стили в ноутбук ты должен помещать стили в ячейку HTML, который не между типами seleccionables.

kernel python, IPython, позволяет менять вывод для того, чтобы он был html вместо текста. Самая прямая форма - используя магическую команду %%html следующего способа, вводя это в будку кода python:

%%html
<style>
h1 {
 color: green;
 font-size: 5em !important;
}
</style>

Согласно стилю, ты будешь нуждаться в том, чтобы добавить !important для того, чтобы sobreescriba остальные стили, которые он может получать в наследство.

Проблема сейчас состоит в том, чтобы скрывать эту ячейку для того, чтобы он не беспокоил. Есть несколько форм, даже расширение jupyter, чтобы это делать.

Предполагая, что был первой ячейкой ноутбука, простой способ состоит в том, чтобы добавлять код jquery для того, чтобы он автоскрылся, что-то такое, что я схватил:

%%html
<style>
h1 {
 color: green;
 font-size: 5em !important;
}
</style>
<script> 
$( document ).ready(function () {
    $("div#notebook-container").children().first().hide();
});
</script>

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

%%javascript
$("div#notebook-container").children().first().show();
1
ответ дан 03.12.2019, 21:49