Все статьи
гидформатированиедля редактора

Полный гид по форматированию статей в Belka Blog

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

25 февраля 2025 г.2 мин чтенияBelka VPN
Полный гид по форматированию статей в 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
}

Список шагов (нумерованный)

  1. Открой Telegram бот
  2. Нажми Начать или /start
  3. Выбери тарифный план
  4. Оплати удобным способом
  5. Получи конфиг и подключайся

Маркированный список

  • iOS и macOS — приложение Streisand
  • Android — v2rayNG
  • Windows — Nekoray или Hiddify
  • Linux — через командную строку
  • Роутер — прошивка OpenWRT

Таблица

| Протокол | Скорость | Обход DPI | Сложность | |----------|----------|-----------|-----------| | VLESS | ⚡⚡⚡ | ✅ Да | Низкая | | Trojan | ⚡⚡⚡ | ✅ Да | Низкая | | WireGuard| ⚡⚡⚡ | ❌ Нет | Средняя | | OpenVPN | ⚡⚡ | ❌ Нет | Высокая |


Цитата

Приватность — это не что скрывать, а что защищать. — Эдвард Сноуден


Горизонтальная линия

Разделитель между разделами:


Вложенные списки

  • Европа
    • Нидерланды (Amsterdam)
    • Германия (Frankfurt)
    • Финляндия (Helsinki)
  • Азия
    • Япония (Tokyo)
    • Сингапур
  • США
    • Нью-Йорк
    • Лос-Анджелес

Итог

Это все основные элементы форматирования. Для новой статьи:

  1. Создай файл название-статьи.mdx в папке content/blog/
  2. Заполни frontmatter (шапку между ---)
  3. Пиши в обычном Markdown
  4. Загрузи файл на сервер и пересобери контейнер

Попробуй Belka VPN бесплатно

3 дня без ограничений. Без карты.

Открыть бота в Telegram