Como criar um site nas páginas do GitHub: 12 etapas (com imagens)

Índice:

Como criar um site nas páginas do GitHub: 12 etapas (com imagens)
Como criar um site nas páginas do GitHub: 12 etapas (com imagens)

Vídeo: Como criar um site nas páginas do GitHub: 12 etapas (com imagens)

Vídeo: Como criar um site nas páginas do GitHub: 12 etapas (com imagens)
Vídeo: 3 ferramentas para gravar VÍDEOS MELHORES com o CELULAR 2024, Maio
Anonim

As páginas do GitHub são uma ótima maneira de criar seu próprio site pessoal do zero. É totalmente gratuito e requer apenas uma conta GitHub. Observe, porém, que o GitHub Pages não oferece o design mais amigável para a criação de sites (ao contrário do Wix ou do Squarespace), mas é uma ótima maneira de ganhar experiência com HTML / CSS / JS e todos os elementos de um site. Este wikiHow mostrará como começar.

Passos

Crie um site nas páginas do GitHub Etapa 1
Crie um site nas páginas do GitHub Etapa 1

Etapa 1. Registre uma conta no GitHub, se ainda não tiver uma

Antes de criar seu próprio site nas páginas do GitHub, você precisa criar uma conta no GitHub. Se você já tem uma conta no GitHub, certifique-se de fazer o login. Ambos podem ser acessados na barra de ferramentas superior direita.

Crie um site nas páginas do GitHub - Etapa 2
Crie um site nas páginas do GitHub - Etapa 2

Passo 2. Crie um repositório no GitHub.

Certifique-se de nomear o repositório "[seu nome de usuário GitHub aqui].github.io". Isso inicializará seu site GitHub.

Método 1 de 2: usando um editor de código

Crie um site nas páginas do GitHub Etapa 3
Crie um site nas páginas do GitHub Etapa 3

Etapa 1. Baixe o desktop GitHub, se ainda não o tiver instalado

Instalar o desktop GitHub é tão simples quanto acessar https://desktop.github.com/ e clicar no grande botão roxo "Download". Em seguida, execute o instalador. Isso é necessário para enviar alterações ao seu repositório.

Crie um site nas páginas do GitHub, etapa 4
Crie um site nas páginas do GitHub, etapa 4

Etapa 2. Instale um editor de código

Você precisa de um para obter destaque de sintaxe no GitHub. As escolhas populares incluem Atom, Visual Studio Code, Sublime Text e Notepad ++, devido ao seu toque minimalista e rico em recursos. Depois de instalar um editor de código, você está pronto para começar.

Crie um site nas páginas do GitHub Etapa 5
Crie um site nas páginas do GitHub Etapa 5

Etapa 3. Crie um arquivo chamado "index.html"

Você pode fazer isso em seu editor de código ou online. Você também pode ir ao local do seu repositório em seu disco rígido e criar um arquivo "index.html" na pasta do repositório em seu disco.

Crie um site nas páginas do GitHub Etapa 6
Crie um site nas páginas do GitHub Etapa 6

Etapa 4. Adicione seu HTML

Você precisará aprender HTML para ser capaz de codificar uma página da web básica. Também será útil aprender CSS e JavaScript para adicionar estilo e funcionalidade à sua página da web.

Lembre-se de salvar o arquivo

Crie um site nas páginas do GitHub - Etapa 7
Crie um site nas páginas do GitHub - Etapa 7

Etapa 5. Faça o commit das mudanças

Volte para a área de trabalho do GitHub e clique no botão azul Commit to master. Em seguida, clique em Push Origin. Isso fará o upload das alterações para o GitHub.

Se você planeja fazer mais alterações, também deverá extrair a origem. Clique no botão Pull origin no desktop GitHub para baixar o commit mais recente para sua máquina

Crie um site nas páginas do GitHub, etapa 8
Crie um site nas páginas do GitHub, etapa 8

Etapa 6. Visualize sua página da web

Vá para "[seu nome de usuário GitHub aqui].github.io" em um navegador da web. Você pode precisar ignorar o cache do seu navegador segurando Ctrl ou ⌘ Command enquanto clica no botão Atualizar para visualizar a nova página da web.

Método 2 de 2: usando o GitHub online

Crie um site nas páginas do GitHub - Etapa 9
Crie um site nas páginas do GitHub - Etapa 9

Etapa 1. Crie um arquivo chamado "index.html"

Clique em Adicionar arquivo e em Criar novo arquivo. Isso abrirá um editor de arquivos. Adicione "index.html" ao campo "Nomeie seu arquivo".

Crie um site nas páginas do GitHub Etapa 10
Crie um site nas páginas do GitHub Etapa 10

Etapa 2. Adicione seu HTML

Você precisará aprender HTML para ser capaz de codificar uma página da web básica. Também será útil aprender CSS e JavaScript para que possa adicionar estilo e funcionalidade à sua página da web.

Lembre-se de salvar o arquivo

Crie um site nas páginas do GitHub Etapa 11
Crie um site nas páginas do GitHub Etapa 11

Etapa 3. Confirme as alterações

Clique no botão verde Confirmar novo arquivo para salvar o arquivo no GitHub.

Crie um site nas páginas do GitHub - Etapa 12
Crie um site nas páginas do GitHub - Etapa 12

Etapa 4. Visualize sua página da web

Vá para "[seu nome de usuário GitHub aqui].github.io" em um navegador da web. Você pode precisar ignorar o cache do seu navegador segurando Ctrl ou ⌘ Command enquanto clica no botão Atualizar para visualizar a nova página da web.

Pontas

  • Para adicionar subpáginas, basta criar uma nova pasta no GitHub e adicionar um arquivo "index.html" a essa pasta.
  • Se você registrar um nome de domínio, poderá fazer com que as páginas do GitHub usem esse nome de domínio em vez do padrão.
  • Os repositórios de páginas do GitHub devem ser públicos, a menos que você tenha uma conta premium.

Recomendado: