Hospedar seu site
Hospede seu site na internet!
Agora que você criou seu site pessoal, vamos hospedá-lo na internet para que todos possam acessá-lo! Você precisará de uma conta GitHub para fazer isso. Se você não tiver um, crie um aqui .
Depois de criar sua conta e verificar seu endereço de e-mail, você chegará a esta página.
Agora você precisará criar um novo repositório para armazenar o conteúdo do seu site! Pense em um repositório como uma pasta gigante que pode armazenar muitos outros arquivos e pastas de um determinado projeto. Você pode criar um selecionando Start a Project ou Create a new repository. Duas coisas muito importantes para ter em mente:
- Nomeie seu repositório sem espaços. Mas você pode usar travessões ou letras maiúsculas para simular espaços!
- Marque a caixa
Inicializar este repositório com um README
Parabéns! Você criou seu primeiro repositório! Carregue aqui todos os seus arquivos e pastas que pertencem ao seu site.
Primeiro precisamos retirar nossos arquivos do Codepen. Você precisa fazer login ou criar uma conta Codepen para exportar seus arquivos. A partir do Codepen que você criou na etapa anterior, clique dentro da aba html e pressione ctrl+s no teclado para salvar. Isso deve acionar um pop-up solicitando que você faça login ou crie uma conta. Não use os botões “Cadastre-se” ou “Login” no canto superior direito, pois isso fará com que você perca seu trabalho.
Depois de fazer login, clique em “Exportar” no canto inferior direito e escolha “Exportar .zip”. Isso fará o download de uma pasta zip para o seu computador. Vá para esta pasta, clique com o botão direito no zip e escolha “Extrair” ou “Extrair tudo”. Isto deve abrir uma nova janela com a pasta extraída. Clique na pasta “exercise-5” e depois na pasta “dist”. Aqui você deverá ver index.html e style.css. Estes são os arquivos que você precisa enviar para o Github.
No repositório do Github, escolha “Adicionar arquivo” e depois “Carregar arquivos”. Carregue seus arquivos index.html e style.css e clique em “Confirmar alterações”.
Agora, quando você acessar sua página de perfil, seu novo Repositório aparecerá em Repositories.
Depois de fazer upload de tudo o que você criou para o seu site, volte ao repositório e selecione Configurações.
Clique na seção “Páginas” na barra de navegação esquerda.
Mude o Branch de ‘None’ para ‘main’. Salve essas alterações.
Aguarde cerca de um minuto enquanto seus arquivos são publicados. Deve haver um link no topo da seção GitHub Pages. Agora qualquer pessoa pode acessar seu site com este link!
