{"id":40,"date":"2026-09-05T23:54:15","date_gmt":"2026-09-06T02:54:15","guid":{"rendered":"https:\/\/goodweb.com.br\/?p=40"},"modified":"2026-09-06T19:22:05","modified_gmt":"2026-09-06T22:22:05","slug":"hospedar-site-github-pages","status":"publish","type":"post","link":"https:\/\/goodweb.com.br\/blog\/hospedar-site-github-pages\/","title":{"rendered":"Como Hospedar Seu Site no GitHub Pages \u2014 Guia Completo Passo a Passo"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\"><strong>A melhor hospedagem gratuita que eu j\u00e1 usei<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Se voc\u00ea quer colocar um site no ar sem pagar nada, sem an\u00fancios no rodap\u00e9 e sem dor de cabe\u00e7a, o GitHub Pages \u00e9, na minha opini\u00e3o, a melhor op\u00e7\u00e3o que existe hoje.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Eu mesmo uso ele para v\u00e1rios projetos pequenos, e a verdade \u00e9 que ele funciona muito bem. N\u00e3o tem pegadinha, n\u00e3o vai sumir do nada e ainda vem com certificado de seguran\u00e7a de gra\u00e7a.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Neste guia, eu vou te mostrar o passo a passo que eu sigo sempre que preciso publicar um site r\u00e1pido. N\u00e3o \u00e9 nada complicado, e voc\u00ea consegue fazer tudo em menos de 15 minutos.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Primeiro: o que voc\u00ea vai precisar<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Antes de come\u00e7ar, separa a\u00ed:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Uma conta no GitHub, que \u00e9 gratuita.<\/li>\n\n\n\n<li>Os arquivos do seu site j\u00e1 prontos: HTML, CSS, imagens, JavaScript, tudo o que voc\u00ea usa.<\/li>\n\n\n\n<li>Um arquivo principal chamado <code>index.html<\/code>.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">\u26a0\ufe0f Essa parte \u00e9 importante: se o arquivo da p\u00e1gina inicial se chamar qualquer coisa diferente de <code>index.html<\/code>, o site n\u00e3o vai abrir. Eu j\u00e1 errei isso algumas vezes, ent\u00e3o vale a pena conferir antes de enviar.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Passo 1 \u2014 Criar uma conta no GitHub<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Se voc\u00ea ainda n\u00e3o tem, entra no <a href=\"https:\/\/github.com\">github.com<\/a> e se cadastra.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">O nome de usu\u00e1rio que voc\u00ea escolher vai aparecer no endere\u00e7o do seu site. Por exemplo: <code>seunome.github.io<\/code>. Ent\u00e3o tente escolher algo que fa\u00e7a sentido para voc\u00ea ou para o seu projeto.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">O cadastro \u00e9 bem simples: e-mail, senha, confirma\u00e7\u00e3o de e-mail e pronto.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Passo 2 \u2014 Criar o reposit\u00f3rio<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">O reposit\u00f3rio \u00e9 basicamente uma pasta online onde voc\u00ea vai guardar todos os arquivos do seu site.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Depois de logado:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Clique no bot\u00e3o <code>+<\/code> no canto superior direito.<\/li>\n\n\n\n<li>Escolha <code>New Repository<\/code>.<\/li>\n\n\n\n<li>No campo <code>Repository name<\/code>, coloque: <code>seu-usuario.github.io<\/code>, trocando &#8220;seu-usuario&#8221; pelo nome da sua conta.<\/li>\n\n\n\n<li>Deixe a op\u00e7\u00e3o <code>Public<\/code> marcada. Se deixar como privada, o site n\u00e3o vai funcionar no plano gratuito.<\/li>\n\n\n\n<li>Marque a op\u00e7\u00e3o <code>Add README file<\/code>.<\/li>\n\n\n\n<li>Clique em <code>Create Repository<\/code>.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">Pronto, seu reposit\u00f3rio j\u00e1 foi criado.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Passo 3 \u2014 Enviar os arquivos do seu site<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">A forma mais f\u00e1cil, que n\u00e3o precisa instalar nada no computador, \u00e9 enviar os arquivos diretamente pela p\u00e1gina do GitHub.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Na p\u00e1gina do reposit\u00f3rio, clique em <code>Add file<\/code>.<\/li>\n\n\n\n<li>Depois clique em <code>Upload files<\/code>.<\/li>\n\n\n\n<li>Abre a pasta do seu site no computador.<\/li>\n\n\n\n<li>Seleciona todos os arquivos e pastas: <code>index.html<\/code>, <code>style.css<\/code>, a pasta de imagens, o JavaScript, tudo.<\/li>\n\n\n\n<li>Arraste esses arquivos para a \u00e1rea que apareceu no GitHub.<\/li>\n\n\n\n<li>Quando terminar o upload, escreve uma mensagem explicando o que voc\u00ea fez, por exemplo: <code>\"Arquivos do site enviados\"<\/code>.<\/li>\n\n\n\n<li>Clique em <code>Commit changes<\/code>.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">S\u00f3 espera o upload terminar. N\u00e3o fecha a p\u00e1gina enquanto estiver enviando, porque pode dar erro.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Passo 4 \u2014 Ativar o GitHub Pages<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Com os arquivos j\u00e1 enviados, agora voc\u00ea precisa dizer ao GitHub que quer publicar esse reposit\u00f3rio como um site.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>No reposit\u00f3rio, clica na aba <code>Settings<\/code>.<\/li>\n\n\n\n<li>Role a p\u00e1gina at\u00e9 encontrar a se\u00e7\u00e3o <code>Pages<\/code>.<\/li>\n\n\n\n<li>Em <code>Source<\/code>, deixe selecionado <code>Deploy from a branch<\/code>.<\/li>\n\n\n\n<li>Em <code>Branch<\/code>, escolha <code>main<\/code> ou <code>master<\/code>, dependendo do que aparecer.<\/li>\n\n\n\n<li>A pasta deve ficar como <code>\/<\/code>, ou seja, a raiz do reposit\u00f3rio.<\/li>\n\n\n\n<li>Clique em <code>Save<\/code>.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">Feito isso, o GitHub vai come\u00e7ar a preparar o seu site.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Passo 5 \u2014 Acessar o site<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Agora \u00e9 s\u00f3 esperar. Geralmente demora entre 2 e 10 minutos.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Voc\u00ea pode atualizar a p\u00e1gina de vez em quando. Quando aparecer uma mensagem dizendo que o site foi publicado, \u00e9 s\u00f3 clicar no link.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">O endere\u00e7o do seu site vai ser:<\/p>\n\n\n\n<figure class=\"wp-block-embed\"><div class=\"wp-block-embed__wrapper\">\nhttps:\/\/seu-usuario.github.io\n<\/div><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Se tudo deu certo, seu site j\u00e1 est\u00e1 no ar.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Problemas comuns que j\u00e1 aconteceram comigo<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Tem algumas coisas que podem dar erro no come\u00e7o, e eu j\u00e1 passei por quase todas:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Se abrir uma p\u00e1gina padr\u00e3o do GitHub, provavelmente o arquivo principal n\u00e3o se chama <code>index.html<\/code>.<\/li>\n\n\n\n<li>Se o site carregar, mas sem estilo, \u00e9 porque o caminho do CSS ou das imagens est\u00e1 errado.<\/li>\n\n\n\n<li>Se demorar muito para aparecer, \u00e9 normal. \u00c0s vezes o GitHub demora um pouco para atualizar.<\/li>\n\n\n\n<li>Se a op\u00e7\u00e3o <code>Pages<\/code> n\u00e3o aparecer, confira se o reposit\u00f3rio est\u00e1 como <code>Public<\/code>.<\/li>\n\n\n\n<li>Se o site ficar inseguro, voc\u00ea pode marcar a op\u00e7\u00e3o <code>Enforce HTTPS<\/code> dentro das configura\u00e7\u00f5es do Pages.<\/li>\n\n\n\n<li>Se voc\u00ea atualizou os arquivos e a p\u00e1gina n\u00e3o mudou, pode ser cache do navegador. Tenta apertar <code>Ctrl + F5<\/code>.<\/li>\n<\/ul>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Vantagens e limita\u00e7\u00f5es que ningu\u00e9m fala<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">O GitHub Pages \u00e9 excelente, mas n\u00e3o serve para tudo.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">O que \u00e9 bom:<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u00c9 realmente gratuito, sem pegadinhas.<\/li>\n\n\n\n<li>N\u00e3o coloca an\u00fancios no seu site.<\/li>\n\n\n\n<li>J\u00e1 vem com certificado de seguran\u00e7a HTTPS.<\/li>\n\n\n\n<li>\u00c9 r\u00e1pido, porque usa a rede do GitHub.<\/li>\n\n\n\n<li>N\u00e3o suspende o site por inatividade.<\/li>\n\n\n\n<li>Aceita dom\u00ednio pr\u00f3prio, se voc\u00ea quiser usar um endere\u00e7o personalizado.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">O que ele n\u00e3o faz:<\/h3>\n\n\n\n<ul class=\"wp-block-list\">\n<li>N\u00e3o roda WordPress, PHP ou banco de dados.<\/li>\n\n\n\n<li>Tem limite de 1 GB de espa\u00e7o por reposit\u00f3rio.<\/li>\n\n\n\n<li>Tem limite de 100 GB de tr\u00e1fego por m\u00eas.<\/li>\n\n\n\n<li>Atualiza\u00e7\u00f5es demoram alguns minutos para aparecer.<\/li>\n\n\n\n<li>N\u00e3o tem suporte direto por e-mail ou telefone.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Ent\u00e3o, resumindo: ele \u00e9 perfeito para sites est\u00e1ticos, landing pages, portf\u00f3lios, documenta\u00e7\u00f5es e projetos pessoais. Agora se voc\u00ea precisa de WordPress, loja ou sistema que use banco de dados, ele n\u00e3o \u00e9 a melhor escolha.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Passo extra \u2014 usar dom\u00ednio pr\u00f3prio (opcional)<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Se voc\u00ea j\u00e1 comprou um dom\u00ednio, pode usar ele no GitHub Pages.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Para isso:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>V\u00e1 em <code>Settings<\/code> e depois <code>Pages<\/code>.<\/li>\n\n\n\n<li>Procure a op\u00e7\u00e3o <code>Custom Domain<\/code>.<\/li>\n\n\n\n<li>Digite o seu dom\u00ednio, por exemplo: <code>www.seusite.com.br<\/code>.<\/li>\n\n\n\n<li>Clique em <code>Save<\/code>.<\/li>\n\n\n\n<li>Depois voc\u00ea precisa configurar o dom\u00ednio no site onde ele foi comprado, apontando para os servidores do GitHub.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">Essa parte pode dar um pouco de trabalho no come\u00e7o, mas funciona.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<h2 class=\"wp-block-heading\">Conclus\u00e3o<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Colocar um site no ar n\u00e3o precisa ser caro nem complicado. O GitHub Pages prova isso.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Se voc\u00ea est\u00e1 come\u00e7ando, quer publicar um projeto ou testar algo rapidamente, ele \u00e9 uma das melhores escolhas.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">S\u00f3 lembre-se de tr\u00eas coisas:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>O arquivo principal tem que ser <code>index.html<\/code>.<\/li>\n\n\n\n<li>O reposit\u00f3rio tem que estar p\u00fablico.<\/li>\n\n\n\n<li>Depois de enviar os arquivos, \u00e9 s\u00f3 ativar o Pages e esperar.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Seguindo isso, voc\u00ea consegue publicar seu site em poucos minutos.<\/p>\n\n\n\n<hr class=\"wp-block-separator has-alpha-channel-opacity\"\/>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>A melhor hospedagem gratuita que eu j\u00e1 usei Se voc\u00ea quer colocar um site no ar sem pagar nada, sem an\u00fancios no rodap\u00e9 e sem dor de cabe\u00e7a, o GitHub Pages \u00e9, na minha opini\u00e3o, a melhor op\u00e7\u00e3o que existe hoje. Eu mesmo uso ele para v\u00e1rios projetos pequenos, e a verdade \u00e9 que ele [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":42,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3,113,5],"tags":[11,18,13,20,17,14,19,12,15,16,10],"class_list":["post-40","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-hospedagem","category-hospedagem-gratis","category-tutoriais","tag-certificado-ssl-gratuito","tag-como-hospedar-site","tag-github-pages","tag-guia-passo-a-passo","tag-hospedagem-de-site-gratis","tag-hospedagem-gratuita","tag-hospedagem-para-iniciantes","tag-hospedagem-sem-anuncios","tag-hospedar-site-de-graca","tag-site-estatico","tag-site-gratuito"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":8}},"_links":{"self":[{"href":"https:\/\/goodweb.com.br\/blog\/wp-json\/wp\/v2\/posts\/40","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/goodweb.com.br\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/goodweb.com.br\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/goodweb.com.br\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/goodweb.com.br\/blog\/wp-json\/wp\/v2\/comments?post=40"}],"version-history":[{"count":1,"href":"https:\/\/goodweb.com.br\/blog\/wp-json\/wp\/v2\/posts\/40\/revisions"}],"predecessor-version":[{"id":43,"href":"https:\/\/goodweb.com.br\/blog\/wp-json\/wp\/v2\/posts\/40\/revisions\/43"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/goodweb.com.br\/blog\/wp-json\/wp\/v2\/media\/42"}],"wp:attachment":[{"href":"https:\/\/goodweb.com.br\/blog\/wp-json\/wp\/v2\/media?parent=40"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/goodweb.com.br\/blog\/wp-json\/wp\/v2\/categories?post=40"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/goodweb.com.br\/blog\/wp-json\/wp\/v2\/tags?post=40"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}