Concrete Logo
Hamburger button

Github Pages for Dummies

  • Blog
  • 28 de Março de 2018
Share

Hey, já ouviu falar de GitHub Pages? Ele foi projetado para hospedar suas páginas pessoais, de organização ou de projeto, diretamente de um repositório GitHub, tudo isso gratuitamente, com domínio próprio e sem propagandas. Olha que legal! Aqui vamos criar nossa primeira página de forma bem simples. Em outro post vamos falar um pouco mais a fundo de GitHub Pages, sobre como usar CDN, Forms, SSL etc.

Follow me, bro.

Primeiramente, você precisa ter uma conta no GitHub. Ok, meio óbvio, mas é isso mesmo.

Acesse este link e siga o passo a passo:

Segundamente, você precisa criar um repositório com o mesmo nome de usuário ‘github.io’, para isso clique no Botão Start a Project e preencha como na imagem abaixo. No meu exemplo, é renatoruis-devops.github.io.

Muito bom! Agora já temos um repositório com uma página disponível para o mundo.

Como podemos ver abaixo, agora nossa página já está no ar! \o/ O endereço ficou assim:

De fato já temos uma página funcionando e publicada.

“Mas “Renatão” está muito simplória.” ;(

Concordo! Vamos arrumar isso já. 🙂

Vamos publicar uma página com conteúdo HTML de forma muito simples para finalizar. Para isso, volte ao painel do repositório, clique em Create new file e coloque o nome de “index.html”.

Copie e cole esse código na área em branco:

Depois clique em “Commit new file”:

Aeee! Agora acesse e veja como ficou a sua página.

Agora você pode soltar a imaginação e fazer uma página bem legal e mandar o link para eu ver.

Como disse lá no início: em um futuro próximo volto para falar mais sobre GitHub Pages.

Abraços! \o/

Quer saber mais sobre a nossa cultura? Dá uma olhada no nosso Blog. Agora, se você quiser fazer parte de um time fantástico, mande seu currículo para trabalheconosco@concrete.com.br.