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

Páginas do GitHub é uma ótima maneira de fazer seu próprio site pessoal a partir do zero.É completamente livre e requer apenas uma conta do github.Nota, porém, que as páginas do GitHub não oferecem o design mais fácil de usar para fazer sites (ao contrário do Wix ou Square), mas é uma ótima maneira de obter experiência com HTML / CSS / JS e todos os elementos de um site.Thiswill mostrar-lhe como começar.

Passos

Registre uma conta no GitHub, Se você ainda não tem um.Antes de poder 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 login.Ambos podem ser acessados a partir da barra de ferramentas superior direita.

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

Método 1 de 2:

Usando um editor de código

1. Baixe o Github Desktop, se você não tiver instalado já.Instalar o github desktop é tão simples quanto ir https: // desktop.github.com / e clicando no roxo grande "Download" botão.Em seguida, execute o instalador.Isso é necessário para pressionar as alterações no seu repositório.

2. Instalar um editor de código.Você precisa de um para obter a sintaxe destacando no GitHub.Escolhas populares incluem Átomo, Código do Visual Studio, Texto sublime, e Bloco de anotações++, Dada a sua sensação rica em recursos e minimalista.Depois de instalar um editor de código, você estará pronto para começar.

3. Crie um arquivo chamado "índice.html".Você pode fazê-lo no seu editor de código ou on-line.Você também pode ir para a localização do seu repositório no disco rígido e criar um "índice.html" Arquivo na pasta do repositório em sua unidade.

4. Adicione o seu Html.Você vai precisar Aprenda HTML Para poder codificar uma página básica.Também será útil para você aprender Css e jаvascript Para que você possa adicionar estilo e funcionalidade à sua página da Web.

Lembre-se de salvar o arquivo.

5. Cometer as mudanças.Volte para o Github Desktop e clique no botão azul para mestrado.Em seguida, clique em Pressione Origin.Isso fará upload das alterações no GitHub.

Se você planeja fazer mais alterações, você vai querer puxar a origem também.Clique no botão Pull Origin no Github Desktop para baixar o mais recente compromisso com sua máquina.

6. Veja sua página da web.Vamos para "[seu nome de usuário do Github aqui].github.io" Em um navegador da Web.Você pode precisar ignorar o cache do seu navegador segurando Ctrl ou ⌘ comando enquanto clica no botão Atualizar para visualizar a nova página da Web.

Método 2 de 2:

Usando o github online

1. Crie um arquivo chamado "índice.html".Clique em Adicionar arquivo e clique em Criar novo arquivo.Isso abrirá um editor de arquivos.Adicionar "índice.html" para o "Nomeie seu arquivo" campo.

2. Adicione o seu Html.Você vai precisar Aprenda HTML Para poder codificar uma página básica.Também será útil para você aprender Css e jаvascript Para que você possa adicionar estilo e funcionalidade à sua página da Web.

Lembre-se de salvar o arquivo.

3. Cometer as mudanças.Clique no botão Verde Novo arquivo para salvar o arquivo para o github.

4. Veja sua página da Web.Vamos para "[seu nome de usuário do Github aqui].github.io" Em um navegador da Web.Você pode precisar ignorar o cache do seu navegador segurando Ctrl ou ⌘ comando enquanto clica no botão Atualizar para visualizar a nova página da Web.