Оставьте HTML дизайнерам, пишите посты на Markdown!

HTML великолепен. Этот гибкий и мощный язык лежит в основе интернета и позволяет удобно и быстро редактировать содержимое веб-страниц. Но на освоение HTML нужно время — все эти теги, правила, форматирование, стили и прочие элементы превращают его в настоящий кошмар для любого, кто не готов выделить несколько часов на постижение основ. В то же время, есть Markdown — язык форматирования контента, который можно освоить всего за час.

Что такое Markdown

Markdown — не первый язык форматирования контента. Эта честь принадлежит Adobe Rich Text и его версии от Microsoft под названием RTF. Но Rich Text не решает проблем с HTML — синтаксис RTF хотя и проще в плане правил, но при этом полностью нечитаемый. Частично проблема решается WYSIWYG-редакторами и конвертером в HTML, но оба они неидеальны и часто приводят к ошибкам и сбоям.

В 2004 году, Джон Грубер решил, что он не готов дальше это терпеть и написал свой язык — с очень простым и понятным синтаксисом, чтобы исключить нужду в WYSIWYG и уменьшить ошибки конвертера. С тех пор, язык активно развивается и постоянно становится еще более доступным и читаемым.

Вот сравнение между HTML, RTF (по версии Microsoft) и Markdown (по версии Гитхаб):

HTML

<h1>Unihost</h1>
<a href="”http://unihost.com”">Unihost</a> is the best hosting company in the world and will make your <em>whole life</em> easier. <strong>I promise.</strong>

Давайте начистоту. Это — сложно. Может не настолько сложно, чтобы пойти и выучить другой язык просто чтобы не писать на этом — но все равно сложно. Сложнее, чем должен быть простой абзац с выделением и одной ссылкой.

К тому же, взгляните на теги. Чтобы открыть и закрыть каждый тег, нужны два дополнительных символа (<>), а сами теги, например <strong>, слишком длинные и дают шанс на опечатку. При этом, самих тегов великое множество и многие из них не очень интуитивны.

Подведя итог, HTML-код:

1. Сложно читать;
2. Сложно писать;
3. Легко нечаянно испортить.

Поэтому мало кто может просто открыть Блокнот и начать писать HTML. Обычно используются разные среды разработки с подсветкой кода, например Atom Text Editor или онлайн-сервис JSFiddle. В последнее время мне очень нравится Adobe Brackets с движком от Google Chrome, но это всё равно полумера.

Rich Text Formatting (Microsoft)

{\rtf1\ansi
{\colortbl
;
\red0\green0\blue255;
}
Unihost
{\pard
{\field{\*\fldinst{HYPERLINK
"”http://unihost.com”"
}}{\fldrslt{\ul\cf1
Unihost
}}} is the best hosting company in the world and will make your {\i
whole life
} easier. {\b
I promise.
}
\par}
}

Это еще хуже, чем обычный HTML. Неудивительно, что для нормальной работы с RTF нужен WYSIWYG-редактор! Даже после долгого изучения кода, я с трудом понимаю, что в нем происходит — и все эти теги не делают задачу легче.

В то же время, RTF еще гибче, чем HTML. Поэтому не стоит его сбрасывать со счетов — если вы хорошо знаете HTML и можете исправить ошибки WYSIWYG-редактора и конвертера, то RTF заметно облегчит работу с таблицами или графиками. Но если не знаете или просто цените свои нервы — лучше попробовать что-нибудь еще.

Markdown

# Unihost
[Unihost](http://unihost.com) is the best hosting company in the world and will make your *whole life* easier. **I promise.**

Согласитесь, это намного проще читать. Код упрощенный, удобный, стильный и не требует особого состояния разума для понимания происходящего.

Единственный недостаток — неинтуитивность некоторых моментов. Выделение с * и ** — удобно и логично, но вот заголовки и ссылки угадать не так уж и просто. Впрочем, Путеводитель по Markdown всё равно в разы проще, чем любые мануалы по HTML или Rich Text, да и запомнить форматирование намного легче. А после этого можно писать даже в Блокноте.

Впрочем, простота — это не всегда плюс. Например, нельзя переставить текст по центру страницы или выделить его другим цветом. Впрочем, такие «сложные» отрезки можно спокойно написать на HTML, который полностью поддерживается конвертером.

Где пользоваться Markdown

Если бы этот язык поддерживался только в редакторах, он был бы не очень полезен. Поэтому для большинства CMS — включая Вордпресс, Жумлу и многие другие — есть специальные плагины.

Как включить Markdown в Вордпресс

По умолчанию Вордпресс не умеет преобразовывать Markdown, но можно добавить поддержку через плагин — Jetpack, JP-Markdown или Markdown Editor.

1. Jetpack by WordPress.com — монументальный плагин, который заметно увеличивает возможности WordPress, взамен на трекинг неконфиденциальных данных с сайта. С одной стороны, лишняя дыра в безопасности, с другой — больше возможностей. 
   1. После установки плагина, перейдите в Настройки > Написание и поставьте галочку напротив Использовать Markdown. Также в Настройки > Обсуждение можно включить конвертер для комментариев.
2. JP-Markdown  — использует тот же код, что и Jetpack, но не использует трекинг.
   1. Преобразование постов включено по умолчанию, но вот галочку для комментариев придется поставить вручную.
3. Markdown Editor помимо конвертера добавляет WYSIWYG-редактор, который полностью заменяет редактор WordPress, добавляет живое превью и удобные ярлыки. Не то, чтобы всё это было очень нужно в Markdown, но так еще удобнее. Как и с JP-Markdown, форматирование постов включается автоматически, но вот для комментариев нужно поставить галочку.

TL;DR

1. Markdown — замечательная штука. Он позволяет писать и форматировать статьи без лишнего кода, быстро и просто.
2. Markdown не заменит HTML, но очень поможет авторам контента, которые не готовы постигать все особенности языка.
3. Читайте Cheatsheet 101 и будете свободно писать на Markdown уже через десять минут!
4. Markdown можно писать где угодно — в Блокноте, MS Word, gEdit. Среда разработки — не нужна. Но если очень хочется, можно использовать StackEdit и Adobe Brackets.
5. Поддержку Markdown можно добавить в любую популярную CMS. В WordPress даже есть полноценный редактор — Markdown Editor.