Как опубликовать сайт из 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 собрать обычный статический сайт без сборки и серверных вызовов:

Промт для Google 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 публикуется один сайт без карты. Собственный домен — на платных тарифах.

Содержание