Як опублікувати HTML із чату Grok
Whether you use Grok on X or at grok.com, it will write you a full website and Grok Studio will preview it side-by-side with the code. But xAI doesn't host your page — the preview disappears when the chat does. Here's how to give it a permanent address for free.
- 01
Open the code view
In Grok Studio your page shows as a live preview — switch to the code tab to see the HTML. In a plain chat answer it's in a code block.
- 02
Copy the HTML
Use the copy button on the code view or code block. If Grok wrote separate CSS or JS files, copy those too, or ask it to inline everything into one file.
- 03
Збережіть як index.html
Вставте код у будь-який текстовий редактор — Notepad, TextEdit, VS Code — і збережіть файл під назвою index.html. Назва важлива: саме її браузери вважають вашою домашньою сторінкою.
- 04
Перетягніть у поле нижче
Перетягніть index.html (або всю папку) у поле завантаження на цій сторінці й натисніть «Опублікувати». Ваш сайт миттєво отримає власну веб-адресу.
- 05
Поділіться посиланням
От і все — надішліть URL-адресу кому завгодно. Ви можете перейменувати сайт, оновити файли або видалити його зі своєї панелі керування, коли захочете.
Перетягніть свій HTML із Grok сюди
Один файл або ціла папка — ви отримаєте живе посилання одразу після публікації.
Перетягніть свій сайт сюди
Перетягніть папку або ZIP-файл із вашим index.html — або просто вставте HTML із буфера обміну — і ми опублікуємо його за секунди. Без налаштувань, без конфігурації, без клопоту.
Або дозвольте Grok опублікувати за вас
Пропустіть копіювання зовсім. Скопіюйте наші готові інструкції, вставте їх у свою розмову з Grok, і він зможе завантажити сайт через наш API — ви отримаєте живе посилання та приватне посилання для підтвердження, щоб забрати сайт собі.
Працюєте в терміналі? Запустіть npx harvis — акаунт не потрібен.
Питання про публікацію з Grok
Can I share my Grok Studio preview directly?
No — the Studio preview only renders inside your own Grok session. There's no public link to hand out. Publishing the code here creates a real URL anyone can open.
I used Grok inside X. Is it any different?
The steps are the same: find the code block in the conversation, copy it, save it as index.html, and drop it in the box below. Where you chatted doesn't matter — only the HTML does.
Який найпростіший спосіб опублікувати HTML із Grok?
Є три способи. Найпростіший: скопіюйте HTML з Grok і вставте у поле на цій сторінці — ми миттєво перетворимо його на живий сайт. Без ручної роботи: скопіюйте наші інструкції для ШІ у свою розмову з Grok, і він опублікує сайт через наш API за вас. У терміналі: запустіть npx harvis у папці сайту, і він розгорнеться однією командою.
Чи потрібен акаунт для публікації?
Для публікації з цієї сторінки потрібен безкоштовний акаунт, щоб ваш сайт мав місце у вашій панелі керування. Хочете без реєстрації? Запустіть npx harvis у терміналі — він розгортає сайт без акаунта й видає приватне посилання для підтвердження на потім.
Що робити, якщо Grok видав більше одного файлу?
Помістіть усе в одну папку — index.html зверху, плюс усі CSS, JavaScript і зображення, на які він посилається, — і перетягніть цю папку цілком у поле. До 500 файлів і 50 МБ на сайт.
Скільки це коштує і як довго сайт залишається онлайн?
Це безкоштовно, і опубліковані сайти не мають терміну дії — вони залишаються онлайн, доки ви не видалите їх зі своєї панелі керування. Перезавантажуйте будь-коли — посилання залишається тим самим.
Користуєтесь іншим AI-чатом?
Рецепт майже однаковий скрізь — виберіть свій інструмент, щоб побачити точні кроки.