Você já imaginou ter um portfólio online gratuito, hospedado direto no GitHub, e acessível por qualquer pessoa no mundo? 🤯
Pois é exatamente isso que o GitHub Pages permite — e o melhor: é simples, prático e totalmente gratuito!
Neste guia, vou te mostrar passo a passo como criar e hospedar o seu portfólio pessoal no GitHub Pages. Seja você iniciante ou alguém com certa experiência, este tutorial vai te ajudar a dar visibilidade aos seus projetos de forma profissional.
📁 O que é o GitHub Pages?
O GitHub Pages é um serviço gratuito de hospedagem de sites estáticos que transforma repositórios do GitHub em páginas web. Ideal para portfólios, documentações e até blogs!
🧰 O que você vai precisar?
-
Uma conta no GitHub (claro! 😄) – Crie aqui
-
Um repositório com os arquivos HTML, CSS, JS do seu portfólio
-
Um pouco de conhecimento básico em Git e versionamento (mas se não tiver, eu explico também 😉)
🛠️ Passo a passo para publicar seu portfólio
1. Crie seu repositório
Dê um nome a ele — pode ser algo como meu-portfolio
.
Se quiser que o repositório funcione como página principal, use o padrão seunomeusuario.github.io
.
2. Suba seu site
Adicione os arquivos do seu portfólio: index.html
, style.css
, imagens, scripts, etc.
3. Ative o GitHub Pages
-
Vá até Settings > Pages
-
Em Source, selecione a branch principal (
main
oumaster
) -
Clique em Save
🎉 Pronto! Seu site estará disponível em:https://seunomeusuario.github.io/nome-do-repositorio
🧪 Dica Extra
Quer deixar seu portfólio mais atraente visualmente?
Use frameworks como:
💡 Exemplos e inspiração
Já publiquei um exemplo no meu repositório de dicas:
🔗 Dicas GitHub – Como hospedar com GitHub Pages
🤝 Precisa de ajuda?
Se estiver com dúvidas ou quiser compartilhar seu portfólio comigo, será um prazer te dar feedback.
Me segue no GitHub: DarioSAndrade
Ou me chama no LinkedIn: Dario Andrade
📌 Compartilhe esse guia com quem está começando!
Ajudar outras pessoas também é uma forma de evoluir! 🚀
Se quiser, já posso preparar esse conteúdo com imagens, estrutura HTML para o blog e um botão de download em PDF. Deseja isso também?
Comentários