Эта статья — витрина всех доступных визуальных блоков шаблона. Используйте её как справочник при написании контента. Ниже показаны: блоки внимания, таблицы, опросы и чеклисты.
Блоки внимания
Блоки внимания выделяют важную информацию. Доступны три варианта:
Информация: Это информационный блок. Используйте его для нейтральных подсказок и дополнительных сведений, которые полезно знать читателю.
Совет: Это блок-совет. Подходит для лайфхаков, рекомендаций и проверенных приёмов, которые экономят время.
Внимание: Это предупреждающий блок. Используйте для предостережений, частых ошибок и критически важных моментов.
Таблица
Таблицы удобны для сравнений и структурированных данных:
| Функция | Бесплатно | Премиум |
|---|---|---|
| Публикация статей | ✅ До 10 шт. | ✅ Без лимита |
| Категории | ✅ 4 категории | ✅ Без лимита |
| SEO-оптимизация | ✅ Базовая | ✅ Расширенная |
| Кастомные цвета | ❌ | ✅ |
Опрос
Интерактивные опросы повышают вовлечённость читателей. Результаты генерируются автоматически на основе хеша страницы.
Чеклист
Чеклисты помогают читателю отслеживать прогресс. Состояние галочек сохраняется в localStorage.
☑️ Настройка шаблона
Цитата
Хороший шаблон — это не тот, в котором есть всё, а тот, из которого ничего нельзя убрать.
Списки
Маркированный список
- Быстрая статическая генерация
- CSS-переменные для цветовой схемы
- Адаптивная вёрстка из коробки
- SEO: мета-теги, sitemap, семантическая разметка
Нумерованный список
- Склонируйте репозиторий
- Отредактируйте
site.config.json - Добавьте статьи в папку
articles/ - Запустите
npm run build - Задеплойте папку
dist/на хостинг
Подсказка: Эта статья использует все доступные спецблоки. Копируйте HTML-разметку для своих статей.
Как добавить свою статью?
Создайте HTML-файл в папке articles/ с заголовком в теге <h1>. Запустите npm run build — статья автоматически появится на сайте с правильной категорией и навигацией.
Какие форматы изображений поддерживаются?
Любые веб-форматы: PNG, JPG, WebP, SVG. Поместите файлы в папку img/ и ссылайтесь на них через ../img/filename.ext в статьях.