Markdown разметка

Markdown разметка привносит форматирование в обычные .txt файлы (ну или .md, как угодно). Писать текст с ее помощью одно удовольствие. Экономия времени на оформлении огромная. До сегодняшнего дня я не пользовался этой технологией. Но как только попробовал, сразу захотелось рассказать о ней.

Почему это быстро, круто и популярно?

Markdown разметку поддерживает все больше программного обеспечения. Например:

CMS WordPress;
Drupal;
Ruby On Rails;
мессенджер Telegram.

Есть реализация на всевозможных языках программирования.

Это очень крутая технология:

Она простая. Изучение займет 5 минут, привыкание — 10 минут;
Никаких специальных знаний не требуется;
Вы экономите время на оформлении, все получается практически само собой.

В чем суть?

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

Синтаксис очень простой. Давайте посмотрим на заголовки.

Как начать пользоваться?

Для начала вам нужен редактор с поддержкой Markdown разметки. После этого нужно запомнить элементарный синтаксис.

Заголовки (h1 — h6 в HTML)

# - Заголовок первого уровня
## - Заголовок второго уровня
### - Заголовок третьего уровня
#### - Заголовок четверного уровня
##### - Заголвок пятого уровня
###### - Заголвок шестого уровня

Это значит, что если вам нужен заголовок первого уровня (h1 в HTML), вы ставите перед ним одну «решетку»

# Спасибо, Дима!

Оформление (italic и bold в HTML)

Разметка поддерживает жирный текст и курсив:

*Курсив*
**Жирный текст**

Кроме того, есть альтернативный синтаксис:

_Курсив_
__Жирный текст__

Суть очевидна. По одному символу для курсива, по два для жирного начертания.

Списки (аналог ul и ol в HTML)

Для не нумерованных списков мы ставим одну * и пробел:

* Первый элемент списка;
* Второй элемент списка;

В отличии от курсива после символа ставится пробел и нет «закрывающего» символа.

Альтернативный вариант с дефисами тоже справедлив и тут:

- Первый элемент списка;
- Второй элемент списка;

Для нумерованных списков мы ставим 1.

Вложенные пункты (подпункты) отделяются дополнительно табуляцией.

Чекбоксы (аналог input type=«checkbox»)

Обычно, чекбоксы используются вместе с одним из списков.

* [ ] Пустой чекбокс;
* [x] Активный чекбокс;

Ссылки

Квадратными скобками обозначаем границы ссылки в тексте. После закрывающей квадратной скобки в круглых указываем URL:

[Полезный блог по разработке сайтов ;-)](https://dmitriyilichev.com)

Сноски

Очень удобно для расшифровки аббревиатур.

WWW[^World Wild Web]

Цитаты (аналог blockquote в HTML)

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

> Блок с цитатой

Код (аналог pre или code в HTML)

Блок с кодом должен начинаться с двух звездочек.

** jQuery(«body»).fadeIn(800);

Горизонтальная линия (hr в HTML)

Три тире через пробелы позволяют нарисовать горизонтальную линию.

P.S.:

Этот пост тоже написан на Markdown всего за час.