Що таке markdown. Застосування та приклади.

Поділіться своєю знахідкою

Маркдаун — мова розмітки тексту. Такий текст легко писати та читати. Його дуже просто зконвертувати в HTML. Створив його письменник та блогер Джон Грубер разом із веб-активістом Аароном Шварцем. Вони хотіли винайти максимально просту та зручну мову розмітки, за допомогою якої текст можна буде перевести в красиво оформлений вигляд. Також текст повинен залишатися читаним навіть до «гарного» виду. Так і з’явився Markdown. Його створили у 2004 році, але найбільшу популярність він набув саме зараз. Його підтримують різноманітні платформи для блогів, сервіси створення нотаток, CMS (WordPress) й навіть месенджери. Тому маркдаун корисно знати всім, хто має справу з текстом в інтернеті: від розробників до блогерів.

Markdown або маркдаун – полегшена мова розмітки, створена з метою зручного написання та сприйняття тексту. Придатна для перетворення на мови публікацій в інтернет (HTML, Rich Text).

Як користуватися розміткою markdown

Людина пише текст у будь-якому редакторі і додає до нього спеціальні комбінації стандартних символів. Це розмітка, вона вказує, де текст повинен бути жирним, де курсивом а де потрібно скласти список. За допомогою символів можна розмітити заголовки, виділення тексту і навіть складні конструкції на кшталт таблиць. Спеціальні перетворювачі формують на основі розмітки готовий документ. Це схоже на використання HTML, але маркдаун доступніший та швидший. Текст у ньому сприймається дуже комфортно. Згодом markdown можна перетворити на текстовий документ потрібного формату.

Хто використовує маркдаун

  • користувачі інтернету, які спілкуються у месенджерах та пишуть нотатки у сервісах, що підтримують розмітку;
  • розробники, що пишуть за допомогою маркдауну документацію для проектів. Їм завжди потрібен простий та надійний інструмент;
  • Контент-менеджери при наповненні сайтів та постів в соціальних мережах, що підтримують маркдаун;
  • блогери, що пишуть лонгріди, коли оформлюють матеріали для статей. Багато платформ для написання текстів підтримують маркдаун, наприклад всім відомий Notion;
  • письменники та копірайтери, яким потрібен простий інструмент для написання та оформлення тексту – розмітка, що читається з будь-якого пристрою;
  • ентузіасти, які користуються розміткою в особистих цілях: пишуть нотатки та списки справ, ведуть щоденники або складають картки для запам’ятовування.

Багато років я писав у Microsoft Word та стандартному блокноті – визнаю, це було тупо!

Застовування розмітки

  • швидке форматування статті для перетворення в PDF;
  • верстка текстового документу для розміщення на сайті, але без застосування HTML;
  • написання документації для коду;
  • складання нотаток у власному цифровому блокноті;
  • написання повідомлень у месенджерах з красивим оформленням.

Правила розмітки markdown

Основний синтаксис

Він дуже простий: текст “обгортається” в символи або вони ставляться перед рядком. Ось так, наприклад, виглядатимуть заголовки:

# Заголовок H1 (назва статті)

## Заголовок H2 (заголовки)

### Заголовок H3 (проміжні підзаголовки)

І так далі, аж до заголовків шостого рівня з шістьма ґратками перед рядком. Насправді підзаголовки нижче H3 практично не застосовуються.

У маркдауні можна застосувати базове форматування тексту. Буквицю або рукописний шрифт вставити не вийде, але виділити важливі ділянки легко.

*Курсив*

**Жирний текст**

***Жирний та курсив***

=Виділений текст=

Виділений текст

> Цитата

кутова дужка ставиться перед кожним рядком цитати

>> Цитування

дві кутові дужки

Цитата

Цитування

– Пункт маркованого списку

  • Пункт маркованого списку

1. Перший пункт

2. Другий пункт

Вставка матеріалів

Розмітка дозволяє вставляти в текст різноманітні елементи: посилання та зображення, які потім самі завантажуються в документ.

[текст_посилання](будь-яке посилання)

для вставки посилань

[підпис до картинки] (посилання на картинку)

для вставки картинок у текст

горизонтальна лінія *** або —


лінія на весь рядок, що відокремлює частину тексту від іншої

А якщо в тексті має бути зірочка або будь-який інший «спеціальний» символ, який можна прочитати не так, перед нею треба поставити зворотний слеш. Наприклад, ось так: /*. Тоді символ відобразиться в тексті як слід та буде ігноруватись інтерпритатором розмітки.

Розширений синтаксис

Існує розширена версія маркдауну. Вона називається GFM (GitHub Flavored Markdown). У ній є інші цікаві можливості.

~~закреслений текст~~

закреслений текст

Можна створювати таблиці, побудовані на символах вертикальної та горизонтальної рисок.

|1|2|

|-|-|

|3|4|

12
34

Списки справ з відмітками про виконання:

[X]

виконана справа

[ ]

невиконана справа

Якщо редактор підтримує GFM, всі подібні елементи синтаксису також перетворюються і будуть виглядати як на веб-сторінці. У ньому є навіть емодзі: потрібно просто вставити в текст код потрібного смайлу, обернутий на двокрапки. Приблизно так: :smile:. Коди емодзі є у відкритому доступі, їх можна знайти в інтернеті.

Як почати працювати з маркдаун

Необхідно встановити відповідний додаток або відкрити онлайн редактор, який підтримує цю розмітку і почати писати. Вибирайте той, що подобається, налаштуйте під свої потреби та починайте писати. Синтаксис настільки простий, що вивчається буквально за 10 хвилин. Може бути навіть так, що ви вже частково користуєтеся ним. Наприклад, у месенджері Telegram для форматування тексту використовується саме маркдаун.

Якщо ви хочете користуватися маркдауном не для особистих нотаток, а для оформлення тексту в блозі або на сайті, потрібно підключити до них плагін із підтримкою Markdown. Це також нескладно, такі плагіни існують для багатьох CMS.

Маркдаун стане в нагоді і тим, хто планує кар’єру розробника. Він потрібен у контенті, у веб-програмуванні, написанні документації тощо.

Рекомендовані додатки

Для роботи з текстом у markdown не потрібно використовувати надмірно функціональні додатки, як Microsoft Word та ін. Спеціалізованих існує багато, але виділю декілька.

Найбільш відомий та кросплатформений — Notion. Зручний як для написання тексту, так і для зберігання нотаток.

Особисто я пишу тексти для даного блогу завдяки Typora з персонального комп’ютера. Також з розширеним функціоналом – Obsidian – дозволяє одразу публікувати статті одразу на сайти, створені на WordPress безкоштовно.

На смартфоні застосовую JotterPad та Ai Writer. Чому декілька? Ще можу визначитись, котра краща.

Правильний markdown редактор допоможе вам отримати контент, який легко перетворити в HTML… без знання коду 😲

Додатково про Markdown

Чи було це корисно?

Поділіться своєю знахідкою

Залишити відповідь

Ваша e-mail адреса не оприлюднюватиметься. Обов’язкові поля позначені *