Перейти к содержанию
Sergei G.
Доступные языки

Этот пост специально опубликован. Это стабильное место, где можно проверить, как блог рендерит Markdown, MDX-компоненты, изображения, код, формулы, ссылки и метаданные после изменений дизайна или зависимостей.

Он должен быть намеренно скучным: один пост, один slug, без дублирующих draft fallback-слоев.

Текст

Обычный абзац может включать жирный текст, курсив, inline code и обычную ссылку. Также можно показать удаленный текст, если Markdown-парсер поддерживает GitHub-flavored strikethrough. Текст должен аккуратно переноситься, сохранять читаемую длину строки и не зависеть от Tailwind prose defaults.

Цитата должна быть спокойнее основного текста, но оставаться частью той же типографической системы.

Вот ссылка на footnote.1

GitHub Markdown

GitHub-flavored Markdown добавляет несколько привычных удобств. Голые ссылки должны становиться anchors без лишнего синтаксиса:

https://grishy.dev

hello@example.com

Task lists должны сохранять ровное положение checkbox:

  • Published fixture лежит в posts
  • Старые draft fixture-страницы удалены
  • Будущие компоненты можно добавить сюда
Раскрываемая заметка

Это проверяет частый GitHub-паттерн для дополнительных деталей без нового кастомного компонента.

Списки

  • Элемент неупорядоченного списка
  • Еще один элемент с code
  • Вложенное содержимое:
    • Дочерний элемент
    • Еще один дочерний элемент
  1. Первый элемент
  2. Второй элемент
  3. Последний элемент

Таблица

ПоверхностьЧто проверяетСтатус
ТекстРитм абзацевСтабильно
КодПодсветку и copy UIСтабильно
ИзображенияAsset pipeline и подписиСтабильно
ВыравниваниеInline contentДлинный текст
Слеваcode и boldДлинное предложение должно переноситься в ячейке.
ЦентрlinkТаблица должна оставаться читаемой на узких экранах.
Справаold text и актуальный текстЭта строка проверяет GFM table parsing.

Тест вложенности

Цитата может содержать список:

  • Элемент внутри цитаты
  • Элемент с inline code
code inside a quote

Код

type Locale = "en" | "ru";

function postPath(locale: Locale, slug: string) {
  return `/${locale}/posts/${slug}/`;
}

console.log(postPath("ru", "hello-world"));
- duplicate draft fixtures
+ one published fixture

Формулы

Inline math должен рендериться так: E=mc2E = mc^2.

Display math должен сохранять свой ритм:

01x2dx=13\int_0^1 x^2 dx = \frac{1}{3}

Callouts

Figure

Ноутбук на светлом столе
Обычное оптимизированное изображение с подписью.

Video

Video embed fixture

Thumbnail
Photo by Kobu Agency on Unsplash

Footnotes

  1. Это проверяет рендеринг и отступы footnote.