Hospedando o Portfólio criado com o Pingendo \| TreinaWeb Promoção no ar Matricule-se agora e garanta **54% de desconto** Termina em Tempo restante da oferta: 08 Horas 40 Min 34 Seg Tempo restante da oferta: 08 40 34 [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) Hospedando o Portfólio criado com o Pingendo [ Desenvolvimento Front-end ](https://www.treinaweb.com.br/blog/categoria/desenvolvimento-front-end) [ Desenvolvimento ](https://www.treinaweb.com.br/blog/categoria/desenvolvimento) # Hospedando o Portfólio criado com o Pingendo Neste artigo veremos como hospedar o portfólio criado com o Pingendo no GitHub Pages. [ Ana Paula de Andrade ](https://www.treinaweb.com.br/blog/autor/ana-paula-andrade) 8 anos atrás ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2019/05/21103619/CAPA-GITHUB-20-05.png) No artigo anterior, [Criando um Portfólio com o Pingendo](https://www.treinaweb.com.br/blog/criando-um-portfolio-com-o-pingendo/ "Criando um Portfólio com o Pingendo"), utilizamos a ferramenta para criar um Portfólio simples e rápido, para que você possa utilizá-lo para compartilhar suas experiências de maneira mais organizada na web. Neste artigo estaremos hospedando este Portfólio de maneira gratuita. [ ![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) ## Ferramenta utilizada Utilizaremos o GitHub Pages para realizar esta hospedagem do nosso Portfólio. O [GitHub Pages](https://www.treinaweb.com.br/blog/criando-paginas-para-repositorios-com-o-github-pages/ "GitHub Pages") é um website para que você possa hospedar seus projetos diretamente do seu repositório do GitHub. ## Criando o repositório O primeiro passo após logar em sua conta do GitHub é criar o repositório. Para isso, vamos até a página [https://github.com/new](https://github.com/new "https://github.com/new") e configuramos as preferências do repositório (nome, descrição e privacidade), como mostra a imagem abaixo: ![Criando repositório github](https://dkrn4sk0rn31v.cloudfront.net/2019/05/17161247/imagem-21.png) ## Subindo a página Neste passo será obrigatório o uso do Git instalado em sua máquina. Caso não o possua, você pode ver o processo de instalação e primeiros passos no seguinte artigo: [Primeiros passos com Git](https://www.treinaweb.com.br/blog/primeiros-passos-com-o-git/ "Primeiros passos com Git"). Com o Git instalado e configurado, precisamos commitar o código-fonte da nossa página. Para isso, no GitBash e dentro da pasta do Portfólio, utilizamos os seguintes comandos: ```shell git init git remote add origin https://github.com/nome_do_usuario/nome_do_repositorio.git git add . git config --global user.email “seuemail@dominio.com” git commit -m “Commit inicial” git push -u origin master ``` Lembrando que você terá que alterar o nome do usuário e nome do repositório com base nas informações que foram obtidas no momento da criação do repositório, como mostra a imagem abaixo. ![Comandos Git](https://dkrn4sk0rn31v.cloudfront.net/2019/05/17161312/imagem-32.png) [ ![Replit - Criando aplicações do zero com AI](https://d2knvm16wkt3ia.cloudfront.net/assets/svg-icon/replit.svg) Curso Replit - Criando aplicações do zero com AI Conhecer o curso ](https://www.treinaweb.com.br/curso/replit-criando-aplicacoes-do-zero-com-ai) ## Ativando o GitHub Pages Após commitar o código-fonte do Portfólio, vamos até a aba “Settings” e ao, final dela, ativaremos o GitHub Pages. Para isso, selecionamos a “Branch Master” como mostra as imagens abaixo: ![Ativando GitHub Pages](https://dkrn4sk0rn31v.cloudfront.net/2019/05/17161357/imagem-11.png) ![Configurando GitHub Pages](https://dkrn4sk0rn31v.cloudfront.net/2019/05/17161531/imagem-41.png) Com isso, o Portfólio já está hospedado e disponível no seguinte endereço: https://nome_do_usuario.github.io/nome_do_repositorio/ ![Portfólio](https://dkrn4sk0rn31v.cloudfront.net/2019/05/17154101/imagem-51.png) ## Concluindo Nesta série de artigos, vimos o quão fácil pode ser a criação e hospedagem de um Portfólio totalmente gratuito utilizando o GitHub Pages e Pingendo. [ ![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) - [ #HTML5 ](https://www.treinaweb.com.br/blog/tag/html5) - [ #GitHub ](https://www.treinaweb.com.br/blog/tag/github) - [ #Pingendo ](https://www.treinaweb.com.br/blog/tag/pingendo) Autor ![Ana Paula de Andrade](//secure.gravatar.com/avatar/76297b487187c82ae476e823018dbfc0?d=mm) ## Ana Paula de Andrade Graduanda em Sistemas de Informação pelo Instituto Federal da Bahia. É responsável pelo atendimento ao cliente, gerenciamento de redes sociais e revisão de cursos, além da redação de artigos para o blog da TreinaWeb. [Todos os artigos](https://www.treinaweb.com.br/blog/autor/ana-paula-andrade) ## 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/11/07161636/introducao-a-aws-400x280.png) [ Amazon ](https://www.treinaweb.com.br/blog/categoria/amazon) 8 anos atrás ## [ Introdução à Amazon Web Services (AWS) ](https://www.treinaweb.com.br/blog/introducao-a-amazon-web-services-aws) A Amazon Web Services (AWS) é uma das principais plataformas de computação em nuvem do mercado. Aprenda os principais conceitos e veja como criar sua conta de teste. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2021/01/o-que-e-lumen-400x280.png) [ PHP ](https://www.treinaweb.com.br/blog/categoria/php) 6 anos atrás ## [ O que é Lumen? ](https://www.treinaweb.com.br/blog/o-que-e-lumen) Veja neste artigo o que é Lumen, Micro-Framework PHP. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2021/05/hospedage-e-dominio-1-400x280.png) [ Computação em nuvem ](https://www.treinaweb.com.br/blog/categoria/computacao-em-nuvem) 10 anos atrás ## [ Os tipos mais comuns de hospedagem de sites ](https://www.treinaweb.com.br/blog/os-tipos-mais-comuns-de-hospedagem-de-sites) Conheça os principais tipos de hospedagem de sites, passando pelas vantagens e desvantagens de cada modelo. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2019/08/19184020/symfony-repositorio-privado-400x280.png) [ PHP ](https://www.treinaweb.com.br/blog/categoria/php) 7 anos atrás ## [ Como criar repositórios privados do Symfony Flex ](https://www.treinaweb.com.br/blog/como-criar-repositorios-privados-do-symfony-flex) Aprenda como criar repositórios do Symfony Flex gratuitamente para guardar os Recipes usados em seus projetos privados. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2019/04/15190654/FRAMEWORKS-PHP-400x280.png) [ PHP ](https://www.treinaweb.com.br/blog/categoria/php) 8 anos atrás ## [ Os principais Frameworks PHP ](https://www.treinaweb.com.br/blog/os-principais-frameworks-php) Neste artigo falaremos brevemente sobre os principais Frameworks PHP do mercado. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2019/12/16113045/GRPC-400x280.png) [ Desenvolvimento Back-end ](https://www.treinaweb.com.br/blog/categoria/desenvolvimento-back-end) 7 anos atrás ## [ Serviços gRPC no ASP.NET Core ](https://www.treinaweb.com.br/blog/servicos-grpc-no-asp-net-core) Aprenda o que é gRPC e como criar um serviço com esta tecnologia no ASP.NET Core. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2019/05/07153648/LARAVEL-ANA-400x280.png) [ PHP ](https://www.treinaweb.com.br/blog/categoria/php) 8 anos atrás ## [ O que é Laravel? ](https://www.treinaweb.com.br/blog/o-que-e-laravel) Neste artigo veremos o que é Laravel e algumas de suas características. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2019/04/29155852/capa-API-400x280.png) [ Desenvolvimento ](https://www.treinaweb.com.br/blog/categoria/desenvolvimento) 8 anos atrás ## [ O que é uma API? ](https://www.treinaweb.com.br/blog/o-que-e-uma-api) Essa pode ser uma dúvida de muitos iniciantes na área e é exatamente o que vamos abordar neste artigo. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2018/06/05005243/microsoft-github-400x280.png) [ Tecnologia ](https://www.treinaweb.com.br/blog/categoria/tecnologia) 9 anos atrás ## [ Microsoft compra o GitHub. E agora? ](https://www.treinaweb.com.br/blog/microsoft-compra-o-github-e-agora) Os desenvolvedores foram bombardeados no dia 4 de junho de 2018 com uma notícia inesperada: a aquisição do GitHub pela Microsoft. Quais devem ser as implicações práticas para as comunidades de desenvolvimento com essa aquisição? Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2018/02/06152024/js-engine-400x280.png) [ Desenvolvimento de Jogos ](https://www.treinaweb.com.br/blog/categoria/desenvolvimento-de-jogos) 9 anos atrás ## [ JavaScript Game Engines ](https://www.treinaweb.com.br/blog/javascript-game-engines) Conheça as principais Game Engines para JavaScript. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2021/05/hospedage-e-dominio-400x280.png) [ Computação em nuvem ](https://www.treinaweb.com.br/blog/categoria/computacao-em-nuvem) 10 anos atrás ## [ O que é uma hospedagem e por que precisamos de um domínio? ](https://www.treinaweb.com.br/blog/o-que-e-uma-hospedagem-e-por-que-precisamos-de-um-dominio) Nesse artigo veremos de forma didática, com foco nos iniciantes, o que é uma hospedagem, domínio e qual caminho o usuário percorre até chegar em um site. Ler artigo - ![](https://dkrn4sk0rn31v.cloudfront.net/uploads/2021/05/firebase-1-400x280.png) [ Computação em nuvem ](https://www.treinaweb.com.br/blog/categoria/computacao-em-nuvem) 10 anos atrás ## [ Firebase: descubra no que esta plataforma pode te ajudar ](https://www.treinaweb.com.br/blog/firebase-descubra-no-que-esta-plataforma-pode-te-ajudar) O Firebase é uma plataforma do Google que contém um conjunto de ferramentas e infraestrutura para ajudar no desenvolvimento web e mobile. 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 **08h 40min 34s** - 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