Сегодня мы поговорим про Markdown: для чего он нужен, как применяется, и почему это очень крутой и полезный инструмент! Markdown — это простой язык разметки, который преобразует текст в структурированный HTML. Он позволяет добавлять к тексту базовое форматирование, используя символы, доступные на всех клавиатурах. Этот язык разметки используется не только программистами, но и блогерами, писателями, редакторами и журналистами по всему миру!
*Прямая ссылка на видео https://www.youtube.com/watch?v=phIbGdbYSJk
Таймкоды
00:00:00 Введение в Markdow
- Markdown — это простой язык разметки, преобразующий текст в структурированный HTML.
- Создан Джоном Грубером и Ароном Шварцем в 2004 году.
- Используется программистами, блогерами, писателями и журналистами.
00:00:53 Применение Markdown
- Подходит для быстрого создания текста с минимальным форматированием.
- Можно использовать для полноценной документации и технических заданий.
- Поддерживается конвертация в PDF и другие форматы.
00:01:29 Синтаксис Markdown
- Для форматирования используются символы с клавиатуры: звёздочка, решётка, дефис, нижнее подчёркивание.
- Создание заголовков с помощью решётки, изменение уровня заголовка количеством решёток.
- Полужирный и курсивный текст с помощью звёздочек или нижнего подчёркивания.
00:03:38 Списки и ссылки
- Нумерованные списки: начало строки с номера и точки.
- Маркированные списки: начало строки с дефиса, звёздочки или плюса.
- Вложенные списки: добавление табуляции или четырёх пробелов перед элементом подсписка.
- Ссылки: заключение текста ссылки в квадратные скобки, адреса — в круглые скобки.
- Подсказки к ссылкам.
00:05:30 Изображения и цитаты
- Вставка изображений: восклицательный знак, название в квадратных скобках, URL или путь к локальному файлу.
- Цитаты: знак больше, текст цитаты.
00:06:32 Обратные апострофы и код
- Обратные апострофы для выделения текста без форматирования.
- Тройные апострофы для блоков кода с подсветкой синтаксиса.
- Пример подсветки синтаксиса для Python и Bash.
00:07:50 Таблицы
- Создание таблиц с помощью вертикальных черт и дефисов.
- Выравнивание текста в ячейках с помощью двоеточия.
- Рекомендация использовать инструменты для создания таблиц, например, Tables.
00:09:04 Заключение
- Markdown — удобный инструмент для заметок и сценариев.
- Рекомендация посмотреть следующее видео о оформлении GitHub-репозиториев.
*Ссылка на таймкоды в нейросети https://www.youtube.com/watch?v=phIbGdbYSJk
В этом видео
Что такое Markdown
0:00
Что такое markdown всем Q Если вы не
0:03
первый день варите в it то Вы наверняка
0:05
не раз натыкались на файлы с расширением
0:07
MD в разного рода github репозитория
0:10
документация коду или даже в
0:12
повседневной жизни это так называемые
0:14
markdown файлы что Что ещё за markdown
0:18
markdown — это простой язык разметки
0:20
который преобразует текст
0:22
структурированный HTML Он позволяет
0:24
добавлять тексту базовое форматирование
0:26
используя символы доступные на абсолютно
0:29
любых к
0:31
был придуман в 2004 году Джоном грубе
0:34
блогером и программистом который хотел
0:36
создать простой и удобный способ писать
0:38
для Веба он разработал синтаксис Мада
0:41
вместе с ароном шварцем этот язык
0:43
разметки используют не только
0:44
программисты но и блогеры писатели
0:46
редакторы журналисты по всему свету да
0:49
Чего уж говорить сценарий к этому ролику
0:52
буквально написан в мадаун файле к Мада
0:54
разметке прибегают тогда когда нам нужно
0:56
максимально быстро Записать какой-то
0:58
текст с минимальным форматированием в
1:00
обычном блокноте мы не сможем сделать КС
1:02
курсивным или жирным а для работы во
1:04
всяких текстовых процессорах нужно
1:06
гораздо больше времени и усилий хотя и
1:08
функционал там значительно больше Однако
1:11
Никто вам не запрещает писать
1:13
полноценную документацию техническое
1:15
задание или прочую макулатуру в формате
1:17
markdown некоторые редакторы
1:19
поддерживают конвертацию markdown файлов
1:21
допустим в тот же PDF А если необходимо
1:24
доработать текст через Word то
1:26
существует большое количество
1:27
конвертеров в том числе и браузерных
Markdown в Visual Studio Code
1:30
Надеюсь я успел вас заинтересовать
1:31
Потому что сейчас мы переходим к
1:33
изучению синтаксиса языка markdown так
1:36
как у нас тут в основном собрались
1:38
сюрприз программисты то и markdown мы
1:41
будем писать в среде разработки
1:42
большинство редакторов кода уже имеет
1:44
внутренние функции для отображение
1:46
markdown файлов где-то этот функционал
1:48
вшит изначально а где-то его нужно будет
1:51
установить через дополнение Сегодня я
1:53
буду работать через Visual Studio Code и
1:55
этот редактор уже имеет встроенные
1:57
функции для отображения markdown файлов
2:00
однако для удобства написания я
2:01
Настоятельно рекомендую установить
2:03
расширение markdown All in-one с ним
2:06
будет банально удобнее Итак что можно
Заголовки и Форматирование текста в Markdown
2:09
рассказать про синтаксис языка markdown
2:12
Ну как я в самом начале ролика и говорил
2:14
для форматирования текста в markdown
2:17
используются символы доступные буквально
2:19
на любых клавиатурах это символы вроде
2:21
звёздочка решётка дефис нижнее
2:24
подчёркивание и прочее никаких вам
2:26
знаков копирайта параграфа и прочих н
2:30
вордовской вставке ну вот допустим для
2:32
того чтобы создать заголовок необходимо
2:34
просто поставить знак решётка причём
2:37
чтобы изменить уровень этого заголовка
2:39
мы просто увеличиваем или уменьшаем
2:41
число этих решёток максимальный уровень
2:43
заголовка — шестой идём дальше
2:46
форматировать текст markdown также
2:48
очень-очень просто При помощи обычных
2:50
символов звёздочки либо нижнего
2:52
подчёркивания мы можем сделать текст
2:54
полужирным либо курсивным Для этого нам
2:57
нужно использовать специальные символы
2:59
перед и после текста который мы хотим
3:01
изменить например чтобы сделать текст
3:03
курсивным мы должны обернуть его в одну
3:06
звёздочку а чтобы сделать текст
3:08
полужирным мы должны обернуть его в две
3:10
звёздочки вместо звёздочек мы можем
3:12
спокойно использовать нижнее
3:14
подчёркивание и оно также будет
3:15
прекрасно работать ещё мы можем сделать
3:18
зачёркнутый текст Для этого нам
3:19
необходимо обернуть текст двумя знаками
3:22
Тильда по логике Раз уж мы умеем
3:25
зачёркивать текст то мы можем Его ещё и
3:27
подчёркивать верно
3:30
к сожалению markdown не имеет
3:32
специального символа Для подчёркивания
3:34
текста но предлагаю вернуться в самое
3:36
начало видео markdown — это простой язык
3:40
разметки который преобразует текст в
3:42
структурированный HTML преобразует текст
3:45
в структурированный HTML а это значит
3:48
что а это значит что мы можем в нашем
3:50
markdown файле использовать HTML теги и
3:53
это также будет прекрасно работать в
3:55
HTML чтобы подчеркнуть какой-то текст
3:57
Нам необходимо воспользоваться тегом U
4:00
это безусловно не так удобно Как
4:02
использовать спецсимволы но теперь вы
4:04
знаете что и HTML теги прекрасно
4:07
работают в markdown файлах следующее Что
Списки и Чекбоксы в Markdown
4:09
нам может пригодиться — это списки
4:11
списки в markdown бывают двух типов это
4:14
нумерованные и маркированные списки
4:16
нумерованные списки используются для
4:18
перечисления элементов в определённом
4:20
порядке А маркированные как можно понять
4:23
без определённого порядка для создания
4:25
нумерованного списка мы должны начинать
4:27
каждую строку с номера и точки например
4:31
ну а для создания маркированного списка
4:34
мы должны начинать каждую строку с
4:36
дефиса звёздочки или плюса в markdown Мы
4:39
также можем создавать вложенные списки
4:42
Для этого нам необходимо добавить
4:44
табуляцию или четыре пробела Перед
4:46
каждым элементом под списка ещё один
4:48
интересный тип списка — это список
4:50
состоящий из чекбоксов Ну то есть это
4:53
такой список который может быть либо
4:55
закрашен либо не закрашен такой тип
4:58
очень удобный для формиро це напоминаний
5:01
и задач для создания такого списка мы
5:03
должны использовать квадратные скобки с
5:05
пробелом или иксом внутри например
5:09
Теперь давайте поговорим о ссылках
Ссылки и Изображения в Markdown
5:12
ссылки в markdown позволяют переходить
5:14
либо на другие веб-страницы либо на
5:16
другие документы мы можем просто
5:18
Вставить самую обычную ссылку в наш
5:20
текст но есть и другой вариант для
5:22
создания ссылки мы должны заключить
5:24
текст ссылки в квадратные скобки Ну а
5:27
адрес ссылки в Круглое скобки
5:30
ещё один момент об этом мало кто
5:32
вспоминает но мы можем добавить
5:34
подсказки к нашей ссылке которая будет
5:36
всплывать при наведении курсора на текст
5:38
ссылки примерно такая же конструкция
5:41
используется и для добавления
5:42
изображений в markdown файл Да здесь и
5:46
такое есть мы можем вставлять как
5:48
локальные картинки так и картинки из
5:50
интернета для этого перед конструкцией
5:52
мы ставим восклицательный знак в
5:54
квадратных скобках придумываем название
5:56
оно никак отображаться не будет и и
5:59
вставляем URL ссылку на изображение в
6:01
случае если мы берём картинку из
6:03
интернета или прописываем путь и имя
6:06
картинки если мы хотим подгрузить
6:08
локальную фотографию и да подсказки
6:11
здесь работают так же как и в обычных
6:13
ссылках движемся дальше и на очереди у
Цитаты в Markdown
6:16
нас цитаты цитаты нужны для выделения
6:19
текста который был сказанно кем-то
6:21
другим создаются цитаты очень легко
6:24
ставим знак больше и пишем цитату ставим
6:27
несколько знаков больше и вот у нас уже
6:30
есть вложенные
6:31
цитаты Ещё один очень важный элемент в
Обратные апострофы и Блоки кода в Markdown
6:34
markdown — это обратные апострофы Они же
6:38
обратные кавычки Они же
6:40
гравис боже я надеюсь я правильно
6:42
ударение поставил обратные апострофы как
6:45
правила расположены на клавише ё в
6:47
обычных крти клавиатурах они
6:49
используются для выделения кода или
6:51
какого-нибудь иного текста который нужно
6:53
отобразить без форматирования Для этого
6:55
нам нужно обернуть текст в одни обратной
6:58
апострофы если мы хотим выделить текст в
7:00
строке либо обернуть тремя в случае если
7:03
мы хотим выделить несколько строк Ну и
7:06
конечно их самое главная фича — это
7:08
создание блоков кода для того чтобы
7:10
создать блок кода мы добавляем тройные
7:12
апострофы и пишем код я напишу от балды
7:16
какой-нибудь код на языке
7:17
программирования Python в котором будут
7:19
и стандартные конструкции и табуляция и
7:22
прочее Как вы можете заметить уже
7:25
выглядит неплохо но мы можем сделать и
7:27
лучше для этого мы с самой первой
7:29
строчке прямо за апострофами пишем язык
7:32
программирования использованный в данном
7:34
блоке я пишу Python и мы видим что у
7:37
текста появилась красивая подсветка
7:40
синтаксиса можно использовать не только
7:42
языки программирования вот допустим
7:44
напишем небольшой Баш скрипт и у него
7:47
тоже есть подсветка
7:49
синтаксиса наконец давайте рассмотрим
Таблицы в Markdown
7:51
последний интересный элемент марда
7:54
таблицы таблицы в Mar используются тогда
7:56
когда нам нужно отобразить данные в
7:58
удобном рук ванном виде для создания
8:01
таблицы мы должны использовать символы
8:03
вертикальной черты и дефиса а также
8:05
двоеточия для выравнивания текста в
8:07
ячейках например
8:10
при помощи вертикальных линий мы
8:13
отсекаем колонки а при помощи дефисов
8:15
строки если мы хотим настроить
8:17
выравнивание то мы создаём новую строку
8:19
и при помощи дефисов и двоеточие мы
8:22
настраиваем выравнивание всех ячеек что
8:24
находится ниже если двоеточие слева
8:27
выравнивание по левому краю если справа
8:29
то по правому краю А если двоеточия
8:31
стоит с двух сторон то выравнивание по
8:33
центру Но есть одна проблема с таблицами
8:36
в markdown они очень неудобны если их
8:38
писать вручную Представьте Сколько
8:40
времени и сил вам придётся потратить для
8:42
того чтобы создать большую и сложную
8:44
таблицу используя вертикальные чёрточки
8:47
и дефисы к тому же если вы ошибётесь в
8:50
количестве или местоположении каких-то
8:52
символов то ваша таблица может попросту
8:54
сломаться и отображаться неверно поэтому
8:57
я Настоятельно вам рекомендую
8:59
использовать специальные инструменты для
9:01
создания таблиц markdown вроде Table
9:03
Generator это онлайн-сервис который
9:06
позволяет вам легко и быстро создавать
9:08
таблицы в markdown Вы можете ввести
9:10
данные в таблицу изменять её размер
9:12
стиль выравнивание и другие параметры а
9:15
затем скопировать и вставить готовый код
9:17
в ваш markdown документ это сэкономит
9:19
вам много времени и нервов я постарался
9:22
рассказать вам про все возможности и
9:24
фичи языка разметки markdown на самом
9:27
деле это очень удобный инструмент и я им
9:29
пользуюсь чуть ли не каждый день Вот у
9:31
меня допустим сейчас обсидиан запущен
9:34
вот я в нём и заметки делаю и сценарий
9:36
пишу Вот а он как раз-таки и работает с
9:38
markdown файлами и если вы вдруг по
9:40
какой-то причине ни разу не использовали
9:42
markdown в своих личных проектах то я
9:44
вам Настоятельно рекомендую посмотреть
9:46
следующее видео на канале в нём мы очень
9:49
глубоко погрузимся в тему оформления
9:51
github репозиториев И уж там-то Mar Нам
9:54
очень сильно понадобится если видос уже
9:56
вышел можете глянуть его тут либо пос
9:59
другие видео на
10:01
канале сосед засверлить всё Эй до
10:05
скорого