Как опубликовать сайт из Google AI Studio
Обновлено 10 июля 2026 г. · Автор: Карахан
Google AI Studio помогает собрать веб-страницу или приложение, но не размещает его в интернете под постоянным адресом. Для публикации на HIXO нужна статическая версия — index.html, стили, скрипты и картинки. Ниже — как попросить статику сразу, что делать, если на выходе приложение со сборкой, и как дойти до ссылки my-site.hixo.dev.
Что вы получите в результате
Google AI Studio отвечает за код и предпросмотр, HIXO — за размещение: хранит готовые файлы, выдаёт HTTPS-ссылку и обрабатывает обычные формы. Сервер, FTP и настройка хостинга не нужны.
Для публикации без сервера нужен статический сайт:
index.htmlв корне;- CSS, JavaScript и изображения рядом с ним;
- обычная HTML-форма, если принимаете заявки.
Если страница обращается к модели по API-ключу, для публичного сайта эту логику лучше убрать или заменить: ключ нельзя выкладывать в статические файлы.
Сначала попросите статический сайт
Начните с самого простого — попросите AI Studio собрать обычный статический сайт без сборки и серверных вызовов:
Собери статический сайт для
[опишите задачу, аудиторию, тексты и стиль].
Технические требования:
- Только обычные HTML, CSS и JavaScript. Без React, сборки и сервера.
- Главный файл — index.html в корне, ассеты в папке assets рядом.
- Все локальные ссылки относительные: ./assets/...
- Не обращайся к модели или внешним API из готовой страницы и не вставляй
API-ключи в код: это публичный статический сайт.
- Добавь обычную HTML-форму с полями name, email, message без внешнего action.
- Базовое SEO: уникальные title и description, один H1, семантические section.
Покажи дерево файлов и дай скачать index.html и ассеты.Затем выгрузите файлы штатными средствами (скачивание кода или экспорт — набор действий зависит от раздела и версии интерфейса). Для простого лендинга обычно хватает одного index.html.
Если на выходе приложение со сборкой
Иногда AI Studio отдаёт проект, который нужно собирать (например, на React/Vite). Такой код без сборки не публикуется. Если статику из сервиса вытащить не получилось, скачайте проект, откройте в IDE и соберите продакшн-версию обычным способом для стека — на HIXO пойдёт папка сборки с index.html в корне.
Подробности ручной сборки распишем отдельным гайдом. Порядок прежний: сначала статика от сервиса, потом ручная сборка; на публикацию идут собранные файлы, а не исходники.
Проверьте сайт перед загрузкой
- Откройте
index.htmlдвойным кликом — текст и картинки на месте. - Пути относительные (
./assets/), безlocalhostи абсолютных путей. - В коде нет API-ключей и обращений к модели, которые должны быть на сервере.
- Форма — обычная HTML с атрибутами
nameу полей, без стороннегоaction.
Загрузите файлы и опубликуйте сайт
Перетащите index.html или ZIP с ассетами на главную страницу HIXO и нажмите «Открыть превью» — приватную проверку в вашем браузере. Посмотрите обе версии вёрстки и отправьте тестовую форму.
Если всё верно — «Опубликовать бесплатно» и регистрация без карты. Сайт встанет по адресу вида my-site.hixo.dev с HTTPS. Проверьте публичную ссылку в инкогнито и повторите форму — заявки появятся в проекте.
SEO и собственный домен
Перед публикацией проверьте title, описание, один H1, заголовки разделов и подписи к изображениям. Пишите для посетителей, а не списком ключевых слов.
Адрес my-site.hixo.dev подходит для запуска и демо. Свой домен подключается в настройках проекта на платных тарифах — условия на странице тарифов.
Если что-то пошло не так
- Белый экран или ошибка сборки. Загрузили исходный проект вместо статики.
- Страница не работает без ключа. Уберите обращения к модели/API из публичной версии.
- Нет стилей или картинок. Проверьте относительные пути и что ассеты попали в ZIP.
- Форма не сохраняет заявку. Уберите сторонний
action, добавьте полямname, проверьте после публикации.
Попробуйте на своём сайте
Перетащите HTML-файл или ZIP-архив — получите рабочую ссылку за минуту, без карты.
Загрузить свой сайтВопросы и ответы
Можно ли опубликовать сайт из Google AI Studio без программирования?
Да, если получить готовый HTML-файл или ZIP с HTML, CSS, JS и картинками. Сначала попросите статический сайт прямо в AI Studio.
Что делать с API-ключом модели?
Не выкладывайте ключ в статические файлы. Для публичного сайта уберите обращения к модели или перенесите эту логику на защищённый бэкенд отдельно от опубликованной страницы.
А если на выходе приложение со сборкой?
Сначала попросите сам сервис отдать статику. Если не выходит — скачайте проект, соберите продакшн-версию в IDE и загрузите папку сборки на HIXO.
Нужна ли карта для первого сайта?
Нет. На Free публикуется один сайт без карты. Собственный домен — на платных тарифах.