O Claude me deu um arquivo HTML. Como coloco esse arquivo em um link de verdade?

Resumindo

Um endereço que começa com file:/// mora no seu disco. Só um endereço que começa com https:// funciona para outras pessoas.
Peça um único index.html com o CSS e o JavaScript dentro. É o mais fácil de publicar.
Sem configurar nada: solte o arquivo, ou cole o código, em pagelemon.com/drop.
Escolha uma forma de publicar e confira se dá para alterar o site depois sem perder o endereço.

Por que o arquivo só funciona no seu computador

Quando você dá dois cliques em um arquivo HTML, o navegador o abre direto do seu disco. Isso serve para você. Um link só funciona para outras pessoas se o arquivo estiver em um computador sempre ligado à internet, que responda aos pedidos por ele. Esse computador é um host. Colocar seu arquivo lá é publicar, às vezes chamado de fazer deploy.

A boa notícia: uma página criada pela sua IA costuma ser um site estático. São só arquivos: HTML, CSS, JavaScript e imagens. Sites estáticos são os mais fáceis de hospedar. Você não precisa de servidor nem de banco de dados.

Abra primeiro no seu computador

Antes de publicar, confira se o arquivo funciona. Leva um minuto.

Copie o código para um arquivo de texto simples. Se a IA mostrou o código no chat, cole tudo em um editor de texto (Bloco de Notas no Windows, TextEdit em modo de texto simples no Mac). Se ela entregou um download, pule esta etapa.
Salve como index.html. Confira se o nome não termina em .txt. Coloque em uma pasta nova e vazia.
Dê dois cliques no arquivo. Ele abre no navegador. Role a página inteira, clique em todos os links e botões e estreite a janela para ver como fica no celular.
Anote o que está errado. Conte à IA no chat e peça o arquivo de novo.

Tire os arquivos do chat

Dependendo da IA, seu site pode ser um destes:

Uma prévia no chat (artifacts do Claude, canvas do ChatGPT). Peça um único arquivo que você possa baixar.
Vários arquivos (uma página, uma folha de estilos, imagens). Peça um .zip do site inteiro com index.html no nível principal, não dentro de outra pasta.
Uma pasta de projeto criada por uma ferramenta de programação como Claude Code, Codex ou Cursor. Se houver uma etapa de build, a pasta a publicar é a que o build gera, geralmente dist ou build, não o projeto inteiro.

O caso mais simples é um único arquivo. A maioria dos hosts trata index.html como a página inicial, e um único arquivo .html com qualquer nome também funciona no Page Lemon. Cole isto para chegar lá:

Me dê isto como um único index.html com o CSS e o JavaScript dentro.

Conserte imagens e links quebrados

Uma página que estava boa no seu computador pode mostrar caixas vazias online. Estas são as causas mais comuns:

A imagem não está na pasta. Deixe cada imagem ao lado de index.html, ou em uma subpasta como images que acompanhe a página.
O caminho aponta para o seu próprio disco. C:\Users\you\photo.jpg só existe no seu computador. Use um caminho relativo como images/photo.jpg.
As maiúsculas são diferentes. Photo.JPG e photo.jpg são o mesmo arquivo em alguns computadores e arquivos diferentes em muitos hosts. Use nomes em minúsculas em todo lugar.
O nome tem espaços. Use team-photo.jpg, não Team Photo.jpg.

Use nomes de arquivo em minúsculas e caminhos relativos para todas as imagens.

Suas opções para um link de verdade

Todas estas funcionam. A diferença está na rapidez para ter um link e na facilidade de alterar o site depois.

1. Deixe sua IA publicar

Algumas IAs usam ferramentas para publicar por você. Ferramentas de programação como Claude Code e Codex conseguem enviar arquivos direto. Apps de chat muitas vezes não alcançam a internet a partir do ambiente isolado em que rodam, então entregam um arquivo a você.

Com o Page Lemon, você cola uma linha no mesmo chat. Se sua IA ainda não consegue publicar, conecte-a uma vez e peça de novo.

Coloque meu site no ar em PageLemon.com

2. Use o botão de compartilhar do chat da sua IA

O Claude tem um botão Publicar para artifacts. Segundo o artigo de ajuda da Anthropic, ele cria um link público no domínio do próprio Claude. Nos planos Free, Pro e Max, qualquer pessoa com o link pode abri-lo. Nos planos Team e Enterprise, o link é compartilhado dentro da sua organização. É útil para uma demonstração rápida, mas o endereço não é seu. Confira a página de ajuda da Anthropic para ver as regras atuais.

