Depois de montarmos o nosso projeto e subirmos ele para o repositório no GitHub, é comum querer mostrar o nosso resultado para as pessoas, seja eles familiares e amigos que acompanham o nosso processo ou para recrutadores e conexões no nosso LinkedIn e outras redes sociais. Pensando nisso, que tal colocar seus projetos inicitantes no GitHub Pages?
O que é o GitHub Pages?
O GitHub Pages é um serviço de hospedagem gratuito oferecido pelo GitHub para projetos estáticos, ou seja, que usam HTML, CSS e JavaScript. Para projetos que vão além dessas tecnologias é recomendado um deploy usando outras ferramentas de hospedagem.
Todas os projetos que criamos usando o GitHub Pages fica sob o domínio github.io e referenciando o nosso perfil da rede e o nome do nosso repositório.
Como inicializar o GitHub Pages no meu projeto
Antes de tudo é importante você ter o seu projeto em um repositório no GitHub e atualizado com a última versão que deseja apresentar. Lembrando que a sua página inicial em HTML deve estar nomeada como index.html, caso contrário a sua página não irá subir de forma automática.
Depois de criado o seu repositório e ter dado o comando
git pushna main, podemos seguir até a aba de Settings, ou Configurações.
Na aba lateral precisamos encontrar a opção Pages, ou Páginas, que é a penúltima opção do menu.
Em Pages conseguimos configurar como será criado esse nosso projeto e até adicionar um domínio personalizado. No momento queremos usar o próprio domínio do GitHub, então na sessão Source, ou Fonte, precisamos selecionar a branch main que está o nosso projeto:
E clicamos em Save, ou Salvar.Depois de alguns segundos o nosso projeto já estará ao vivo e funcionando no link disponibilizado pelo GitHub Pages.
O interessante do GitHub Pages é que depois de ativado, qualquer alteração que você fizer no seu projeto, a página será atualizada em poucos segundos.
Com o link do seu projeto, você pode adicioná-lo diretamente no seu repositório e também compartilhar no seu LinkedIn e com outras pessoas.
--
Projeto usado neste artigo: Repositório | Live
Latest comments (0)