Как опубликовать сайт из ChatGPT

ChatGPT помогает создать дизайн и код, но не размещает сайт в интернете. HIXO берёт на себя следующий шаг: хранит готовые файлы, выдаёт HTTPS-ссылку и обрабатывает обычные формы на опубликованной странице.

Для этого сценария не нужны VPS, FTP, база данных или настройка npm-проекта. Нужен готовый статический сайт:

• index.html — главная страница;
• CSS, JavaScript и изображения рядом с ней в архиве;
• обычная HTML-форма, если вы хотите принимать заявки.

Сначала HIXO откроет приватное превью, доступное только в вашем браузере. Чтобы сохранить проект, выбрать адрес и сделать сайт публичным, создайте бесплатный аккаунт — карта не нужна.

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

Создай готовый к публикации на HIXO одностраничный сайт для
[опишите задачу, аудиторию, тексты и желаемый стиль].

Технические требования:
- Это статический сайт без React, Next.js, Vite, npm, сборки и сервера.
- Главный файл — index.html в корне проекта.
- Используй обычные HTML, CSS и JavaScript. Вынеси стили в assets/styles.css,
  скрипты — в assets/script.js, изображения — в assets/images/.
- Все ссылки на локальные файлы должны быть относительными: ./assets/...
- Не используй localhost, пути /src и /public, а также backend API.
- Сделай адаптивную вёрстку, понятные заголовки и доступные подписи полей.
- Добавь обычную HTML-форму заявки с полями name, email и message. Не подключай
  сторонние сервисы форм и не задавай внешний action: HIXO обработает форму
  после публикации.
- Добавь базовое SEO: уникальные title и meta description, один H1, семантические
  section и содержательные H2. Не придумывай canonical URL и sitemap: адрес
  появится только после публикации.
- Проверь, что сайт открывается двойным кликом по index.html.

Сначала покажи дерево файлов. Затем создай все файлы.
Если можешь сформировать скачиваемый архив, назови его hixo-ready.zip.
Если архив создать нельзя, выведи содержимое каждого файла отдельно и объясни,
как собрать ZIP так, чтобы index.html лежал в корне архива.
В конце дай чек-лист самопроверки перед загрузкой на HIXO.

Если вы работаете в Canvas, попросите «используй Canvas» в начале запроса. В правом верхнем углу Canvas есть кнопка скачивания: для кода ChatGPT выбирает подходящее расширение файла. Возможности Canvas и выгрузки зависят от устройства, плана и настроек рабочего пространства.

Есть два корректных варианта:

1. Одна страница без отдельных файлов. Скачайте или сохраните код как index.html. Этого достаточно для простого лендинга.
2. Сайт с картинками, стилями или скриптами. Сохраните все файлы в одну папку и упакуйте её содержимое в ZIP. Внутри архива index.html должен лежать сразу в корне, а не в дополнительной папке my-site.

Не выдавайте текст ответа ChatGPT за файл сайта: скопируйте код в редактор и сохраните его с нужным расширением. Если ChatGPT говорит, что создал архив, но ссылки на скачивание нет, попросите вывести дерево файлов и содержимое каждого файла — затем соберите ZIP сами.

Две минуты проверки избавят от большинства ошибок в превью.

• Откройте index.html двойным кликом и убедитесь, что видны текст и изображения.
• Проверьте, что пути к файлам начинаются с ./assets/ или другого относительного пути, а не с localhost.
• Убедитесь, что в архив попали все картинки, шрифты, CSS и JavaScript.
• Если сайт использует React, Next.js, Vite или команды npm run build, вернитесь к ChatGPT и попросите статическую версию из промта выше.
• Проверьте форму: у полей должны быть атрибуты name, например name, email и message.

Не добавляйте в форму сторонний обработчик, который отправляет данные на чужой URL. На опубликованном сайте HIXO перехватывает отправку обычной формы и сохраняет заявку в проекте.

Откройте главную страницу HIXO и перетащите HTML-файл или ZIP-архив в зону загрузки. После обработки нажмите «Открыть превью».

На этом этапе сайт ещё не виден другим людям: это приватная проверка в текущем браузере. Просмотрите мобильную и десктопную версию, проверьте все кнопки и отправьте тестовую форму. Гостевое превью не предназначено для сбора реальных заявок.

Если превью выглядит правильно, нажмите «Опубликовать бесплатно» и создайте аккаунт. HIXO сохранит проект, предложит свободное имя и опубликует сайт по адресу вида my-site.hixo.dev с HTTPS.

После публикации откройте публичную ссылку в режиме инкогнито и ещё раз отправьте форму. Так вы проверите именно пользовательский сайт, а не приватное превью. Заявки появятся в проекте; при необходимости в кабинете можно настроить их доставку.

HIXO даёт работающий адрес, но содержанием страницы управляете вы. Перед публикацией проверьте title, описание страницы, один понятный H1, заголовки разделов, читаемый текст и подписи к важным изображениям. Это полезно посетителям прежде, чем поисковым системам.

Не вставляйте ключевые слова списком и не создавайте текст только ради SEO. Лучше объясните, что именно предлагает сайт, кому это подходит, как связаться и почему вам можно доверять. Когда появится собственный домен, укажите его в canonical и других SEO-настройках сайта.

Адрес my-site.hixo.dev подходит для первого запуска, портфолио и демо. Для бренда или клиентского проекта подключите свой домен в настройках проекта — эта возможность доступна на платных тарифах. Условия и ограничения указаны на странице тарифов.

• Белый экран или ошибка сборки. В архив попал исходный React/Next.js-проект. Нужна статическая HTML-версия.
• Нет стилей или картинок. Проверьте относительные пути и наличие файлов в ZIP.
• Открывается список файлов вместо сайта. Положите index.html в корень архива.
• Форма перезагружает страницу или не сохраняет заявку. Уберите сторонний action, добавьте полям атрибуты name и проверьте форму после публикации.
• Не удаётся поделиться ссылкой. Гостевое превью приватное. Создайте аккаунт и опубликуйте проект.