Publicando seu front-end no GitHub Pages

Marcos Barbosa
Urtzi .doc
Published in
3 min readMay 14, 2020

Que tal publicar seu site, seja pessoal ou de um projeto de forma gratuita em um dos sites mais renomados da programação?

Para seguir esses passos você não precisa ser nenhum mago da programação, apenas caso queira fazer sites mais bonitos ou até mesmo seguir com técnicas de programação, mas isso fica para o próximo tutorial.

Passo 1: Entre no seu github, caso não tenha conta, é super simples, acesse o github e já na página inicial faça seu “Sign Up”, feito isso e já logado, você terá uma página parecida com essa, aliás, conheça minha conta: marcos-bah, prometo que sou legal :D

Passo 2: Crie um novo repositorio, em “New repository”

Passo 3: Dê um nome cativante e uma descrição digna de um site incrível, depois clique no botão verde, também conhecido como “Create repository”.

Passo 4: Se tudo deu certo, você verá algo como essa imagem logo abaixo.

Passo 5: Falta pouco campeão, agora clique em “Branch: master”, vai aparecer um campo “find or create a branch”, clique nele.

Passo 6: Digite exatamente: gh-pages e clique no botão enter do seu teclado.

Passo 7: Verifique se está escrito “Branch: gh-pages” como na parte superior esquerda da foto. Agora clique em “Create new file” e veja a mágica.

Passo 8: Um editor de texto para você criar sua página html incrível.

Passo 9: Para teste digite como no documento abaixo e depois clique em “Commit new file”, o verdinho.

Passo 10: Verifique se a “Branchgh-pages possui o arquivo index.html.

Agora acesse: <username>.github.io/your-page, substitua <username> pelo seu usuario criado no github.

Exemplo: https://marcos-bah.github.io/your-page/

E finalizamos nosso tutorial. Siga para novos artigos desse tema ou de outros.

--

--

Marcos Barbosa
Urtzi .doc

Aloha, sou programador Python, arranho em aplicações mobile e escrevo às vezes.