3. Solte o arquivo, ou cole o código, sem configurar nada

Se sua IA não consegue publicar nem se conectar, por exemplo no plano gratuito do ChatGPT, abra pagelemon.com/drop. Solte o arquivo lá ou, no celular sem arquivo, cole o código que a IA deu. Você recebe um link em segundos, sem conta e sem instalar nada. Para alterar esse mesmo site depois, você precisa de uma IA que consiga se conectar: soltar um arquivo novo cria um endereço novo.

Como se comparam

	Link compartilhado em um chat de IA	Um host de upload genérico	Page Lemon
Tempo até o link	Segundos	Alguns minutos	Segundos a partir de uma ferramenta de código ou do /drop; cerca de 2 minutos para conectar antes um app de chat
Conta necessária	Sim, com essa IA	Varia	Não para publicar; uma conta gratuita para manter
Endereço	No domínio da IA	Varia	Um endereço `pagelemon.dev` ou seu próprio domínio em um plano pago
Alterar depois pelo chat	No mesmo chat	Normalmente é preciso enviar de novo	De qualquer IA conectada, no mesmo endereço
Histórico de versões	Varia	Varia	7 dias no Grátis, mais nos planos pagos

As duas primeiras colunas são padrões gerais, e os detalhes variam entre os serviços. Confira os termos atuais de qual você escolher.

Seu domínio próprio

Um endereço como www.yourcafe.co.uk fica mais bonito em um cardápio ou cartão. No Page Lemon, seu próprio domínio vem com os planos pagos (o Prompter custa $6 por mês e inclui 3 domínios). Você compra o domínio de uma empresa de domínios e paga a ela todo ano. O Page Lemon não vende domínios. Veja como funciona.

Encontre um domínio para o meu café

Pense na semana que vem, não só em hoje

Conseguir um link uma vez é fácil. O mais difícil é a semana que vem, quando você quiser mudar o horário de funcionamento ou adicionar uma página. Pergunte a si mesmo:

O endereço continua o mesmo depois de uma alteração? Se cada edição gera um novo link, você precisa compartilhar de novo toda vez.
Uma IA consegue fazer a mudança para você? O chat em que você fez o site pode ter sumido. Um chat novo, ou outra IA, precisa de um jeito de ler o site atual e atualizá-lo.
Dá para desfazer uma alteração ruim? Com o histórico de versões, um erro custa um minuto, não uma tarde.
Quanto tempo dura um site gratuito? Alguns expiram se você não criar uma conta. Tudo bem, desde que você saiba desde o início.

No Page Lemon, um site publicado sem conta fica no ar por 72 horas. Uma conta gratuita mantém até 3 sites, com um pequeno selo do Page Lemon. O endereço continua o mesmo depois das edições, e cada alteração é salva como uma versão à qual você pode voltar.

Erros comuns

Publicar segredos. Se sua IA colocou uma chave de API na página, qualquer pessoa pode lê-la depois que ela estiver online. Sites estáticos não guardam segredos. Veja o que vai a público.
Publicar o projeto inteiro. Envie só o site pronto, não suas pastas de código-fonte, anotações ou arquivos .env.
Esperar que um formulário envie e-mail para você. Uma página web comum não consegue enviar e-mail sozinha. Pergunte à sua IA como as mensagens do formulário serão entregues antes de contar com isso.
Compartilhar o endereço file:///. Ele nunca funciona para mais ninguém.

Perguntas

Por que a página funciona para mim, mas não para meu amigo?

Você está abrindo do seu próprio disco. Seu amigo não tem esse arquivo. Publique e depois envie o link https://.

Posso simplesmente enviar o arquivo por e-mail?

Pode, mas muitos programas de e-mail alertam sobre anexos .html, e a pessoa precisa salvar e abrir sozinha. Um link é mais fácil para ela e para você.

Preciso saber programar?

Não. Você precisa do arquivo ou dos arquivos e de um jeito de colocá-los online. Sua IA faz o resto, inclusive as alterações depois.

E se eu tiver muitos arquivos e pastas?

Peça um .zip com index.html no topo e deixe as imagens na mesma pasta ou em uma subpasta. Ou peça à IA para pôr tudo em um único index.html, se o site for pequeno.

Quanto custa experimentar?

Publicar no Page Lemon é grátis e não precisa de conta. Sem conta, o site fica no ar por 72 horas.