Рисунки по клеточкам сл
Рисование по клеточкам в тетради
Рисунки по клеточкам сложные
Рисунки по клеточкам сло
Рисунки по клеточкам сло
Рисунки по клеточкам сло
Рисунки по клеточкам сл
Рисунки по клетоточкам
Рисунки по клеточкам сложные
Рисунки по клеткам
Рисунки по клеточкам сложные
Красивые рисунки по клеткам
Рисунки по клеточкам сложные
Рисование по клеткам
Рисование по клеткам
Рисование по клеткам
Рисование по клеткам сложные
Рисунки по клеточкам
Рисунки по клеточкам девочки
Красивые рисунки для срисовки по клеточкам для девочек
Рисование поклетачкам
Рисунки по клеткам животные
Лошадка по клеточкам в тетради
Рисование по клеткам
Пиксель арт
Рисование по клеткам сложные
Рисунки по клеточкам
Рисунки по клеточкам
Пиксельное рисование по клеточкам
Рисование по клеткам
Рисунки по клеточкам
Рисование по клеткам
Рисункитпо клеточкам большие
Рисование пакльточкам
Рисование по клеткам
Рисунки по клеточкамбольши
Рисование по клеткам
Пиксель это
Мейбл по клеточкам
Рисунки по клеточкам сл
Рисование по клеткам
Рисунки по клеточкам
Рисование пакльточкам
Рисование по клеткам сложные
Рисование по клеткам для девочек
Рисование по клеткам
Рисунки в клеточку
Рисунки по клеточкам сложные
Рисунки по клеточкам сложные
Рисование по клеточкам цветы
Рисунки по клеточкам сложные
Рисование по клеточкам в тетради
Рисунки по клеточкам сложные
Рисунки по клеточкам
Рисование пакльточкам
Рисунки по клеточкам сложные
Панда рисование по клеткам
Рисунки в клеточку большие
Рисование по клеточкам персонажи
Вышивка по клеткам
Рисование по клеточкам еди
Рисование по клеткам
Рисование по клеткам для девочек
Рисунки по клеточкам
Рисунки в клеточку
Рисование по клеткам
Рисунки по клеткам
Схемы рисунков по клеточкам
Рисование по клеткам Единорог
Рисунк и п о к Ле то чка м
Рисунки по клеточкам сложные
Кошка по клеточкам в тетради
Рисование по клеткам
Рисунки по клеточкамслоджные
Рисование по клеточкам сложные
Монстер Хай по клеточкам
Рисование по клеткам
Рисование по клеточкам в тетради
Рисование по клеткам
Ибуки по клеткам
Рисунки по клеточкам девочки
Рисование по клеткам сложные
Рисунки по клеточкам девочки
Зарисовки по клеткам
Картины по клеточкам
Узоры по клеточкам цветные
Рисунки по клеточкам
Рисование по клеткам сложные
Рисование по клеточкам для девочек
Пиксельный узор
Комментарии (0)
Написать
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.
Искусство перехода от кода к общению.
Создание слайдов презентаций для технических лекций, демонстраций продукта и обмена анализом — одна из тех скучных задач, которая приносит большую отдачу по сравнению с инвестициями. Хороший слайд презентации может упростить обмен результатами сложного анализа и использовать его для краткого общения с клиентами и акционерами. Создание хороших слайдов — это больше искусство, чем ремесло, однако использование хороших инструментов может иметь большое значение.
Microsoft Powerpoint, Google Slides, Prezi — некоторые из часто используемых инструментов для создания презентаций. Но когда дело доходит до создания технических презентаций с помощью кода, эти инструменты часто не работают. Делать снимки кода и вставлять изображения в слайды неэффективно, потому что шрифты часто размываются. Также сложно легко настроить слайды при использовании Power Point или Google Slides. Часто приходится изменять размер изображений, а общий вид слайдов в конечном итоге выглядит скорее корпоративным, чем техническим.
Учитывая все эти проблемы, очень важно найти хороший инструмент для презентации, который позволит нам эффективно предоставлять код, визуализацию, диаграмму модели и результаты выполненного кода для презентации проектов машинного обучения.
Для моих личных проектов я обнаружил, что слайды лучше подходят для общения с широкой аудиторией по сравнению с прямым совместным использованием ноутбуков Jupyter, потому что многие люди не хотят сразу смотреть на стену кода, если они также не являются техническими.
В основном я работаю на Python и являюсь большим поклонником Jupyter Notebooks. Поэтому я был очень рад узнать, что мы можем напрямую преобразовывать наши записные книжки в слайд-шоу HTML с помощью среды HTML-презентации раскрывать. js с помощью команд nbconvert.
Выходной слайд будет выглядеть следующим образом:
Первый шаг — создать блокнот, который будет использоваться для создания слайдов. Добавляйте свои ресурсы, заметки, визуализации, форматируйте код по мере необходимости. Исправьте относительный путь, URL-адрес, цитату, диаграммы и т. д. Это тетрадь, которая использовалась здесь.
Затем мы должны отформатировать ячейки для слайд-шоу. Для этого перейдите в «Вид» → «Панель инструментов ячейки» → «Слайд-шоу». Это создает светло-серую полосу поверх каждой ячейки для настройки типа слайда. Помните, что в Jupyter Notebook ячейками являются блоки, содержащие код и уценку. Для каждой ячейки есть 5 вариантов. Слайд, подслайд, фрагмент, пропуск и заметки.
После этого перейдите в каталог записной книжки и введите команду nbconvert, чтобы преобразовать записную книжку в слайды, которые откроются в вашем браузере.
Чтобы показывать слайды в формате по умолчанию, введите и вставьте имя своей записной книжки вместо *.ipynb
jupyter nbconvert *.ipynb --to slides --post serve
Указанная выше записная книжка была сгенерирована этой командой. Обратите внимание на дополнительную конфигурацию, которую я использовал с SlidesExporter
.
jupyter nbconvert dino_viz.ipynb --to slides --post serve
--SlidesExporter.reveal_theme=serif
--SlidesExporter.reveal_scroll=True
--SlidesExporter.reveal_transition=none
Краткий обзор используемой конфигурации:
SlidesExporter.reveal_theme
: устанавливает тему с засечками. Также есть тема по умолчанию и тема неба, а также многие другие. SlidesExporter.reveal_scroll
: устанавливает для параметра прокрутки значение True. Для больших изображений или длинных ячеек полезны параметры прокрутки. Это также полезно для визуализации фреймов данных. SlidesExporter.reveal_transition
: устанавливает для перехода значение «Нет». Я не люблю использовать какие-либо эффекты перехода, потому что их добавление создает своего рода рывки на экране, что я считаю неподходящим для кода. Опции: нет, затухание, скольжение, выпуклость, вогнутость и масштабирование.Полный список параметров конфигурации можно найти здесь:
nbconvert.readthedocs.io
Слайды будут обслуживаться через порт 8000. Однако не останавливайтесь на достигнутом. Поэкспериментируйте с несколькими макетами и фрагментами (особенно), чтобы увидеть, как они лучше всего подходят для вашего собственного проекта. Жесткий проект, основанный на машинном обучении, может преуспеть в том, чтобы придерживаться темы по умолчанию, в то время как проекту, основанному на журналистике данных, может потребоваться попробовать все эффекты перехода. Также может помочь добавление пользовательских файлов .css.
Dheepak Krishnamurthy написал об этом невероятно хороший пост, который я использовал с минимальными изменениями. Я просто добавлю, как я это сделал, и добавлю некоторые подробности.
git submodule add https://github.com/hakimel/reveal.js.git manifest.js
index.ipynb
, потому что команда nbconvert создает html-файл с именем блокнота, и мы хотите создать файл index.html для нашего сайта, чтобы разместить его на страницах github. index.slides.html
.jupyter nbconvert --to slides index.ipynb --reveal-prefix=reveal.js
jupyter nbconvert --to slides index. ipynb --reveal-prefix=reveal.js --SlidesExporter.reveal_theme=serif
--SlidesExporter.reveal_scroll=True
--SlidesExporter.reveal_transition=none
ПРИМЕЧАНИЕ. Я работаю в Windows, поэтому команды терминала могут немного отличаться в зависимости от вашей ОС. В этом случае обратитесь к stackoverflow или другим ресурсам, потому что я не смогу помочь.
И спасибо Мэтью Спеку за его замечательную статью, которая помогла мне начать работу со слайдами Jupyter.
Обычно директивы и роли используются для обозначения «специальных блоков» вашего контента. Это позволяет включать более сложную информацию, такую как предупреждения и примечания, цитаты и рисунки.
В этом разделе рассматриваются некоторые распространенные из них.
Обновление с сфинкс-панелей
Предыдущие версии Jupyter Book использовали сфинкс-панелей
для определения основных элементов пользовательского интерфейса.
Вместо них теперь используется Sphinx Design.
Документация по этим элементам пользовательского интерфейса теперь находится в компонентах и элементах пользовательского интерфейса.
Дополнительную информацию см. в руководстве по миграции и в этом выпуске обсуждения миграции.
MyST Markdown имеет поддерживаемый базовый синтаксис, и можно включить дополнительный синтаксис для добавления дополнительных функций.
По умолчанию Jupyter Book включает несколько дополнительных частей синтаксиса для MyST, чтобы больше походить на возможности Markdown в Jupyter Notebooks и интерфейсы.
Dollarmath
Для поддержки синтаксиса $$
и $
для математических блоков. См. Математика и уравнения.
linkify
Для автоматического обнаружения HTML-подобных ссылок в уценке и преобразования их в гиперссылки.
замена
Чтобы позволить вам определять «переменные» уценки и заменять текст при их использовании. См. Подстановки и переменные в уценке.
colon_fence
Чтобы вы могли использовать заборы :::
для предупреждений, чтобы их было легче отображать в интерфейсах, которые не поддерживают MyST. См. Дружественные к Markdown директивы с :::.
Чтобы включить собственные расширения синтаксиса, используйте следующий шаблон конфигурации:
разбор: myst_enable_extensions: - расширение-1 - расширение-2
Обратите внимание, что это переопределит список расширений Jupyter Book по умолчанию. Вы должны включить все расширения, которые вы хотите включить.
См. также
Список расширений синтаксиса в MyST см. в документации MyST.
Допустим, вы хотите выделить определенный блок текста, который существует немного отдельно от повествования вашей страницы.
Для этого можно использовать директиву {note}
.
Например:
```{примечание} Вот заметка! ```
Имеется несколько блоков текста с похожим стилем. Вот, например, {предупреждение}
блок:
Предупреждение
Вот предупреждение! Он был создан с помощью:
```{предупреждение} ```
Вы также можете создать выпадающих предупреждений
выпадающего списка
к предупреждению.
Например:Примечание
Вот выпадающая заметка!
См. «Раскрывающиеся списки» для получения более подробной информации.
Полный список предупреждений см. в документации sphinx-book-theme
.
Вы также можете выбрать заголовок окна сообщения с помощью {предупреждение}
директива. Например:
```{предостережение} Вот ваше предостережение Вот содержание предупреждения ```
Если вы хотите придать этим блокам стиль , используйте параметр :class:
. Для
пример:
`````{предостережение} Это предостережение было оформлено... :класс: подсказка С чаевым класс! `````
:::
Приведенный выше синтаксис предупреждений использует общий синтаксис директив.
Однако, если вы используете интерфейс, который не поддерживает MyST Markdown, он будет отображаться как необработанный литеральный блок.
Многие директивы содержат уценку внутри, и если вы хотите, чтобы эта уценка отображалась «нормально», вы также можете использовать заборы :::
, а не заборы ```
для определения директивы. В результате содержимое директивы будет отображаться как уценка.
Например:
::: {примечание} Этот текст является **стандартным** _Markdown_ :::
Подобно обычным директивам, эти предупреждения также могут быть вложенными:
::::{важно} :::{примечание} Этот текст является **стандартным** _Markdown_ ::: ::::
Примечание
Вы можете использовать этот синтаксис для любого типа директив, хотя обычно рекомендуется использовать только с директивами, которые содержат чистую уценку в своем содержимом.
Если вы хотите вставить выходные данные работающего кода внутри предостережение
блоки, мы рекомендуем использовать клей с функционалом
.
Например, вставим один из выводов, который был вклеен в книгу со страницы выводов кода.
Например:
```{примечание} Вот моя фигура: ```{клей} sorted_means_fig :doc: исполняемый файл/output-insert.md ```
См. Сохранение выходных данных кода и вставка в содержимое для получения дополнительной информации о том, как использовать клей
для вставки выходных данных непосредственно в содержимое.
Совет
Чтобы скрыть ввод и вывод кода, сгенерировавшего вставляемую переменную, используйте тег remove_cell
.
Дополнительные сведения и другие параметры тегов см. в разделе Скрытие или удаление содержимого.
Недостатком синтаксиса предупреждений является то, что он не будет отображаться в интерфейсах, которые не поддерживают этот синтаксис (например, GitHub). Если вы хотите использовать предупреждения, определенные исключительно с помощью HTML , MyST может проанализировать их с помощью html_admonitions 9.Расширение 0050. Чтобы использовать его, сначала включите его со следующей конфигурацией:
разбор: myst_enable_extensions: # не забудьте указать любые другие расширения, которые вы хотите включить, # включая те, которые включены по умолчанию! - html_admonition
Затем вы можете определить предупреждения в своей книге следующим образом:
```html```Это **название**
Это *контент*
Дополнительные сведения о предупреждениях в формате HTML см.
Вы должны , а не вставлять заголовки (строки, начинающиеся с #
) внутри предупреждений, раскрывающихся списков или других блоков контента, подобных этому.
Sphinx (и, следовательно, Jupyter Book) использует заголовки для определения основных разделов документа верхнего уровня.
По этой причине вложение заголовка в блок приведет к непредсказуемому нарушению структуры документа.
Не делайте этого
Например, не делайте этого :
```{примечание} ## Этот заголовок находится внутри предупреждения и может все испортить! Не делай этого! ```
Чтобы добиться аналогичного эффекта, напишите полужирным шрифтом вместо заголовка с уценкой.
включаются путем определения следующего параметра в вашем _config.yml
:
разбор: myst_enable_extensions: # не забудьте указать любые другие расширения, которые вы хотите включить, # включая те, которые включены по умолчанию! - исключить из спискаСписки определений
используют плагин markdown-it-py deflist, который сам основан на спецификации списков определений Pandoc.
Вот пример:
Термин 1 : Определение Срок 2 : Определение
Из документации Pandoc:
Каждый термин должен помещаться на одной строке, за которой может следовать пустая строка, а также одно или несколько определений. Определение начинается с двоеточия или тильды, которые могут иметь отступ в один или два пробела.
Термин может иметь несколько определений, и каждое определение может состоять из одного или нескольких блочных элементов (абзацев, кодовых блоков, списков и т. д.)
Вот более сложный пример, демонстрирующий некоторые из этих функций:
Термин *с уценкой* : Определение [со ссылкой](контент/списки определений) Второй абзац : второе определение Срок 2 ~ Определение 2а ~ Определение 2б Срок 3 : блок кода : > Цитата : Окончательное определение, которое может даже включать изображения:![]()
Цитаты и эпиграфы позволяют выделить информацию, предоставленную другими.
Регулярные котировки управляются стандартным синтаксисом Markdown, т.е.
вставка символа вставки ( >
) перед одной или несколькими строками текста. Например:
> Вот классная цитата. > > От меня, Джо Джовиан
Эпиграфы привлекают больше внимания к цитате и выделяют ее автора. Вам следует пусть они будут относительно короткими, чтобы они не занимали слишком много места по вертикали. Вот как выглядит эпиграф:
```{эпиграф} Вот классная цитата. От меня, Джо Юпитер ```
Вы можете указать атрибуцию эпиграфа, добавив --
в последнюю строку, за которой следует автор цитаты. Например:
```{эпиграф} Вот классная цитата. -- Джо Юпитер ```
позволяют вам определять термины в глоссарии, чтобы вы могли затем ссылаться на него во всем вашем контенте. Вы можете создать глоссарий со следующими синтаксис:
```{глоссарий} Термин один С отступом объяснение термина 1 Второй срок Объяснение термина 2 с отступом ```
Для ссылки на термины в глоссарии используйте роль {term}
. Например,
{термин}`Первый семестр`
становится Первый семестр, а {термин}`Второй семестр`
становится вторым сроком.
Примечание
Термины глоссария автоматически добавляются на индексную страницу вашей книги.
позволяют вам определять элементы индекса (термины, фразы, ключевые слова и т. д.), собранные на одной странице, со ссылками на их расположение в вашем контенте. Это называется Общий индекс .
При создании книги автоматически создается страница общего указателя.
Чтобы создать ссылку/ссылку на ваш общий индекс, используйте ключевое слово genindex
.
Например:
{ref}`используя роль ссылки
: используя роль ссылки
[используя синтаксис ссылки уценки](genindex)
: используя синтаксис ссылки уценки
[](genindex)
: Указатель (для демонстрации названия общего указателя)
{индекс}
Вы можете добавлять элементы в свой общий индекс с помощью директивы {index}
. Он имеет следующий синтаксис:
```{индекс} Имя записи ```
Это ничего не вставит в содержимое вашей конечной страницы, но добавит ссылку на этот раздел в ваш общий индекс. Например»
```{index} индексная директива ```
Вы можете найти этот термин в указателе.
{index}
Вы можете настроить имя записи указателя, установив параметр :name:
.
Например:
```{index} Имена индексов :name: индексные имена ```
Затем вы можете ссылаться на этот указатель в своей книге. Например:
На странице Sphinx , создающей индекс, описан весь спектр возможностей индексирования.
Это включает в себя возможность создавать вложенные заголовки, используя ; Разделитель
для обозначения изменения уровня индекса:
```{index} single: Jupyter Book ; монтаж ```
Из одной ссылки можно создать несколько терминов индекса. Например, мы можем создать записи
ссылок; индексные термины
и индексные термины ; ссылки
из следующей записи:
```{index} двойной: ссылки ; термины индекса ```
Читатели могут быть направлены на альтернативные термины указателя в самом указателе с помощью см.
или см. также
, как в следующем примере, который добавляет запись для цитирований
, чтобы также ссылаться на библиографий
:
```{index} см. также: цитаты ; библиографии ```
Вы также можете создавать записи указателя с помощью других расширений Sphinx. Например, любой термин, который вы определяете в глоссарии, также будет вставлен в указатель.
Чтобы добавить общий индекс в оглавление книги, выполните следующие действия:
Создайте в корне книги файл с именем genindex.
. md
Он должен иметь заголовок , но остальные могут быть пустыми.
Название фактически будет заменено на Index
, когда ваша книга будет построена, но это необходимо в исходном файле, чтобы избежать ошибок.
Добавьте запись об этой странице в оглавление. Например:
формат: jb-книга корень: индекс главы: - файл: путь/к/главе1 - файл: путь/к/главе2 - файл: гениндекс
Подстановки позволяют вам определить переменные в начале страницы, а затем вставить эти переменные в ваш контент повсюду.
Чтобы использовать замену, сначала добавьте основной контент в верхнюю часть страницы следующим образом:
--- мист: замены: key1: "Я **подмена**" ключ2: | ```{примечание} {{ключ1}} ``` рыбный: | ```{изображение} img/fun-fish.png :alt: рыбный : ширина: 200 пикселей ``` ---
Вы можете использовать эти замены как встроенные или как блоки, и вы даже можете вкладывать замены в другие замены (но циклические ссылки запрещены):
Встроенный: {{ key1 }} Уровень блока: {{ключ2}}
Вы также можете вставлять замены внутри других структур уценки, таких как таблицы:
| столбец1 | столбец2 | | -------- | --------- | | {{key2}} | {{подозрительный}} |
См. также
Дополнительные сведения о заменах см. в разделе Замены (с Jinja2).
Вы также можете определить переменные подстановки на уровне книги со следующей конфигурацией:
разбор: myst_substitutions: ключ: значение
Эти замены будут доступны на протяжении всей книги. Например, глобальный ключ подстановки my-global-substitution
определен в файле _config.yml
этой книги и выдает: My global value!.
MyST используют шаблоны Jinja для замены ключей/значений. Это означает, что вы можете применить любое стандартное форматирование Jinja к своим заменам. Например, вы можете заменить текст в своих заменах следующим образом:
Исходный ключ1: {{ ключ1 }} {{ ключ1 | replace("замена", "лучшая замена")}}
Если вы хотите использовать замены для вставки и изменения ссылок в своей книге, вот два варианта для изучения:
Определить всю ссылку уценки как переменную .