Демо-статья: все типы блоков
14.06.2026
Полный справочник блоков контента: заголовки, цитаты, код, карточки, галерея, слайдер и графики Chart.js.
Это демонстрационная статья, в которой собраны все основные блоки, которые можно использовать в контенте: заголовки, цитаты, код, карточки, кнопки, уведомления, таблицы, списки, изображения, галерея, слайдер, графики и аккордеон. Используйте её как шпаргалку по верстке.
1. Заголовки и текст
Подзаголовок H3
Подзаголовок H4
Обычный абзац текста со ссылкой,
жирным, курсивом и инлайн-кодом.
2. Цитата
«Простота — это самая сложная инженерная задача; но когда она достигнута, результат прекрасен.»
3. Блок кода
function greet(name) {
return 'Привет, ' + name + '!';
}
console.log(greet('мир'));4. Карточки
Быстро
Серверный рендеринг и SQLite дают мгновенный отклик.
Надёжно
Параметризованные запросы, bcrypt, защита API-ключом.
Гибко
Любой HTML-контент, теги, медиа и графики Chart.js.
5. Кнопки и ссылки
6. Уведомления
7. Таблица
| Услуга | Базовый | Про |
|---|---|---|
| Статей в месяц | 5 | ∞ |
| Медиахранилище | 1 ГБ | 50 ГБ |
| Графики Chart.js | ✓ | ✓ |
8. Списки
Маркированный
- Первый пункт
- Второй пункт
- Третий пункт
Нумерованный
- Шаг первый
- Шаг второй
- Шаг третий
9. Изображение
10. Галерея
11. Слайдер
Слайд 1 из 4
12. Графики Chart.js
Несколько типов диаграмм, встроенных прямо в контент статьи.
Столбчатая
Линейная
Круговая
Кольцевая
13. Аккордеон
Как добавить новую статью?
Через админку («Статьи» → «Новая статья») или REST API с Bearer-ключом.
Где хранятся медиафайлы?
В папке public/uploads/posts/{id}/, привязка — в таблице media.
Как изменить график на главной?
В разделе «Настройки» админки — отредактируйте JSON-конфиг Chart.js.