# Hello World

> Небольшой опубликованный fixture-пост для проверки Markdown, MDX-компонентов, изображений, блоков кода, формул и метаданных в одном стабильном месте.

**Published:** 2015-01-01

**Canonical:** <https://grishy.dev/ru/posts/hello-world/>

**Translations:** [English](https://grishy.dev/en/posts/hello-world.md), [Русский](https://grishy.dev/ru/posts/hello-world.md)

![Hello World](https://grishy.dev/_astro/kobu-agency-67L18R4tW_w-unsplash.B0IuxSmv.avif)

---

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

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

## Текст

Обычный абзац может включать **жирный текст**, *курсив*, `inline code` и
обычную [ссылку](https://example.com). Также можно показать ~~удаленный текст~~,
если Markdown-парсер поддерживает GitHub-flavored strikethrough. Текст должен
аккуратно переноситься, сохранять читаемую длину строки и не зависеть от
Tailwind prose defaults.

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

Вот ссылка на footnote.[^fixture]

[^fixture]: Это проверяет рендеринг и отступы footnote.

## GitHub Markdown

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

<https://grishy.dev>

<hello@example.com>

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

- [x] Published fixture лежит в `posts`
- [x] Старые draft fixture-страницы удалены
- [ ] Будущие компоненты можно добавить сюда

**Раскрываемая заметка**

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

## Списки

- Элемент неупорядоченного списка
- Еще один элемент с `code`
- Вложенное содержимое:
  - Дочерний элемент
  - Еще один дочерний элемент

1. Первый элемент
2. Второй элемент
3. Последний элемент

## Таблица

| Поверхность | Что проверяет            | Статус    |
| :---------- | :----------------------- | :-------- |
| Текст       | Ритм абзацев             | Стабильно |
| Код         | Подсветку и copy UI      | Стабильно |
| Изображения | Asset pipeline и подписи | Стабильно |

| Выравнивание | Inline content                  | Длинный текст                                        |
| :----------- | :------------------------------ | :--------------------------------------------------- |
| Слева        | `code` и **bold**               | Длинное предложение должно переноситься в ячейке.    |
| Центр        | [link](https://example.com)     | Таблица должна оставаться читаемой на узких экранах. |
| Справа       | ~~old~~ text и актуальный текст | Эта строка проверяет GFM table parsing.              |

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

> Цитата может содержать список:
>
> - Элемент внутри цитаты
> - Элемент с `inline code`
>
> ```txt
> code inside a quote
> ```

## Код

```ts
type Locale = "en" | "ru";

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

console.log(postPath("ru", "hello-world"));
```

```diff
- duplicate draft fixtures
+ one published fixture
```

## Формулы

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

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

$$
\int_0^1 x^2 dx = \frac{1}{3}
$$

## Callouts

> **Note**
>
> Эта заметка проверяет базовый стиль callout.

> **Warning**
>
> Это предупреждение проверяет accent color и отступы.

> **Tip**
>
> Этот tip проверяет третий вариант callout.

## Figure

![Ноутбук на светлом столе](https://grishy.dev/_astro/kobu-agency-67L18R4tW_w-unsplash.B0IuxSmv.avif)

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

## Gallery

![Ноутбук на светлом столе](https://grishy.dev/_astro/kobu-agency-67L18R4tW_w-unsplash.B0IuxSmv.avif)

![Соленое яйцо на тарелке](https://grishy.dev/_astro/salty_egg.uOTIFF6z.avif)

## Video

[Video embed fixture](https://www.youtube.com/watch?v=aqz-KE-bpKQ)

---

**Thumbnail:** Photo by [Kobu Agency](https://unsplash.com/@kobuagency) on [Unsplash](https://unsplash.com/photos/67L18R4tW_w).