Como publicar HTML do chat do 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
Salve como index.html
Cole o código em qualquer editor de texto — Bloco de Notas, TextEdit, VS Code — e salve o arquivo como index.html. O nome importa: é o que os navegadores tratam como sua página inicial.
- 04
Solte na caixa abaixo
Arraste o index.html (ou a pasta inteira) para a caixa de envio nesta página e clique em publicar. Seu site recebe seu próprio endereço web instantaneamente.
- 05
Compartilhe seu link
Pronto — envie o URL para quem quiser. Você pode renomear o site, atualizar os arquivos ou excluí-lo pelo seu painel quando quiser.
Solte aqui o HTML do Grok
Um arquivo ou uma pasta inteira — você recebe um link ao vivo assim que for publicado.
Arraste seu site para cá
Solte uma pasta ou um arquivo ZIP com seu index.html — ou simplesmente cole HTML da área de transferência — e colocamos tudo online em segundos. Sem instalação, sem configuração, sem dor de cabeça.
Ou deixe o Grok publicar por você
Pule totalmente o copiar e colar. Copie nossas instruções prontas, cole na sua conversa com o Grok, e ele pode enviar o site pela nossa API — você recebe de volta um link ao vivo e um link privado de reivindicação para assumir a posse.
Trabalhando em um terminal em vez disso? Execute npx harvis — sem necessidade de conta.
Perguntas sobre publicar com o 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.
Qual é a forma mais fácil de publicar HTML do Grok?
Existem três. Mais fácil: copie o HTML do Grok e cole na caixa desta página — nós o transformamos em um site ao vivo instantaneamente. Sem esforço: copie nossas instruções de IA para a sua conversa com o Grok, e ele publica pela nossa API por você. No terminal: execute npx harvis na pasta do site, e ele publica com um único comando.
Preciso de uma conta para publicar?
Publicar por esta página exige uma conta gratuita, para que seu site tenha um lugar no seu painel. Prefere não se cadastrar? Execute npx harvis em um terminal — ele publica sem conta e te dá um link privado de reivindicação para depois.
E se o Grok me deu mais de um arquivo?
Coloque tudo em uma pasta — index.html no nível superior, mais qualquer CSS, JavaScript e imagens que ele referencia — e arraste a pasta inteira para a caixa. Até 500 arquivos e 50 MB por site.
Quanto custa, e por quanto tempo o site fica no ar?
É grátis, e sites publicados não expiram — eles ficam no ar até você excluí-los pelo seu painel. Reenvie a qualquer momento e o link continua o mesmo.
Usando outro chat de IA?
A receita é quase idêntica em todos os casos — escolha sua ferramenta para ver os passos exatos.