Como configurar um site simples e gratuito com páginas do Github


0

Os sites estão ficando mais fáceis de hospedar todos os dias, com muitos serviços oferecendo pacotes a partir de menos de US$ 5 por mês. Mas, se você quer apenas um site simples que não vai ver muito tráfego, você pode hospedar no Github gratuitamente, mesmo com seu próprio domínio.

O que são páginas do Github?

O Github é um serviço de hospedagem de código que fornece controle de versão por meio de git. Embora seja comumente usado por programadores, um caso de uso comum para eles é executar wikis simples, currículos ou sites de documentação que não veem muito tráfego diário e só precisam de um lugar para colocar um site gratuitamente.

Para isso, foi criado o Github Pages, que permite hospedar arquivos HTML e outros ativos gratuitamente. Isso não é muito diferente da hospedagem de arquivos normal do Github – você pode hospedar arquivos em seus repositórios totalmente de graça, e hospedar um site estático é como hospedar arquivos.

Você pode ter páginas para seu nome de usuário ou páginas para cada repositório. Por padrão, o Github atribuirá a você um URL de subdomínio como username.github.io ou username.github.io/repository. Isso pode ser alterado para qualquer URL personalizado.

O que são sites estáticos?

O importante a notar é que o Github Pages é apenas para sites estáticos. Isso não significa necessariamente que seu site não pode ser interativo, apenas significa que seu site está hospedado diretamente dos arquivos HTML, JS e CSS.

Propaganda

A principal restrição com sites estáticos é que eles não podem depender de um servidor para alterar o conteúdo de cada solicitação, como acontece com uma linguagem como PHP. Por exemplo, se você quiser que os usuários entrem e visualizem um perfil, ou hospede o WordPress (que se conecta a um servidor de banco de dados), você terá que hospedar em outro lugar.

No entanto, se você servir estruturas JavaScript do lado do cliente, como React, poderá hospedar aplicativos da Web inteiros do Github Pages ou de qualquer outro provedor de hospedagem de site estático. Isso ocorre porque todo o conteúdo é gerado no dispositivo do cliente e a única coisa que você está servindo é um bundle.js arquivo com todo o código.

Restrições de páginas do Github – Uso não comercial

Claro, isso vem com algumas restrições. Essencialmente, você não deve usar o Github Pages para uso principalmente comercial. Especificamente, eles dizem que é proibido de ser usado como um “serviço gratuito de hospedagem na web para administrar seus negócios on-line, site de comércio eletrônico ou qualquer outro site direcionado principalmente para facilitar transações comerciais.”.

Portanto, se você planeja operar seus negócios fora do Github Pages, provavelmente desejará procurar outras alternativas. Dois métodos de “hospedagem gratuita” muito semelhantes estão usando buckets do AWS Simple Storage Service para hospedar sites estáticos ou usando a hospedagem estática Firebase do Google. Ambos funcionam bem para implantações de sites estáticos amadores e profissionais e têm níveis gratuitos que podem evitar que você pague US$ 10 por mês para hospedar seu próprio servidor.

RELACIONADO: Como hospedar um site estático no Amazon S3

RELACIONADO: Como hospedar um site estático gratuitamente na plataforma de hospedagem Firebase do Google

O Github Pages também possui limites de tamanho e limites de largura de banda flexíveis, embora sejam bastante razoáveis. Seu site não pode ter mais de 1 GB (você provavelmente terá problemas para atender um site desse tamanho de qualquer maneira) e se você ultrapassar 100 GB de largura de banda por mês, o Github pode não atender seu site. Para referência, essa quantidade de dados custaria cerca de US$ 10 por mês na AWS.

Configurando uma página

O Github Pages é bem simples de configurar e, se você estiver familiarizado com o Github, deve ser ainda mais fácil.

Propaganda

Basicamente, você tem duas opções para repositórios—páginas de usuário ou páginas de projeto. Se você estiver usando um domínio personalizado, isso não deve importar muito, mas se você quiser um bom URL, você vai querer usar uma página de usuário, que lhe dará um URL no formato de username.github.io. Se você usa uma página de projeto, você pode ter muitas páginas configuradas, mas cada uma estará em username.github.io/repository.

Em ambos os casos, você terá que criar um novo repositório. Se você estiver criando uma página de usuário, defina-a como seu nome de usuário mais .github.io. Certifique-se de que é público também.

viceversagames.github.io

Depois disso, você precisará de um cliente Git para se conectar ao Github e enviar seu site. Você pode usar um terminal ou um cliente GUI como o Github Desktop. Use o URL fornecido a você na configuração rápida:

Ou, se estiver usando o aplicativo Github Desktop, você pode simplesmente pesquisá-lo pelo nome:

Em seguida, você precisará adicionar seu conteúdo. Se você tiver um modelo existente que gostaria de usar, copie todos os ativos (HTML, CSS, arquivos JS, imagens) para este diretório, que é essencialmente o “webroot” de onde tudo será hospedado. A coisa mais importante é index.html, que é a página principal do seu site.

Quando tudo funcionar localmente, você precisará confirmar as alterações e publicá-las no Github.

Propaganda

Em breve você verá os novos arquivos em seu repositório, mas terá que habilitar o Github Pages para que funcione totalmente. Na página do repositório, clique em “Configurações” e role para baixo até “Páginas”. Selecione os main branch para servir seu site e clique em “Salvar”.

Pode levar alguns minutos para que tudo seja atualizado e só será atualizado 10 vezes por hora, portanto, não faça alterações muito rapidamente.

Você também vai querer habilitar “Enforce HTTPS” nas configurações das páginas do Github.

Adicionando um domínio personalizado

Adicionar um domínio personalizado é muito simples. Primeiro, você precisará comprar um, o que pode ser feito em muitos registradores diferentes. Alguns bons exemplos são Google Domains, Namecheap ou GoDaddy.

RELACIONADO: Como configurar um novo domínio com o Google Domains

Uma vez registrado, você precisará apontar seu domínio para sua página do Github. No entanto, você não pode simplesmente colar o URL aqui; você precisará criar um registro CNAME que aponte para username.github.io. Se você planeja usar www, defina o valor do Host para www. Se você quiser usar o domínio base sozinho, defina o valor do Host para @.

Depois de esperar alguns minutos para que os registros DNS sejam sincronizados na Internet, você poderá ver seu site Github Pages recém-criado em seu URL personalizado e o menu de configurações deve mostrá-lo como conectado.


Like it? Share with your friends!

0

What's Your Reaction?

hate hate
0
hate
confused confused
0
confused
fail fail
0
fail
fun fun
0
fun
geeky geeky
0
geeky
love love
0
love
lol lol
0
lol
omg omg
0
omg
win win
0
win

0 Comments

Your email address will not be published. Required fields are marked *