Шпаргалка по синтаксису Markdown

Краткая справка по заголовкам, выделению, ссылкам, спискам, коду, цитатам, разделителям и таблицам — в духе GitHub-flavored Markdown, который используется здесь.

Заголовки
# H1
## H2
### H3
Выделение
**жирный**  *курсив*  ~~зачёркнутый~~
Ссылки
[текст](https://html-viewer.org/ru)
<https://html-viewer.org/ru>
Списки
- пункт
- пункт

1. один
2. два
Код
Инлайн `code`

```ts
const x = 1
```
Цитата
> Строка цитаты
> Вторая строка
Горизонтальная линия
---
Таблица (GFM)
| A | B |
|---|---|
| 1 | 2 |
РУКОВОДСТВО

Markdown в HTML — и на выходе всё ещё выглядит оформленным

Многие конвертеры превратят ваши `# заголовки` в теги `<h1>` и на этом остановятся. Для быстрого дампа этого хватает; большинству публикационных сценариев нужна читаемая типографика: комфортная длина строки, таблицы без «стены из pipe» и блоки кода, не похожие на обычный текст. Эта страница для второй задачи — конвертировать Markdown в HTML и уйти с разметкой, которую не стыдно вставить на сайт клиента, в архив рассылки или в код-блок Squarespace. После загрузки страницы всё работает локально. Вставьте текст из Obsidian, Notion, GitHub или обычного файла; парсер понимает GitHub-flavored Markdown, включая pipe-таблицы и ограждённый код. Id заголовков строятся из текста заголовка, чтобы якорные ссылки пережили экспорт. Дальше — очищенный фрагмент для CMS или полный HTML-документ с выбранной темой и своими стилями в одном блоке `<style>`.

Конвертер Markdown в HTML с живым предпросмотром и стилевыми пресетами в один клик

Аккуратная вёрстка, а не только перевод тегов

Наше отличие простое: конвертация плюс подача. Выберите тему предпросмотра (в стиле GitHub, serif-документ, ночной режим или минимальная), затем стилевой пресет в один клик — «Журнал», «Розовая редакция», «Блог pro» и другие — они мгновенно заполнят панель «Свой CSS». Вы видите смену вёрстки в предпросмотре до копирования. Это и есть «верстка в один клик»: не писать вручную двадцать правил для границ таблицы в дедлайн. Нужна точная настройка? Правьте CSS напрямую. При экспорте полного документа встроенная тема и ваши правила сливаются в скачанный HTML — файл откроется так же, как вы утвердили в инструменте. Экспорт фрагмента остаётся структурным — чистые теги для Squarespace, WordPress или любой HTML-вставки; полный экспорт — для автономного просмотра, передачи коллегам или открытия в playground на главной.

Безопасность как у издательских инструментов: DOMPurify убирает рискованную разметку, сохраняя таблицы, ссылки, списки, блоки кода и id заголовков. Режим сырого HTML показывает `<thead>` / `<tbody>` до вставки. Переключайте «Предпросмотр» и «Сырой HTML» в шапке панели; на стороне ввода — Markdown и свой CSS. Без аккаунта, без очереди загрузки, без «сначала поставьте Pandoc».

Открыть конвертер
🌱

Стилевые пресеты в один клик

Восемь готовых CSS-макетов заполняют «Свой CSS» одним щелчком. Предпросмотр обновляется сразу — сравните «Розовую редакцию», «Океан» или «Полировку для CMS» без поиска gist на GitHub.

🔬

Таблицы GFM, которые можно проверить

В примере есть таблица. Отредактируйте, посмотрите ячейки в предпросмотре, подтвердите HTML-структуру до переноса в конструктор страниц.

💫

Два формата экспорта

HTML-фрагмент для встраиваемых блоков; полный HTML-документ, когда стили должны быть в одном файле, или «Предпросмотр HTML» в основном playground.

FEATURES

Таблицы при конвертации Markdown в HTML для Squarespace и похожих CMS

Pipe-таблицы из черновика становятся настоящей разметкой `<table>`. Выберите экспорт фрагмента, вставьте в блок Code или HTML и проверьте на живом сайте — шаблоны решают последнее слово, но вы начинаете с чистой структуры, а не с борьбы с WYSIWYG-таблицей.

Ввод Markdown рядом с отрисованным HTML-предпросмотром и стилем таблицы

Вёрстку видно до вставки

Живой предпросмотр в sandboxed iframe. Таблицы, цитаты и ограждённый код обновляются по мере набора. Темы задают базу; пресеты добавляют редакционную вёрстку в один клик. При экспорте полного документа: что видите — то и получаете, без отдельной «тайной» таблицы стилей.

Как конвертировать Markdown в HTML

Вставьте или напишите Markdown

Вставьте или напишите Markdown

Начните с примера или вставьте свой файл. По умолчанию: таблица GFM, вложенные списки, цитата и ограждённый блок кода — те части, которыми вы реально пользуетесь.

Выберите вёрстку в один клик

Выберите вёрстку в один клик

Выберите тему предпросмотра, затем откройте «Стилевые пресеты» для быстрого вида — «Журнал», «Мягкая карточка», «Стартап» и другие пишут CSS во вкладку «Свой CSS». Справа перейдите в «Предпросмотр», чтобы утвердить типографику до экспорта.

Фрагмент или полный документ

Фрагмент или полный документ

Фрагмент для CMS-блоков кода (только структура). Полный документ, если файл должен открываться с темой и своим CSS уже в `<head>`. Сырой HTML показывает ровно то, что будет скопировано или скачано.

Копируйте, скачивайте или откройте в playground

Копируйте, скачивайте или откройте в playground

Копируйте HTML в буфер, скачайте файл `.html` или используйте «Предпросмотр HTML» на главной. Копировать, скачать и очистить — только иконки рядом с меню экспорта, компактная панель.

Частые вопросы о конвертации Markdown в HTML

НАЧАТЬ

Конвертируйте Markdown в HTML с вёрсткой, которой можно доверять

Темы, пресеты в один клик, таблицы GFM, фрагмент или полный экспорт — бесплатно, без регистрации.

Markdown в HTML

Бесплатно
  • Стилевые пресеты в один клик для аккуратного результата
  • Таблицы GFM с живым предпросмотром
  • Экспорт фрагмента или полного HTML
  • Работает в браузере после загрузки
Открыть инструмент

Перед публикацией проверьте правила встраивания в вашей CMS.

Призыв к действию — конвертер Markdown в HTML
На стороне клиента

От заметок до HTML, готового к вставке

Конвертируйте, оформите в предпросмотре, копируйте или скачивайте — без локальной цепочки инструментов.