Skip to main content
Microsites

Мини-сайты — Полное руководство пользователя

Что такое мини-сайты?

Мини-сайты позволяют вам создавать и публиковать свой собственный веб-сайт прямо внутри OrbitingFox — без необходимости в кодировании. Каждый сайт получает свой собственный публичный URL, настраиваемые страницы, изображения и контактную форму. Вы можете просмотреть все опубликованные сайты на /sites/.

Создание вашего первого сайта

  1. Перейдите на Приборная панель мини-сайтов → нажмите + Новый сайт.
  2. Заполните заголовок, внутренний слуг (безопасное для URL имя) и опциональное описание.
  3. Нажмите Создать — вы попадаете в Конструктор.

Конструктор

Конструктор имеет две основные области:

  • Левое боковое меню — список ваших страниц. Нажмите на страницу, чтобы ее отредактировать. Используйте значок глаза видимости, чтобы контролировать, кто видит каждую страницу.
  • Полотно (справа) — ваш блоковый редактор. Каждый блок представляет собой один элемент контента (текст, изображение, кнопка и т. д.).

Верхняя панель содержит кнопки быстрого доступа:

  • Предварительный просмотр — посмотрите публичный вид вашей страницы
  • Настройки — настройки всего сайта (цвета, логотип, SEO, стиль навигации)
  •  Экспорт ZIP — загрузите полный сайт как переносимый файл
  • Ревизии — просматривайте и восстанавливайте предыдущие снимки

Страницы и разделы

Каждый сайт состоит из страниц (называемых разделами). Страницы автоматически появляются в навигации вашего сайта.

  • Нажмите + Добавить страницу в боковом меню, чтобы создать новую страницу.
  • Дайте ей ярлык (что отображается в навигации) и слуг (короткое безопасное для URL имя, например services).
  • Перетащите страницы вверх/вниз, чтобы изменить порядок навигации.
  • Видимость каждой страницы: Публичная (все), Только для владельца (только вы), Скрытая (не отображается в навигации).

Подстраницы

Вы можете вложить страницы до 4 уровней глубины. Чтобы сделать страницу дочерней, укажите ее Родительскую страницу при добавлении/редактировании. Подстраницы отображаются как выпадающие элементы в навигации.

Типы блоков

Нажмите + Добавить блок внутри страницы, чтобы вставить контент. Доступные типы блоков:

БлокЧто он делает
ТекстРедактор Rich Text (жирный, курсив, списки, ссылки). Отлично подходит для абзацев и форматированного контента.
Сырой HTMLВставьте HTML Bootstrap 5 — предназначен для макетов, сгенерированных ИИ. Имеет встроенный помощник по подсказкам ИИ.
ИзображениеОтобразите изображение из URL, с опциональной подписью и контролем ширины.
КнопкаСтилизованная ссылка призыва к действию. Используйте #page-slug как URL для прокрутки к другой странице на том же сайте.
СкрытьРасширяемая панель — идеально подходит для часто задаваемых вопросов. Посетители кликают по заголовку, чтобы открыть ответ.
ФормаВстроенная контактная форма. Работает только на странице с именем contact. Отправки появляются в вашей папке Сообщений.
КартаВстраивание карты Google с использованием адреса или названия места.
YouTubeВстраивание видео YouTube по URL.
ВидеоСсылка или загрузка видеофайла.
ФайлЗагрузка или ссылка на файл PDF, markdown или HTML для загрузки/просмотра посетителями.
ВстраиваниеВставьте любой код для встраивания iframe (например, Calendly, Google Form, Typeform).
КолонкиБоковые колонки макета — отлично подходит для информационных разделов с двумя колонками.
ОглавлениеАвтоматически сгенерированное оглавление на основе заголовков на странице.
Навигационная панельВторичная навигационная панель внутри страницы.
Разделитель / ПробелГоризонтальное правило или пустое вертикальное пространство для визуального разделения.

Помощник по запросам ИИ (Сырые HTML блоки)

Когда вы добавляете блок Сырой HTML, появляется фиолетовая панель Настроить с ИИ. Нажмите на нее, чтобы развернуть — она показывает готовую подсказку ИИ для этого типа раздела.

  1. Прокрутите до [EDIT THIS PART] внизу подсказки и замените пример на ваш собственный контент.
  2. Нажмите Копировать подсказку.
  3. Вставьте в ChatGPT или Gemini (оба бесплатны).
  4. Скопируйте HTML, который вернет ИИ → вставьте его в кодовое поле → нажмите Сохранить.

Совет — связывание кнопок с разделами: Если ИИ дает вам кнопку, такую как <a href="#">Узнать больше</a>, замените # на #your-page-slug. Пример: <a href="#services">Наши услуги</a> прокручивает к странице со слугом services.

Зеленая Панель советов под помощником ИИ объясняет это и напоминает вам использовать встроенный блок Формы для контактных форм (а не HTML формы, сгенерированные ИИ).

Вкладка настроек

