Como usar domínio personalizado no Github Pages \| TreinaWeb Promoção no ar Matricule-se agora e garanta **54% de desconto** Termina em Tempo restante da oferta: 06 Horas 58 Min 02 Seg Tempo restante da oferta: 06 58 02 [Assinar →](https://www.treinaweb.com.br/checkout/pagamento/plano/anual?cupom=TW-SCLIENTE26) [ ](https://www.treinaweb.com.br) Explorar [ Quanto custa? ](#assinatura) [ FAQ ](https://www.treinaweb.com.br#faq) [Matricule-se](#assinatura) [ Entrar ](https://www.treinaweb.com.br/login) [ Início ](https://www.treinaweb.com.br) [ Artigos ](https://www.treinaweb.com.br/blog) Como usar domínio personalizado no Github Pages [ Desenvolvimento ](https://www.treinaweb.com.br/blog/categoria/desenvolvimento) # Como usar domínio personalizado no Github Pages Veremos nesse artigo como usar um domínio personalizado em um site do Github Pages de forma simples e gratuita. [ Elton Fonseca ](https://www.treinaweb.com.br/blog/autor/elton-fonseca) 7 anos atrás ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2019/07/10121011/GITHUB-DOMINIOS-PERSONALIZADOS.png) Já vimos aqui no blog um post sobre a [criação de um repositório no Github](https://www.treinaweb.com.br/blog/criando-repositorio-no-github/ "criação de um repositório no Github") e sobre a [utilização do Github Pages para criação de portfólio](https://www.treinaweb.com.br/blog/hospedando-o-portfolio-criado-com-o-pingendo/ "utilização do Github Pages para criação de portfólio"). Esse recurso por si só já é muito bom, pois evita a necessidade de um servidor pago para ter um site, mas ele fica ainda mais atraente com a utilização de domínios personalizados nessas páginas. [ ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2023/10/E-BOOK-GRATUITO-GIT.jpg) ](https://www.treinaweb.com.br/ebook/guia-git/) Por padrão, quando criamos um site no Github Pages o endereço utilizado para acessar a página possui o padrão: `https://nome_do_usuario.github.io/nome_do_repositorio` fica muito mais interessante se ao invés disso, usarmos por exemplo, para uma página pessoal o domínio relacionado ao seu perfil de desenvolvedor `https://seunome.dev`, no meu caso utilizo [https://eltonfonseca.dev](https://eltonfonseca.dev "https://eltonfonseca.dev") [ ![Java - Collections - Parte 1](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/java.svg) Curso Java - Collections - Parte 1 Conhecer o curso ](https://www.treinaweb.com.br/curso/java-collections-parte-1) ## Serviço de DNS Quando compramos um domínio, precisamos de um serviço de DNS onde vamos criar as zonas. Alguns vendedores de domínio já possuem por padrão o serviço de DNS também, como é o caso do Google Domínio, dono dos domínios `.dev`, mas a maioria dos vendedores de domínio não possuem. Primeiramente vamos ver como realizamos a configuração do domínio onde o vendedor não possui o serviço de DNS (como é o caso do registro.br, por exemplo). Nesse caso podemos usar a Cloudflare que possui plano gratuito. Acesse o link [https://dash.cloudflare.com/sign-up](https://dash.cloudflare.com/sign-up "https://dash.cloudflare.com/sign-up") para realizar o cadastro. Depois de logado precisamos adicionar um novo site: ![Criando dominio no cloudflare](https://dkrn4sk0rn31v.cloudfront.net/2019/06/17172502/criar-novo-dominio-cloudflare.png) Informe o domínio do seu site: ![Dominio personalizado](https://dkrn4sk0rn31v.cloudfront.net/2019/06/17172703/indicar-dominio-personalizado1.png) Basta seguir os passos para terminar a adição, única coisa que precisa se atentar é o tipo de plano para selecionar gratuito. ### Apontar o DNS no domínio Agora precisa informar na empresa onde comprou o domínio qual é o servidor que será responsável pelos DNS. Acesse a página de Overview do seu site na Cloudflare, ele te apresentará quais nameservers deve usar: ![nameservers](https://dkrn4sk0rn31v.cloudfront.net/2019/06/17174022/nameserver-cloudflare.png) Se o domínio foi comprado no registro.br, após logar basta clicar sobre ele e clicar no botão **Alterar Servidores DNS**. A configuração deve ficar conforme a imagem abaixo: ![Atlerar dns no registro br](https://dkrn4sk0rn31v.cloudfront.net/2019/06/18103754/alterar-dns-registrobr1.png) Se tiver comprado o domínio em outra empresa precisará verificar qual é o procedimento específico no sistema dela, geralmente isso é bem simples. [ ![Git - Fundamentos](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/git.svg) Curso Git - Fundamentos Conhecer o curso ](https://www.treinaweb.com.br/curso/git-fundamentos) ### Adicionar zona de DNS na Cloudflare Agora precisamos criar uma zona no Cloudflare que aponta para o IP do Github Pages, com isso toda vez que o usuário acessar no navegador https://eltonfonseca.dev ele retornará o caminho para a página. Vamos usar no nosso exemplo uma zona tipo `A`, mas poderíamos usar um `ALIAS` ou `ANAME`. Acesse o menu DNS no painel do site no Cloudflare e em seguida adicione o seguinte registro: ![adicionando dns no registro](https://dkrn4sk0rn31v.cloudfront.net/2019/06/17175744/add-dns-record.png) Esse endereço de IP foi retirado da página da [documentação do Github Pages](https://help.github.com/en/articles/setting-up-an-apex-domain#configuring-a-records-with-your-dns-provider "documentação do Github Pages"). Ele ainda possui outros ips alternativos: - 185.199.108.153 - 185.199.109.153 - 185.199.110.153 - 185.199.111.153 Basicamente terminamos a nossa configuração de DNS. Se a empresa onde comprou o domínio já possuir o gerenciador de DNS basta realizar esse último passo. Veja no Google Domains como isso é feito: ![zona dns](https://dkrn4sk0rn31v.cloudfront.net/2019/06/17180727/add-zona-dns-google-domains.png) ## Configurando o Github Pages Precisamos configurar o Github para responder ao domínio personalizado que criamos. Depois de já ter o site funcionando com o endereço padrão (mostrado no post do início). Acesse as configurações do repositório onde está o site: ![configurações gitbub](https://dkrn4sk0rn31v.cloudfront.net/2019/06/17180947/configura%C3%A7%C3%B5es-github.png) Em seguida em GitHub Pages informe o seu domínio personalizado: ![Informando dominio personalizado](https://dkrn4sk0rn31v.cloudfront.net/2019/06/17181203/dominio-personalizad-github-pages.png) Depois de clicar em **Save** marque também a opção **Enforce HTTPS** para que os acessos aconteçam via HTTPS. Podemos testar o site no navegador com o novo domínio: ![dominio funcionando](https://dkrn4sk0rn31v.cloudfront.net/2019/06/18105239/teste-github-pages-1.png) Prontinho já temos o nosso site funcionando com domínio personalizado no Github Pages. Isso nos permite hospedar sites estáticos de forma extremamente simples sem ter que pagar um servidor de hospedagem ou realizar configurações complexas. O Github Pages possui algumas limitações e politicas de uso, antes de iniciar o seu uso pode ser interessante ler a [documentação](https://help.github.com/en/articles/what-is-github-pages "documentação"). [ ![Desenvolvedor Front-end Júnior](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/html5-css3.svg) Formação Desenvolvedor Front-end Júnior Conhecer a formação ](https://www.treinaweb.com.br/formacao/desenvolvedor-front-end-junior) - [ #GitHub ](https://www.treinaweb.com.br/blog/tag/github) - [ #github pages ](https://www.treinaweb.com.br/blog/tag/github-pages) Autor ![Elton Fonseca](//secure.gravatar.com/avatar/2cee05645357ced0841ce76ba5569c72?d=mm) ## Elton Fonseca Professor e desenvolvedor. Formado em análise e desenvolvimento de sistema, pós graduado em engenharia e arquitetura de software. É autor de cursos em diversos temas, como, desenvolvimento back-end, cloud computing e CMSs. Nas horas vagas adora estudar sobre o mercado financeiro, cozinhar e brincar com pequeno Daniel. [@eltonfonsecadev](https://twitter.com/eltonfonsecadev) [Todos os artigos](https://www.treinaweb.com.br/blog/autor/elton-fonseca) ## Continue estudando Transforme leitura em prática com os cursos e formações da TreinaWeb. [Ver cursos](https://www.treinaweb.com.br/cursos) Continue lendo ## Artigos relacionados - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2018/10/15020508/rsz_bridge-246913_1920-400x280.png) [ Orientação a Objetos ](https://www.treinaweb.com.br/blog/categoria/orientacao-a-objetos) 8 anos atrás ## [ Os pilares da orientação a objetos ](https://www.treinaweb.com.br/blog/os-pilares-da-orientacao-a-objetos) O paradigma orientado a objetos é um dos mais utilizados no mercado de trabalho. Neste artigo, veremos os pilares da orientação a objetos. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2020/08/o-que-e-magento-400x280.png) [ Magento ](https://www.treinaweb.com.br/blog/categoria/magento) 6 anos atrás ## [ O que é Magento? ](https://www.treinaweb.com.br/blog/o-que-e-magento) Veja neste artigo o que é o Magento. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2021/05/spring-framework-400x280.png) [ Java ](https://www.treinaweb.com.br/blog/categoria/java) 6 anos atrás ## [ O que é Spring Framework? ](https://www.treinaweb.com.br/blog/o-que-e-spring-framework) Confira neste artigo o Spring framework: um ecossistema de desenvolvimento para facilitar a criação de aplicações Java. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2022/11/junior-para-pleno-min-400x280.png) [ Carreira ](https://www.treinaweb.com.br/blog/categoria/carreira) 4 anos atrás ## [ Como um desenvolvedor júnior pode virar um pleno? ](https://www.treinaweb.com.br/blog/como-um-desenvolvedor-junior-pode-virar-um-pleno) Existem alguns aspectos técnicos e comportamentais que podem te ajudar a seguir para o próximo nível e é o que veremos neste artigo. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2022/08/COMO-SE-PREPARAR-PARA-ENTREVISTA-TECNICA-400x280.png) [ Carreira ](https://www.treinaweb.com.br/blog/categoria/carreira) 4 anos atrás ## [ Como se preparar para entrevistas técnicas ](https://www.treinaweb.com.br/blog/como-se-preparar-para-entrevistas-tecnicas) Geralmente, quando participamos de um processo seletivo para uma vaga relacionada a desenvolvimento, há uma etapa técnica, onde os entrevistadores irão avaliar suas competências técnicas, sua linha de raciocínio lógico e a maneira como você emprega ferramentas e tecnologias para a resolução de problemas. Neste artigo, separamos algumas dicas para que você possa se sair bem nesta etapa. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2022/12/capa-min-400x280.png) [ Carreira ](https://www.treinaweb.com.br/blog/categoria/carreira) 4 anos atrás ## [ Como conseguir emprego no exterior? ](https://www.treinaweb.com.br/blog/como-conseguir-emprego-no-exterior) Confira neste artigo algumas dicas para você conseguir ter essa experiência de trabalhar no exterior. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2019/11/02214700/capa-carreira-1-400x280.png) [ Carreira ](https://www.treinaweb.com.br/blog/categoria/carreira) 7 anos atrás ## [ Como turbinar sua carreira em 2020 ](https://www.treinaweb.com.br/blog/como-turbinar-sua-carreira-em-2020) Veja neste artigo algumas dicas para turbinar sua carreira, visando o próximo ano. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2019/03/08160607/capa-freelancer-400x280.jpg) [ Carreira ](https://www.treinaweb.com.br/blog/categoria/carreira) 8 anos atrás ## [ Como ser um profissional freelancer de desenvolvimento: dicas essenciais ](https://www.treinaweb.com.br/blog/como-ser-um-profissional-freelancer-de-desenvolvimento-dicas-essenciais) Veja neste artigo algumas dicas essenciais para quem está pensando em dar os primeiros passos em sua carreira profissional como freelancer. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2019/03/14224910/capa-certificacao1-400x280.png) [ Certificações ](https://www.treinaweb.com.br/blog/categoria/certificacoes) 8 anos atrás ## [ 5 motivos para você ter uma certificação ](https://www.treinaweb.com.br/blog/5-motivos-para-voce-ter-uma-certificacao) Está em dúvida se uma certificação vale a pena? Veja cinco motivos que podem te ajudar a tomar essa decisão. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2023/08/dicas-etapa-code-challenge-400x280.png) [ Carreira ](https://www.treinaweb.com.br/blog/categoria/carreira) 3 anos atrás ## [ Dicas para a etapa de code challenge ](https://www.treinaweb.com.br/blog/dicas-para-a-etapa-de-code-challenge) Vai participar de um code challenge? Confira essas dicas para se sair bem nessa etapa da entrevista. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2022/09/EVENT-STORMING-400x280.jpg) [ Arquitetura de Software ](https://www.treinaweb.com.br/blog/categoria/arquitetura-de-software) 4 anos atrás ## [ O que é o Event Storming? ](https://www.treinaweb.com.br/blog/o-que-e-o-event-storming) Em situações complexas, pode ser complicado enxergar as fronteiras entre domínios, subdomínios e bounded contexts. Para auxiliar nessa missão, existe uma técnica que pode ser utilizada: trata-se do Event Storming. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2021/08/deploy-de-uma-aplicacao-spring-boot-no-heroku-400x280.png) [ Java ](https://www.treinaweb.com.br/blog/categoria/java) 5 anos atrás ## [ Deploy de uma aplicação Spring Boot no Heroku ](https://www.treinaweb.com.br/blog/deploy-de-uma-aplicacao-spring-boot-no-heroku) Neste artigo veremos como podemos realizar o deploy de uma aplicação Spring Boot na nuvem com o Heroku. Ler artigo ## Um ano de acesso total para você viver de programação. Todos os cursos e formações da TreinaWeb numa única assinatura, com professores que atuam no mercado, suporte direto e certificados. Do primeiro `console.log` ao mercado de trabalho. - **1 ano** de acesso a **todos os cursos** - Cursos novos **toda semana** - Suporte **direto com professores** - Plano de carreira **personalizado** - **Certificados digitais** inclusos - **Aplicativos** para Android e iOS, com **acesso offline** **Garantia incondicional de satisfação** Teste por 7 dias e, se não fizer sentido para você, devolvemos seu dinheiro. ### Acesso completo a todos os cursos e dezenas de Formações. 12 meses Economize R$ 840,00 54% OFF de 12x R$ 129,00 por apenas 12x R$ 59,00 sem juros no cartão de crédito ou R$ 599,00 à vista Oferta termina em **06h 58min 02s** - Acesso imediato e ilimitado durante 1 ano. - Plano de carreira personalizado. - Suporte direto com professores. - E muito mais! [Matricule-se agora](https://www.treinaweb.com.br/checkout/pagamento/plano/anual?cupom=TW-SCLIENTE26) [ ](https://www.treinaweb.com.br) Escola online de programação, tecnologia e IA. - [ ](https://www.facebook.com/TreinaWeb/) - [ ](https://www.instagram.com/treinaweb/) - [ ](https://www.youtube.com/user/TreinaWeb) - [ ](https://twitter.com/treinaweb) - [ ](https://www.linkedin.com/company/treinaweb) - [ ](https://github.com/treinaweb) ## Inscreva-se em nossa newsletter Receba lançamentos, promoções e novidades. Seu nome Seu WhatsApp Seu melhor e-mail Inscrever-se ## Cursos - [ Base para Devs ](https://www.treinaweb.com.br/categoria/base-para-devs) - [ Front-end ](https://www.treinaweb.com.br/categoria/desenvolvimento-front-end) - [ Back-end ](https://www.treinaweb.com.br/categoria/desenvolvimento-back-end) - [ Mobile ](https://www.treinaweb.com.br/categoria/desenvolvimento-mobile) - [ Bancos de Dados ](https://www.treinaweb.com.br/categoria/bancos-de-dados) - [ Cloud ](https://www.treinaweb.com.br/categoria/cloud-computing) - [ IA ](https://www.treinaweb.com.br/categoria/ia) - [ E mais ](https://www.treinaweb.com.br/categoria/e-mais) - [ Ver todos os cursos ](https://www.treinaweb.com.br/cursos) ## Conteúdo - [ Formações ](https://www.treinaweb.com.br/formacoes) - [ Projetos práticos ](https://www.treinaweb.com.br/projetos-praticos) - [ Direto ao ponto ](https://www.treinaweb.com.br/direto-ao-ponto) - [ Planos ](https://www.treinaweb.com.br#assinatura) - [ Depoimentos ](https://www.treinaweb.com.br#depoimentos) - [ Comunidade ](https://www.treinaweb.com.br#comunidade) - [ Corpo docente ](https://www.treinaweb.com.br#docente) ## A empresa - [ Sobre a TreinaWeb ](https://www.treinaweb.com.br#sobre) - [ Perguntas frequentes ](https://www.treinaweb.com.br#faq) - [ Vantagens de estudar na TreinaWeb ](https://www.treinaweb.com.br/vantagens-de-estudar-na-treinaweb) - [ Cursos para empresas ](https://www.treinaweb.com.br/empresas) - [ Sugira um novo curso ](https://www.treinaweb.com.br/sugerir-curso) - [ Trabalhe conosco ](https://www.treinaweb.com.br/trabalhe-conosco) - [ Artigos ](https://www.treinaweb.com.br/blog) - [ Desenvolvedores e agentes ](https://www.treinaweb.com.br/developers) - [ Contato ](https://www.treinaweb.com.br/contato) - [ Política de privacidade ](https://www.treinaweb.com.br/politica-de-privacidade) - [ Termos de uso ](https://www.treinaweb.com.br/termos-de-uso) ## Baixe nosso aplicativo [ Disponível na **App Store** ](https://apps.apple.com/us/app/treinaweb/id1322729447) [ Disponível no **Google Play** ](https://play.google.com/store/apps/details?id=br.com.treinaweb.mobile) Av. Paulista, 1765, Conj 71 e 72 · Bela Vista · São Paulo · SP · 01311-200 © 2004 – 2026 TreinaWeb Tecnologia LTDA · CNPJ 06.156.637/0001-58