Заметка для проверки разметки

Бойлерплейт: здесь собраны все конструкции разметки, которые движок заметок поддерживает (или честно не поддерживает). По теме см. заметку про свет, Рабочий процесс: блокнот, ссылку на саму себя краевой случай и битую ссылку заметку-призрак — она должна остаться ссылкой-черновиком, а не ошибкой. Соседний старый пост: Тестовый пост в блог.

Инлайн-разметка

Жирный, курсив, жирный курсив, инлайн-код, код с ` обратной кавычкой, ~~зачёркнутый текст~~, сущности: &amp; &laquo;ёлочки» &copy; &hellip;, <sup>суперскрипт</sup>, <sub>подскрипт</sub>, <kbd>Ctrl</kbd>+<kbd>C</kbd>, эмодзи и би-ди: 🎨Tools 中文 日本語 مرحبا עולם.

Жёсткий перенос через обратный слэш —
вторая строка. А здесь два пробела в конце строки:
третья строка.

Пустой заголовок ниже — тоже краевой случай:

Ссылки

Обычная внешняя ссылка, автолинк https://ahven.art, внутренняя на другую заметку, в корень сайта, референсная ссылка по ключу, и просто голый URL: https://example.com/bare.

Ссылка-картинка — фигура внутри <a>, намеренный краевой случай:

Миниатюра со светом
Миниатюра со светом

Списки

Tight-список:

  • первый
  • второй
    • вложенный
      • третий уровень
  • третий

Нумерованный:

  1. один
  2. два
    1. два-один
    2. два-два
  3. три

Loose-список со вторым абзацем:

  • пункт с текстом

    и продолжение того же пункта

  • ещё пункт

Цитаты

Простая цитата.

Вложенная цитата с жирным и кодом.

— кто-то мудрый

Блоки кода

def hello(name: str) -> str:
    return f"Привет, {name}!"

Забор из четырёх кавычек с трёхкавычным кодом внутри:

внутри ``` тройные кавычки

Без языка:

просто текст
    с отступом

Индентированный блок кода:

четыре пробела
каждая строка

GFM без плагинов: таблица, таск-лист, сноска, глоссарий

| Колонка | Другая колонка | | ------- | -------------- | | ячейка | ячейка |

  • [x] выполнено
  • [ ] не выполнено

Текст со сноской[^1], которая без плагина деградирует в ссылку.

[^1]: сноска превращается в мусорный href — так и задумано.

Термин : Определение (definition list, тоже без плагина).

Заголовки краевых случаев

Setext-заголовок второго уровня из дефисов

Setext-заголовок первого уровня из равенств

Второй ATX-заголовок # в теле — титульный h1 вырезается только первый:

Второй h1 в теле

Обычный h3 после этого

h4

h5
h6

HTML и разделители

<div class="raw-html-block" data-edge="case">Сырой блочный HTML со <em>строчным</em> внутри.</div>

Строчный HTML: <span data-x="1">спан</span>, перенос через <br>, и комментарий <!-- который исчезнет -->.

Разделители трёх видов:




Медиа

Пара кадров через пустую строку — всё равно должна стать каруселью (группировка не зависит от пустых строк): первое — wiki-встраивание с подписью-алиасом, второе — без алиаса.

Подпись-алиас для широкой картинки
Подпись-алиас для широкой картинки
kitchen-sink-portrait
kitchen-sink-portrait

Одиночная картинка стандартным Markdown-синтаксисом с alt и title — не карусель, потому что вокруг текст:

Перед ней текст.

Alt-текст картинки
Alt-текст картинки
После неё текст.

Внешняя картинка (URL не начинается с media/, поэтому обычный <img> без srcset): Внешняя картинка.

Битые встраивания — файлов нет, ожидаем media-missing, но не ошибку:

Файла нет

tozhe-net