Giter VIP home page Giter VIP logo

githubpages.registro.br's Introduction

GitHub:Pages no Registro.br

Este é um pequeno e simples tutorial para a utilização de domínios personalizados registrados no registro.br com github:pages para seu projeto ou página pessoal.

O que é o GitHub:Pages

GitHub Pages é um sistema de hospedagem grátis e de fácil uso para algum projeto ou página pessoal com um repositório no GitHub.

É possível criar páginas personalizadas para seus projetos ou utilizar temas oferecidos pelo próprio GitHub. Você pode criar sites estáticos com apenas a força de seus conhecimentos em HTML e CSS ou até blogs com conteúdos dinâmicos utilizando o Jekyll.

Não vou abordar aqui como criar passo a passo cada tipo de site mas você pode encontrar como nessa página.

Criando o site para o seu projeto

Para criar um site para o seu projeto, faça um clone dele para sua máquina:
$ git clone https://github.com/voce/seu_projeto.git

Após isso, crie um branch orfão com o nome de gh-pages e remova todos os arquivos do seu projeto nesse branch, utilizando os seguintes comandos:

$ git checkout --orphan gh-pages
$ git rm -rf .

Construa o site do seu projeto nesse branch. Um comentário útil é que este branch só aparecerá no comando git branch após o seu primeiro commit.

Dê um push desse novo branch para o repositório do projeto:
$ git push origin gh-pages

Caso você queira saber como criar seu próprio site ou um site utilizando Jekyll, confira a documentação fornecida pelo GitHub.

Configurando um domínio próprio para o seu projeto no GitHub##

Caso você não queira um domínio personalizado para o site do seu projeto, já é possível acessá-lo pelo link: https://voce.github.com/site_do_projeto.

No nosso caso vamos utilizar um domínio próprio para o projeto, registrado no registro.br.

Para isso crie um arquivo chamado CNAME nesse mesmo branch e coloque dentro dele o nome do domínio personalizado que você desejar. Faça o commit e dê outro push no repositório: $ echo "seuprojeto.com.br" > CNAME

Ok. Pela parte do GitHub já está tudo pronto. Agora falta apenas as configurações de DNS no registro.br.

No registro.br

Faça o login no site do registro.br e clique no domínio registrado para seu projeto.

  1. Marque a opção Utilizar os servidores do Registro.br
  2. Clique em Salvar & Editar DNS
    1. Clique em Modo Avançado
  3. Agora clique em +Record para setar o DNS do seu projeto no github.

Edição de Zona

  1. Deixe o campo de subdomínios vazio.
  2. No campo Tipo selecione A.
  3. No campo Dados coloque o seguinte endereço: 204.232.175.78
  4. Clique em +Record para abrir um novo cadastro.

Agora precisamos colocar o subdomínio www para funcionar também.

  1. No campo subdomínio coloque www.
  2. No campo Tipo escolha CNAME
  3. No campo Dados coloque o endereço utilizado no arquivo CNAME de seu projeto: seuprojeto.com.br.
  4. Clique em Salvar.

Pronto!

Observações

O tempo para que as alterações de DNS sejam visíveis para toda a internet é de até 24 horas, segundo o próprio registro.br

As alterações feitas no branch gh-pages do GitHub podem demorar até 10 minutos para que tenham efeito, segundo o próprio GitHub.

Atenção

Acesse a página de ajuda do GitHubPages para mais informações sobre a criação de sites diferenciados para seu projeto, com templates, páginas de erro, redirecionamento, entre outras coisas.

githubpages.registro.br's People

Contributors

orige avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.