Как опубликовать HTML, созданный в ChatGPT или Claude

Вы попросили ChatGPT, Claude или Gemini сделать веб-страницу и получили простыню HTML, которая отлично выглядит в предпросмотре. Следующий вопрос всегда один и тот же: как выложить это в интернет, чтобы увидели другие? Вот кратчайший путь.

Шаг 1: попросите ИИ сделать один самодостаточный файл

Прежде чем что-то копировать, попросите ИИ собрать всё в один файл: «Дай мне один HTML-файл, где весь CSS и JavaScript встроены внутрь». Один самодостаточный index.html несравнимо проще разместить, отправить и обновить, чем папку из отдельных файлов.

Шаг 2: скопируйте код — файл можно даже не сохранять

На hdply создайте бесплатный аккаунт, откройте редактор и вставьте HTML от ИИ прямо туда. Нажмите «Опубликовать» — и страница уже доступна по вашему адресу вида my-site.hdply.com, с HTTPS. Если код уже сохранён в файл, можно просто перетащить его мышкой.

Всего от «ИИ дописал код» до «друзья могут открыть ссылку» — около минуты.

Шаг 3: дорабатывайте с ИИ и перевыкладывайте за секунды

Главная сила страниц, написанных ИИ, — в итерациях: попросили изменения, получили новый код, вставили, сохранили. Каждая публикация автоматически версионируется, поэтому если версия 5 что-то сломала, версию 4 можно вернуть одним кликом. Ни Git, ни конвейера сборки — цикл выглядит просто: чат → вставить → сохранить.

Три вещи, которые стоит проверить перед публикацией

• Никаких секретов в коде. Если ИИ добавил API-ключ (для виджета погоды, карты, вызова LLM), помните: страница публичная — её исходник может прочитать кто угодно. Используйте только ключи, рассчитанные на публичность, или уберите эту функцию.
• Картинкам нужны настоящие ссылки. ИИ иногда ссылается на несуществующие изображения. Используйте ссылки на реальные, размещённые где-то картинки — или попросите ИИ нарисовать встроенный SVG, которому внешние файлы вообще не нужны.
• Проверка на телефоне. Опубликуйте и откройте ссылку со смартфона. Попросите ИИ поправить всё, что выглядит криво; повторная публикация занимает секунды.

Почему не просто поделиться чатом или скриншотом?

Ссылки на чаты протухают, требуют аккаунта и показывают ваши промпты. Скриншоты не интерактивны. Настоящая ссылка постоянна, открывается на любом устройстве и выглядит как готовый продукт — потому что им и является.

По теме: Как поделиться HTML-файлом в виде ссылки · Как выложить HTML-файл в интернет