Markdown - язык разметки гипертекста, созданный в 2004 году как аналог html, призванный воплотить в себе идею максимальной читаемости и лёгкости кода. Но за читаемость и лёгкость кода, фактически Markdown поплатился функционалом, он умеет лишь малую часть того, на что способен html. Все возможности языка можно перечислить на пальцах: это, прежде всего, работа с текстом, добавление изображений, работа с ссылками и списками.

Сегодня дебютная статья, где я пишу о программировании (пусть и web) на чём-то, помимо delphi. Работать будем в редакторе Brackets, с установленным плагином Markdown Preview.

Для начала создадим файл с расширением .md, после чего подключим к нему плагин "Markdown Preview" и активируем его. Снизу откроется интерактивная панель:



Собственно сам редактор с активированной панелью.

На снимке сверху - Markdown в действии. На самом деле это язык, который многократно уступает в возможностях HTML, что меня весьма разочаровало. Основные его направления: работа с текстом, работа с изображениями, работа со списками. Зачем же он тогда нужен? Например, во многих блоговых движках Markdown встраивается по-умолчанию, и пользователю, не знающему html, будет гораздо легче редактировать текст на данном языке, благо возможностей для простого блога - хватает. А теперь давайте рассмотрим поэтапно то, что умеет Markdown.
Введение.

Строки в Markdown переносятся только в том случае, если между ними одна и более пустых строк. Иначе текст будет идти одной строкой:



1. Работа с текстом.

Как и в html, в Markdown есть заголовки различных уровней (всего их 6). Все они обозначаются символом "#". Если перед строкой стоит один символ "#", то это заголовок 1-ого уровня. Если 2 - то второго. И так до 6-ти. Пример:



Для того, что бы сделать текст жирным - применяют 2 символа - "**" обоюдно с краёв строки / слова:



Для курсива - символ "_";

Для зачёркнутого - "~~":



2. Работа со списками.

Списки в Markdown можно начинать как с "*", так и с "+", так и с "-":



3. Гиперссылки.

С гиперссылками работать очень просто, как и со всем остальным. Название ссылки пишется в квадратных скобках "[ ]", а сама ссылка ставится рядом, в круглых:



4. Изображения.

Изображения используются почти так же, как и обычные ссылки, с тем лишь отличием, что в начале ставится восклицательный знак:



Описание изображения служит тем же, что и title в изображениях HTML. Если по какой-то причине картинка не загрузится - то выпадет её описание.

5. Цитаты.

Строка с цитатой выделяется символом ">":



Так же в Marcdown'е возможны вставки кода. Начинаются они с 4-х пробелов:



В принципе, это все основные вещи, с которыми работает данный язык разметки. Спасибо за внимание.

Добавлено: 24 Февраля 2015 19:52:17 Добавил: Андрей Ковальчук Нравится 0

Добавить