3 minutos de leitura
614

Ter um blog é uma maneira bem divertida de você compartilhar conteúdo com outras pessoas.

Espera um pouco! Então você esta me dizendo que terei que ajudar o proximo?

Exatamente isso meu caro, eu ainda acredito que ajudar o proximo sempre supera o nosso egoísmo, é uma forma de nos sentirmos mais humanos. Não concorda? Lembre-se que você recebe ajuda da comunidade quando mais precisa, por que não ajudar outras pessoas com a mesma dificuldade que você superou? Ajudar só vai te fazer um profissional melhor.

Mas e você Geriel? Por que esta fazendo isso só agora?

Verdade, eu era meio idiota. ;)

Vamos para a parte que nos interessa.

## Por que Github? Github é uma das principais plataforma de versionamento e compartilhamento de projeto. Através do Github podemos trabalhar com varios diretórios e versões para gerenciar o projeto, podemos tambem voltar versões, detalhar… Enfim… Isso foi o básico, para saber mais sobre Github da uma fuçada no google.

## Github Pages

Para conseguirmos criar uma página com o github pages não é necessário que se tenha um conhecimento avançado sobre a ferramenta, mas vamos partir do principio que você ja sabe o básico.

git add
git commit
git pull
git push

Em caso de muitas dúvidas olha esse artigo Tableless, vai te ajudar bastante.

Criando um repositorio - Github Pages Basta criar um repositorio em sua conta no github da seguinte forma: seunome.github.io.

Criar repositório github

Após criar o repositório, é preciso clonar para você poder gerenciar localmente. Uma das formas mais fáceis de testar se esta funcionando é criar uma pagina index.html, digitar o velho e bom ‘Alo Mundo’, salvar e subir pro github.

Como eu sei que você é super preguiçoso, vou deixar aqui em baixo alguns links de blogs prontos, você vai precisar editar e dar um push em seu repositório do criado.

  1. [Blog: Poole] (http://hyde.getpoole.com/about/)
  2. [Blog: Biomadeira] (https://biomadeira.github.io/)
  3. [Blog: Modern] (http://inded.github.io/Jekyll_modern-blog/)
  4. [Blog: Emerald] (http://www.jacoporabolini.com/emerald/)

Continuando…

Após subir para o git seus arquivos (git add, git commit, git push), em torno de 5 a 10 minutos você ja pode acessar a url sudominio.github.io que ja vai estar tudo funcionando. Muito Fácil né?

Agora vamos para a segundo parte.

Direcionando seu dominio - DNS - Github Pages

Estou imaginando que você ja tenha seu proprio dominio seudominio.com.br ou seudominio.com(Caso não tenha, entra no [registro.br] (http://registro.br) e adquira).

Para fazer alteração do DNS, entre em sua conta e adicione os seguintes A Record e CNAME.

  • seudominio.com.br A 192.30.252.153
  • seudominio.com.br A 192.30.252.154
  • seudominio.com.br CNAME seu-nome.github.io

Dificil? Então olha a imagem abaixo, estou usando o [registro.br] (http://registro.br) como exemplo, mas você pode fazer isso em qualquer site de compra de domínio.

![Editar DNS Github Pages] (/assets/img-post/11-2015/img-adicionando-dns-repositorio-github-pages.png)

Dúvidas entre no link oficial Github Pages - Configurando DNS

## Adicionando arquivo CNAME - Github Pages

Proximo passo é adicionar um arquivo CNAME a seu projeto, isso mesmo, um arquivo CNAME (TUDO EM MAIÚSCULO) apontando para o seu endereço de dominio(seudominio.com.br).

O meu ficou geriel.com

OBS: Não precisa de protocolo http:// e nem de www, adicione apenas o seu dominio puro.

Agora é só esperar o tempo do seu servidor publicar suas alterações, normalmente eles publicam em 2h ou 4h.

Caso tenha problema, refaça o processo e veja onde você pode ter errado. Apesar de ser simples, podemos nos perder um pouco na primeira configuração.

Vale lembrar tambem que você pode fazer o mesmo processo para qualquer repositório que ele vai funcionar. Para saber mais sobre isso veja a [documentação] (https://help.github.com/articles/creating-project-pages-manually/)

É isso aí. Espero que tenha gostado e não deixe de comentar caso tenha alguma dúvida, sugestão ou crítica.

###Links Úteis.

  • [Configurando um dominio - Github Pages] (https://help.github.com/articles/setting-up-a-custom-domain-with-github-pages/)
  • [Oficial Github Pages Criação] (https://pages.github.com/)
  • [Usando Jekyll] (https://help.github.com/articles/using-jekyll-with-pages/)
  • [Jekyll] (http://jekyllrb.com/docs/home/)
comments powered by Disqus
Image

Geriel Castro

Desenvolvedor Front End - UX, morando no Rio de Janeiro Programador WEB Consultor SEO e Mídias Sociais