Этот пост специально опубликован. Это стабильное место, где можно проверить, как блог рендерит Markdown, MDX-компоненты, изображения, код, формулы, ссылки и метаданные после изменений дизайна или зависимостей.
Он должен быть намеренно скучным: один пост, один slug, без дублирующих draft fallback-слоев.
Текст
Обычный абзац может включать жирный текст, курсив, inline code и
обычную ссылку. Также можно показать удаленный текст,
если Markdown-парсер поддерживает GitHub-flavored strikethrough. Текст должен
аккуратно переноситься, сохранять читаемую длину строки и не зависеть от
Tailwind prose defaults.
Цитата должна быть спокойнее основного текста, но оставаться частью той же типографической системы.
Вот ссылка на footnote.1
GitHub Markdown
GitHub-flavored Markdown добавляет несколько привычных удобств. Голые ссылки должны становиться anchors без лишнего синтаксиса:
Task lists должны сохранять ровное положение checkbox:
- Published fixture лежит в
posts - Старые draft fixture-страницы удалены
- Будущие компоненты можно добавить сюда
Раскрываемая заметка
Это проверяет частый GitHub-паттерн для дополнительных деталей без нового кастомного компонента.
Списки
- Элемент неупорядоченного списка
- Еще один элемент с
code - Вложенное содержимое:
- Дочерний элемент
- Еще один дочерний элемент
- Первый элемент
- Второй элемент
- Последний элемент
Таблица
| Поверхность | Что проверяет | Статус |
|---|---|---|
| Текст | Ритм абзацев | Стабильно |
| Код | Подсветку и copy UI | Стабильно |
| Изображения | Asset pipeline и подписи | Стабильно |
| Выравнивание | Inline content | Длинный текст |
|---|---|---|
| Слева | code и bold | Длинное предложение должно переноситься в ячейке. |
| Центр | link | Таблица должна оставаться читаемой на узких экранах. |
| Справа | Эта строка проверяет GFM table parsing. |
Тест вложенности
Цитата может содержать список:
- Элемент внутри цитаты
- Элемент с
inline codecode 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 должен рендериться так: .
Display math должен сохранять свой ритм:
Callouts
Figure
Gallery
Video
Thumbnail
Photo by Kobu Agency on Unsplash
Footnotes
-
Это проверяет рендеринг и отступы footnote. ↩
Подписка на новые записи
Я буду присылать новые записи на почту.