Vantagens e Passo a Passo do GitHub Pages

Vantagens de usar o GitHub Pages

Gratuito: sem custos de hospedagem para sites estáticos.
Fácil integração com GitHub: qualquer push na branch correta já publica o site automaticamente.
Suporte a domínio personalizado: você pode usar um domínio próprio com seu site.
Certificado SSL automático: garante que seu site seja entregue via HTTPS.
Ideal para portfólios, blogs, documentações, currículos, e páginas de projeto.
Suporte a Jekyll: permite gerar sites dinâmicos com conteúdo estático facilmente.
Open Source: colaboração e controle de versão direto no repositório.

Crie sua conta no GitHub

Acesse github.com e crie uma conta gratuita.
Crie um novo repositório

O nome deve ser seunome.github.io. Exemplo: joaosilva.github.io. Esse será o endereço do seu site.
Adicione os arquivos do site

Você pode subir um arquivo index.html simples ou uma estrutura completa de site (HTML, CSS, JS). Utilize a opção "Upload files" ou faça isso via Git.
Configure o GitHub Pages

Vá em Settings do repositório, role até Pages, escolha a branch main e clique em "Save". O GitHub criará automaticamente o link de acesso.
Acesse seu site

Dentro de alguns minutos, seu site estará disponível no endereço https://seunome.github.io.
Personalize com domínio próprio (opcional)

No mesmo menu Pages, você pode configurar um domínio personalizado. Basta apontar o DNS do seu domínio para o GitHub Pages e adicionar o domínio nas configurações.
Atualize seu site sempre que quiser

Basta fazer alterações no repositório (enviar novos arquivos ou modificar os existentes) e o site será atualizado automaticamente.
Use Jekyll para criar um blog (opcional)

GitHub Pages tem suporte nativo ao Jekyll, uma ferramenta para gerar sites estáticos de forma automática, útil para blogs e documentação.

Utilize templates gratuitos prontos em sites como HTML5 UP e Start Bootstrap.
Você pode conectar seu repositório ao Visual Studio Code para editar o site localmente.
Adicione um README.md bem escrito para descrever o projeto no GitHub.
Use ações do GitHub (GitHub Actions) para automatizar deploys e testes.

Teste seus conhecimentos com nosso quiz interativo.