Хай!!! Это вторая часть использования макрдаун на примере оформления проектов в Jupyter notebook. Ниже приведены примеры синтаксиса для работы с ссылками, составлением содержания, составлением таблицы, оформлением текста, выводом изображения, оформлением предупреждающих цветных блоков.
Оформление ссылок
Начну с синтаксиса простых ссылок:
В markdown общий вид ссылки выглядит так: [Имя ссылки](адрес). Кроме того в документе Jupyter можно ссылаться на конкретное место в этом же документе [Имя ссылки](#tag). На мой взгляд, это очень полезная функция, которая позволяет в объемных проектах написать содержание, а также вывести в отдельный блок какие-либо сложные функции, чтобы не искать их по всему документу. Ниже оставлю скриншоты.
Если хотите, чтобы при наведении мыши выводился какой-либо заголовок, то можно использовать такую форму : [Яндекс дзен](https://zen.yandex.ru/ "Портал")
(Эквивалент в HTML : <a href="https://zen.yandex.ru/" title='Портал'>Яндекс дзен</a>)
Для того, чтобы ссылаться на документ в котором работаете необходимо:
1. создать заголовок/тэг
2. в ссылке указать точный тэг по форме [наименование ссылки](`решетка`наименование заголовка/тэга)
Оглавление:
На выходе выглядеть будет так:
Работа с кодом в markdown:
На мой взгляд, удобнее читается код, когда подсвечен синтаксис Ниже пример подсвеченного синтаксиса java и python:
И еще один способ выделить многострочный код - это использовать отступ из 4-х пробелов:
Оформление таблицы
Работа с текстом
Цвет текста.
Необходимо использовать конструкцию:
<span style="color:color">Какой-то текст</span>, где color - любой цвет. Color может может принимать как значения цветов (red, green, blue ...) так и значение HEX color codes. Пример ниже:
Шрифт текста:
`<span style="font-family:Century Gothic">Какой-то текст</span>`
Можно использовать различные типы шрифтов, например из библиотеки CSS font family list
Выделение текста
Использование разноцветных блоков:
Текст можно выводить в цветных блоках. Цвета разделены по виду оповещению. Типы оповещений : голубой блок (alert-info), зеленый блок (alert-success), желтый блок (alert-warning), красный блок (alert-danger))
код:
- голубой
<div class="alert alert-info"> <b>info</b>
Используюте данный тип блоков для советов или заметок
</div>
- зеленый
<div class="alert alert-success">
<b>success</b>
Данный тип обычно используют для успешного выполнения чего-либо
</div>
- желтый
<div class="alert alert-block alert-warning">
<b>warning</b>
Такой тип блоков обычно используют для отображения формул или для отображения предупреждающих сообщений.
</div>
- красный
<div class="alert alert-block alert-danger">
<b>Danger</b>
Данный тип блоков обычно указывает на опасное или потенциально негативное действие
</div>
Вывод картинки
[Alt-текст](http://example.com/ "Заголовок изображения")
Если не нашли что-то в этой статье, то можете посмотреть ее первую часть. В ней я описал оформление списков, заголовков, цитат, параграфов и вложенных блоков.
Спасибо за внимание!