Полный гид по форматированию статей в Belka Blog
Демонстрация всех возможностей форматирования: картинки, видео, код, таблицы, блоки внимания и многое другое.

Это демо-статья. Удали её когда разберёшься с форматированием.
Заголовки
H1 — только для названия статьи (не используй в тексте)
H2 — основные разделы
H3 — подразделы
H4 — редко, для деталей
Текст и акценты
Обычный абзац. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Можно писать жирный текст, курсив, ~~зачёркнутый~~ и код в строке.
Ссылки: открыть бота
Картинка
Картинки кладёшь в /opt/belka_web/public/images/blog/ и вставляешь так:

Картинка автоматически получит скруглённые углы.
Видео с YouTube
Вставляй через iframe прямо в MDX:
Замени dQw4w9WgXcQ на ID своего видео (часть после ?v= в ссылке YouTube).
Блоки кода
Один язык — одна подсветка. Просто укажи язык после трёх кавычек:
# Установка VPN клиента
apt update && apt install -y wireguard
wg-quick up wg0
# Пример на Python
import requests
response = requests.get("https://api.belka.network/status")
print(response.json())
{
"status": "active",
"server": "Amsterdam",
"ping": 12
}
Список шагов (нумерованный)
- Открой Telegram бот
- Нажми Начать или
/start - Выбери тарифный план
- Оплати удобным способом
- Получи конфиг и подключайся
Маркированный список
- iOS и macOS — приложение Streisand
- Android — v2rayNG
- Windows — Nekoray или Hiddify
- Linux — через командную строку
- Роутер — прошивка OpenWRT
Таблица
| Протокол | Скорость | Обход DPI | Сложность | |----------|----------|-----------|-----------| | VLESS | ⚡⚡⚡ | ✅ Да | Низкая | | Trojan | ⚡⚡⚡ | ✅ Да | Низкая | | WireGuard| ⚡⚡⚡ | ❌ Нет | Средняя | | OpenVPN | ⚡⚡ | ❌ Нет | Высокая |
Цитата
Приватность — это не что скрывать, а что защищать. — Эдвард Сноуден
Горизонтальная линия
Разделитель между разделами:
Вложенные списки
- Европа
- Нидерланды (Amsterdam)
- Германия (Frankfurt)
- Финляндия (Helsinki)
- Азия
- Япония (Tokyo)
- Сингапур
- США
- Нью-Йорк
- Лос-Анджелес
Итог
Это все основные элементы форматирования. Для новой статьи:
- Создай файл
название-статьи.mdxв папкеcontent/blog/ - Заполни frontmatter (шапку между
---) - Пиши в обычном Markdown
- Загрузи файл на сервер и пересобери контейнер