Откройте вкладку Настройки в конструкторе, чтобы настроить параметры для всего сайта:

  • Основные — заголовок, слуг, описание, SEO заголовок/описание/ключевые слова, заголовок баннера
  • Брендинг — изображение заголовка, логотип, фавикон, анимационный логотип
  • Цвета — фон, область логотипа, заголовок, подвал (выбор цвета в шестнадцатеричном формате)
  • Карусель логотипов — загрузите несколько логотипов для прокручиваемой полосы; контролируйте интервал слайдов, выравнивание
  • Навигация — макет (Левое боковое меню / Верхняя панель / Правое боковое меню), тема (Светлая / Темная / Прозрачная)
  • Контактная форма — переключатель для отображения поля телефона, сделать телефон/электронную почту обязательными
  • Значок OrbitingFox — показать или скрыть значок атрибуции сайта
  • Публикация — установить ваш публичный URL, режим видимости и кнопки Опубликовать/Снять с публикации

Публикация вашего сайта

  1. В разделе Настройки → Публикация введите Публичный URL (уникальный слуг, например my-bakery). Ваш сайт будет доступен по адресу /sites/my-bakery/.
  2. Выберите Видимость публикации:
    • Публичный — включен в каталог /sites/, любой может его найти
    • Неопубликованный — доступен только по прямому URL, не включен в каталог
    • Группа — доступен только членам выбранной контактной группы
  3. Нажмите Опубликовать. Снимок ревизии автоматически сохраняется.
  4. Чтобы отключить ваш сайт, нажмите Снять с публикации.

Сообщения контактов

Когда кто-то отправляет вашу контактную форму, сообщение появляется в Приборная панель → ваш сайт → Сообщения.

Каждое сообщение имеет статус, который вы можете обновить:

  • НовоеПрочитаноОтветилиАрхивировано

Ответьте, нажав на электронную почту отправителя (откроется ваш почтовый клиент с заранее заполненным адресом).

История ревизий

Каждый раз, когда вы нажимаете Опубликовать, OrbitingFox сохраняет снимок всего вашего сайта. Посетите Ревизии (кнопка на верхней панели), чтобы просмотреть снимки.

  • Каждая карточка показывает дату, время и краткое содержание страниц и блоков на тот момент.
  • Нажмите Восстановить эту версию, чтобы вернуться к предыдущей версии. Диалог подтверждения предупреждает вас, что изменение будет немедленным.
  • Импорт ZIP в существующий сайт также создает пару ревизий до/после.

Дублирование сайта

На Приборной панели нажмите меню  рядом с сайтом → Дублировать. Создается полная копия (все страницы, блоки, настройки, изображения) с новым внутренним слугом. Публичный URL не копируется — вам нужно установить новый.

Экспорт ZIP, импорт и рабочий процесс VSCode

Экспорт вашего существующего сайта

Верхняя панель конструктора →  Экспорт ZIP. ZIP содержит:

  • site.json — все ваши страницы, блоки и настройки в читаемом формате
  • images/ и files/ — все загруженные медиафайлы
  • README.md — пошаговое руководство для пользователей и помощников ИИ
  • AI_CONTEXT.md — полная техническая справка для ИИ-агентов и разработчиков

Скачать пустой стартовый шаблон

Приборная панель →  Стартовый шаблон. Тот же формат ZIP, предварительно заполненный главной страницей (блоком героя) и страницей контактов (блоком формы). Начните здесь, если хотите спроектировать с нуля в VSCode.

Редактирование в VSCode с ИИ

  1. Распакуйте → откройте папку в VSCode.
  2. Скажите помощнику ИИ: "Сначала прочитайте AI_CONTEXT.md, затем помогите мне с моим веб-сайтом."
  3. Опишите изменения на простом английском. ИИ редактирует site.json за вас.
  4. Снова упакуйте и загрузите.

Повторная загрузка (импорт)

Приборная панель →  Импорт ZIP.

  • Оставьте выпадающее окно пустым → создаст новый черновой сайт.
  • Выберите существующий сайт из выпадающего окна → заменяет содержимое этого сайта и автоматически сохраняет ревизию, чтобы вы могли вернуться.

Что НЕ импортируется

  • Публичный URL — вам нужно установить свой собственный
  • Состояние публикации — всегда начинается как приватный черновик
  • Сообщения контактов — остаются на оригинальном сервере
  • Ограничения групп — группы являются специфичными для сервера

Безопасность

OrbitingFox сканирует каждый загруженный ZIP на наличие небезопасного контента. Отклоненные ZIP-файлы содержат объяснение на простом языке, объясняющее, почему они были заблокированы (например, "обнаружен небезопасный HTML", "недопустимый тип файла").


Примечание (2026-08-17) — не то же самое, что и система дизайна платформы. Настройки цвета, описанные выше, являются настройками для каждого сайта (или для каждого элемента), принадлежащими пользователю, который создал этот сайт. Они не представляют собой визуальный стандарт для всей платформы. Цвета, размеры шрифтов и компоненты платформы находятся в системе дизайна — смотрите Администратор → Система дизайна и docs/design/DESIGN.md — и устанавливаются глобально на Внешний вид.

This guide was translated automatically. Read the English original.

🪐 OrbitPilot