Запись, в которой есть всё

Эта страница собрана, чтобы увидеть запись целиком: обложку, колонку текста и всё, что в ней бывает. Здесь есть ссылка, жирное, курсив, ~~зачёркнутое~~ и код в строке.

Локальные картинки Astro готовит при сборке. Видео лежит отдельно и вставляется своим тегом.¹

Списки

Маркированный пункт.
Пункт с вложением:
- вложенный пункт;
- и ещё один.

Первый шаг.
Второй шаг.
1. Вложенный номер.
2. Следующий номер.
Третий шаг.

Обложка, заголовок и дата на месте.
Таблица и блок кода ниже по странице.
Черновик с draft: true в ленту не попадает.

Подзаголовок

Абзац после заголовка третьего уровня. Ссылка наружу ведёт в документацию Astro.

Цитата

Колонка текста узкая специально. Длинная строка в коде и широкая таблица прокручиваются внутри себя, а не раздвигают страницу.

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

В цитате может быть список:

картинка на всю ширину колонки;

видео с тем же скруглением, что у картинки.

Таблица

Поле	Зачем	Пример	Всегда
title	Заголовок страницы и карточки	Запись, в которой есть всё	да
description	Подзаголовок и описание для поисковиков	Одно-два предложения	да
pubDate	Дата в метаданных	2026-10-07	да
category	Раздел и фильтр ленты	research	да
tags	Теги из общего списка	reviews	нет
cover	Обложка карточки и страницы	./everything/cover.png	нет
author	Строка под описанием	Редакция	нет
updatedDate	Строка «Обновлено» в конце	2026-10-07	нет

Код

export function readingMinutes(words: number): number {
	return Math.max(1, Math.round(words / 180));
}

npm run dev -- --background

Строка длиннее колонки уходит в прокрутку блока:

const path = '/ru-RU/posts/everything/'; // эта строка специально длиннее колонки статьи, чтобы проверить горизонтальную прокрутку внутри тёмного блока