DEV Community

loading...
Cover image for Github pages for newbies and Site update

Github pages for newbies and Site update

_olarsarah profile image Sarah Rodrigues~ ・3 min read

Hoje eu estou no meu quarto dia dos 100 dias de código e assim como ontem, não tirei muito tempo assistindo aulas relativas ao assunto, mas peguei meu tempo de estudo para tentar implementar mais algo no meu site. Esse foi o resultado :)

Alt Text

Como podem perceber pela imagem, eu adicionei alguns ícones a minha página e consegui transformá-los em ícones funcionais. Cada um deles leva a alguma das minhas mídias sociais. Embora seja algo bem simples de fazer, me tomou bons 40 minutos e depois disso decidi parar de mexer no site por hoje e fui ver mais algumas aulas.
Aprendi sobre a utilização correta de algumas tags (boas práticas né?) e também mais umas duas novas.

Mesmo cansada (passei o dia inteiro ocupada), acredito que valeu a pena ter insistido para continuar o desafio hoje, sinto que esses pequenos passos estão me levando mais longe do que a correria de tentar conseguir tudo de uma vez.
O melhor disso tudo é, sem pressa nem cobrança, o importante é ter progresso e isso com certeza eu estou tendo. Definitivamente o desafio tem me ajudado com isso.

Mudando um pouco de assunto, vou me aprofundar mais um pouco dentro do github pages porque foi algo que uma amiga minha me indicou como interessante e eu concordei hahaha.

               **Github Pages*

Como vocês bem sabem, este site que eu estou desenvolvendo (assim como projetos futuros) eu estou mantendo atualizado via Github.
A questão dentro disso é que o github, possui o Github pages, que é basicamente um serviço de hospedagem gratuito para páginas estáticas. Quer dizer, você pode fazer páginas não estáticas também, mas só deve executar a parte estática, pelo menos até onde eu sei.

Eu não sou uma profunda conhecedora do github nem do github pages, mas consegui saber o suficiente para por o meu site online. Recomendo uma melhor pesquisa em cima do tema para que possam ser desenvolvidas suas próprias páginas, mas vou dar uma explicação básica de como funciona a estrutura.

A primeira coisa que se deve saber é usar minimamente o github, tipo minimamente mesmo. Sem nem necessitar de código você pode criar um repositório dentro do github e é assim que tudo começa.

O primeiro passo é criar o seu repositório e quando o estiver fazendo atente para o nome do repositório. A questão aqui é que você pode fazer quantos sites você quiser, inclusive de todos os seus repositórios lá, desde que depois do nome que você escolheu haja " .github.io". Quando você quer fazer uma pagina pessoal você usa a sua id de usuário e depois completa com esse link. Por exemplo:
Meu github é https://github.com/sarah-rfs , quando eu fui criar a minha página eu usei "sarah-rfs" mais o " .github.io". Isto serve basicamente para facilitar a vida do desenvolvedor. Ainda não entendi direito como fazer ou se o github faz sozinho, mas é como se todos os seus outros repositórios virassem sub-links do seu site. Eu posso estar enganada, mas como eu disse, sou tão nova nisso quanto vocês. :)

Feito isso você está livre para desenvolver o seu site como achar melhor,porém vou deixar aqui como é o meu processo.

Primeiramente eu sou usuária do windows então eu acabei optando por usar o *gitbash e nisso entramos em outro mérito, tem que saber usar o básico do git tá meninxs?

  **Lembrando que Git e Github são coisas diferentes!**

Depois que eu criei o repositório eu clonei ele para um lugar confortável no meu computador.
Dentro da pasta do repositório eu ativo o gitbash e crio meus arquivos de programação/marcação, nesse caso de html, e então eu começo a editar meus arquivos, adicionar , remover coisas, editar, etc. Constantemente eu estou checando o status das mudanças e fora isso são vários adds, commits e comentários até enviar de volta ao github.
O bom de trabalhar assim com o github pages é que no momento que a sua alteração é enviada de volta ao github, seu site em questão já é automaticamente atualizado.

Eu sei que existem algumas ferramentar para desenvolver de uma forma mais rápida e provavelmente para fazer esse upload também do que via upload pelo gitbash, mas eu gosto dessa maneira de trabalhar então acabei optando por ela.

Obrigada a todxs que leram e caso alguém tenha alguma dúvida, só falar! :)

Discussion (1)

pic
Editor guide
Collapse
souvitorgabriel profile image
Biel • Edited

Editar o HTML no PC e o site já estar online assim que fazemos os commits é mágico, gosto muito do Github Pages e sua integração é ótima.