GitHub Pages: Seu Portfólio no Ar

Seu código não precisa ficar escondido. Aprenda a transformar seu repositório em um site real e gratuito.

O que é o GitHub Pages?

O GitHub Pages é um serviço de hospedagem gratuito. Ele pega os arquivos HTML, CSS e JS do seu repositório e os transforma em um site público que qualquer pessoa pode acessar.

Para que serve?

• Hospedar seu Portfólio.
• Mostrar a documentação de um projeto.
• Publicar jogos simples (como o nosso Ping Pong).

Nota: Ele só serve para sites estáticos (HTML/CSS/JS). Não roda Banco de Dados (PHP, Python, SQL) no backend.

Passo a Passo: Como Ativar

Não precisamos criar repositórios com nomes estranhos. Podemos ativar o Pages em qualquer projeto.

1. Vá nas Configurações:
Entre no seu repositório e clique na aba Settings (Configurações). No menu lateral esquerdo, procure por Pages.

2. Configure a Origem (Source):
Em "Build and deployment", selecione:

• Source: Deploy from a branch
• Branch: main (ou master)
• Folder: / (root)

Clique em Save.

3. Aguarde e Acesse:
Aguarde alguns segundos (atualize a página se necessário). Uma barra verde vai aparecer no topo com o link do seu site!

Atividade Final: Divulgando seu Portfólio

Chegou a hora de mostrar seu trabalho para o mundo. Vamos usar o repositório que você criou (pode ser o do Ping Pong ou o do seu Perfil) e colocá-lo no ar.

Missão:

1. Utilize o modelo base: Repositório do Portfólio Didático.
2. Com o portfólio didático você pode alterar o código e as cores do jeito que achar melhor.
3. Ative o GitHub Pages nele seguindo os passos acima.
4. Copie o link gerado (ex: seunome.github.io/pingpong).
5. Compartilhe o link com a turma ou coloque na descrição do repositório!

Parabéns!

Na próxima etapa, disponibilizamos o link para o Livro Git Pro. Acesse o guia completo escrito por Scott Chacon e Ben Straub para dominar todos os recursos avançados que o Git oferece.