Come aprire un sito statico su GitHub

Argomenti:
Pubblicato il: 24-05-2020 11:00 , Ultimo aggiornamento: 30-04-2021 12:14

Da qualche tempo grazie a GitHub Pages si può mettere online un semplice sito statico, ad esempio a scopo test o per creare landing page direttamente usando le funzionalità del sito GitHub. Un sito statico, per la cronaca, non è altro che un sito fatto solo di JS, HTML e CSS e che possiede, ovviamente funzionalità limitate rispetto ai classici siti in WordPress o Joomla!. Vediamo come sia possibile crearne uno sfruttando semplicemente Github, il repository di codice open source che viene gestito ormai da qualche tempo da Microsoft, e che nella versione di base è gratuito.

I passi da compiere per hostare un sito statico su Github sono i seguenti.

Entrare su Github

Se non ne avete uno, fatevi un account su GitHub; se già se avete uno, invece, basta fare login.

Creare un nuovo repository

Come prima cosa è necessario creare un nuovo repository, che sarà il contenitore dei file del nostro sito statico. Chiamatelo con un nome significativo e facile da ricordare, possibilmente fatto di sole lettere o numeri;

Scaricare un template HTML

A questo punto bisogna procurarsi un template come quelli di Bootstrap, uno dei tanti disponibili su ThemeForest o, al limite, creare a mano una pagina index.html in locale, stilizzarla e poi passare al punto successivo.

Verificare il sito

Potete mettere a punto il vostro sito direttamente in locale; assicuratevi che il sito funzioni perfettamente in locale, prima di metterlo online, ovviamente.

Caricare i file su Github nel repository

Diversamente, se avete i file del vostro sito sull’hard disk, dovrete effettuare la sincronizzazione da locale a remoto su GitHub mediante il client a linea di comando. Esiste anche un client desktop per farlo, abbastanza semplice da usare. Una volta caricati i file, sarete pronti per il passaggio successivo.

Abilitare le GitHub Pages

Ora bisogna abilitare la funzionalità di GitHub Pages, che trovate cliccando qui. L’indirizzo gratuito del sito sarà del tipo:

https://tuonome.github.io/nomesito123

La funzionalità di HTTPS sarà abilitata in automatico.

Configurare un dominio di secondo livello (opzionale

È possibile configurare un dominio di secondo livello come tuonome.com seguendo le indicazioni riportate qui, sostanzialmente configurando le zone DNS nei vari record a puntare sul dominio GitHub.

Nessun voto disponibile

Che te ne pare?

Grazie per aver letto Come aprire un sito statico su GitHub di Max Headroom su Trovalost.it
Come aprire un sito statico su GitHub (Guide, Suggerimenti per gestire il tuo sito)

Articoli più letti su questi argomenti:
Trovalost.it è gestito, mantenuto, ideato e (in gran parte) scritto da Salvatore Capolupo