harvis
ChatGPT

Como publicar HTML do chat do ChatGPT

ChatGPT will happily write you a complete website, and Canvas will even preview it — but OpenAI doesn't put it on the internet for you. The code is stuck in your chat until you move it somewhere that serves web pages. That's the part that takes 30 seconds here.

Open ChatGPT
steps
  1. 01

    Find your HTML

    Your page is either in a code block in the chat or open in Canvas. If ChatGPT split it into HTML, CSS, and JavaScript, ask it to combine everything into one index.html file first.

  2. 02

    Copy the code

    Hover over the code block and hit "Copy code", or select everything in Canvas and copy it. You now have the whole site on your clipboard.

  3. 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.

  4. 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.

  5. 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.

artifacts

Where ChatGPT keeps your page: Canvas

Canvas is a panel, not a page. There's no address that points at the thing it renders, and a chatgpt.com/share/… link shows the conversation with the code inside it rather than the page itself — publishing that would give your visitors a transcript. Paste one below and we'll tell you so instead of getting it wrong. The way round it: ask ChatGPT to save the file to a public GitHub gist, then paste the gist's raw link.

Paste a link to the file

There's no artifact address to paste for this tool, but the box still works for a public GitHub gist — ask the chat to save your page to one, then paste the gist's raw link. For anything else, the drop box below is the way.

We only fetch links that serve the page itself. A chat share link isn't one — paste it and we'll say so rather than publish the wrong thing.

Solte aqui o HTML do ChatGPT

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 ChatGPT publicar por você

Pule totalmente o copiar e colar. Copie nossas instruções prontas, cole na sua conversa com o ChatGPT, 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 ChatGPT

Can ChatGPT publish the website itself?

No. Canvas renders a preview inside your chat, but there's no button that puts the page on the internet. ChatGPT writes the code; a static host like this one serves it to the world.

ChatGPT gave me separate HTML, CSS, and JS files. Now what?

Save them into one folder — index.html plus the styles and scripts it references — and drag the whole folder into the box. Or ask ChatGPT to inline everything into a single index.html, which is usually simpler for small pages.

Qual é a forma mais fácil de publicar HTML do ChatGPT?

Existem três. Mais fácil: copie o HTML do ChatGPT 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 ChatGPT, 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 pelo navegador 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 ChatGPT 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.

other tools

Usando outro chat de IA?

A receita é quase idêntica em todos os casos — escolha sua ferramenta para ver os passos exatos.