O que é um site estático
Um site estático é feito de arquivos prontos, como HTML, CSS, imagens e JavaScript, que o navegador apenas exibe. Não há banco de dados nem código rodando no servidor. Serve bem para portfólio, página de apresentação, documentação e landing pages.
O GitHub Pages é um serviço do GitHub que publica esses arquivos a partir de um repositório. As regras, os limites e as condições do recurso podem mudar, então consulte a documentação oficial do GitHub antes de usá-lo em algo importante.
Passo a passo
Os nomes de botões e menus podem variar conforme a versão da interface.
- Crie uma conta no GitHub, se ainda não tiver. Se for a sua primeira vez com a plataforma, veja Git e GitHub para iniciantes.
- Crie um novo repositório e dê um nome simples, sem espaços.
- Envie para ele os arquivos do site. O principal deve se chamar index.html e ficar na raiz do repositório.
- Abra a aba de configurações do repositório e procure a seção Pages.
- Em origem, escolha a branch principal e a pasta raiz, e salve.
- Espere alguns minutos. O endereço do site aparece na própria seção Pages.
Um index.html mínimo já funciona: um título e um parágrafo bastam para testar.
Se a página não abrir
- Confira se o arquivo se chama index.html, com letras minúsculas.
- Veja se a branch e a pasta escolhidas na configuração são as corretas.
- Aguarde um pouco: a primeira publicação pode demorar.
- Se imagens não aparecem, revise os caminhos nos arquivos, lembrando que maiúsculas e minúsculas contam.
- Limpe o cache do navegador ou teste em uma janela anônima.
Domínio próprio
Se quiser um endereço como o do seu nome ou negócio, registre um domínio e configure os apontamentos de DNS conforme a documentação do GitHub. Para entender como domínio, hospedagem e DNS se relacionam, veja Domínio, hospedagem e DNS: como um site chega até a sua tela.
Quando buscar outra opção
Se você precisa de formulários que gravam dados, login de usuários ou uma loja com pagamento, será preciso um serviço com processamento no servidor ou integrações externas. Para sites de apresentação, o GitHub Pages costuma ser uma forma simples de começar.