Come ospitare un sito Web gratuitamente utilizzando le pagine GitHub

host-sito-github

I piani di web hosting sono disponibili in una varietà di opzioni e prezzi. Esistono piani più costosi che hanno la capacità di ospitare i più grandi siti Web del mondo, ma cosa succede se hai solo bisogno di una semplice soluzione di hosting per un semplice sito Web?

Per un sito Web statico o piccole app Web, esistono piani di hosting gratuiti che possono metterti in funzione online in un attimo. Richiedono un po 'più di installazione di un host a pagamento, ma è un degno compromesso gratuito.

GitHub Pages è una di queste opzioni e in questo articolo ti mostreremo come ospitare un semplice sito Web usando GitHub Pages gratuitamente.

Cos'è GitHub Pages?

Nota: per ospitare su GitHub Pages, dovrai avere accesso a tutto il codice del tuo sito web. In genere, questa opzione funziona meglio quando si codifica il sito Web da zero.

GitHub Pages è un servizio creato da GitHub che consente di pubblicare un sito Web o un'applicazione Web memorizzandolo in un repository GitHub gratuito.

Esempio di visualizzazione per pagine GitHub

È possibile ospitare un sito Web completo e "siti di progetto" illimitati che possono essere considerati come "pagine" su un sito Web. Il codice del sito Web è memorizzato in un repository GitHub designato, che GitHub pubblicherà per essere visualizzato su qualsiasi computer o tablet.

Il processo è abbastanza semplice, ma c'è un po 'di copertura. Passiamo a come realizzare questo.

Nozioni di base di GitHub

GitHub è un popolare servizio di controllo versione per programmatori di computer che utilizza Git per archiviare e controllare il codice. Il codice è archiviato in repository , che sono solo contenitori su un server cloud che ti consentono di accedere al tuo codice da tutti i tuoi computer.

Puoi creare nuovi repository usando il sito Web di GitHub o tramite la riga di comando quando hai installato Git. I repository hanno nomi, possono essere pubblici o privati ​​e possono archiviare il codice in qualsiasi lingua. Una volta creato il tuo repository, con Git puoi estrarre il tuo codice dal server per apportare modifiche e poi ricaricarlo su GitHub.

Git è facile da installare su PC e computer Mac accedendo al sito Web Git e seguendo i passaggi di installazione. C'è molto da dire su Git, ma puoi imparare le basi di Git e usarlo molto rapidamente .

GitHub è già un nome familiare nella programmazione e GitHub Pages diventa molto utile quando sai già come usarlo.

Configurazione del sito Web nelle pagine GitHub

Il processo di hosting di un sito Web tramite GitHub Pages può essere semplificato in tre passaggi:

  1. Crea un account GitHub
  2. Crea un nuovo repository con alcune regole
  3. Modifica il tuo codice e carica su GitHub per rendere live il tuo sito web
  4. Esaminiamo un po 'più in dettaglio su come pubblicare il tuo sito web statico in diretta su GitHub Pages. Avrai bisogno di alcune conoscenze HTML, quindi ora è un buon momento per ripassare alcune nozioni di base HTML .

    Creazione del tuo account GitHub

    Dovresti aver installato Git in questo momento, se non tornare alle basi di GitHub e assicurarti di averlo installato completamente. Avrai bisogno di Git per controllare il tuo codice tramite GitHub. Vai al sito GitHub per iscriverti.

    Dovrai scegliere un nome utente e registrarti con il tuo indirizzo e-mail e una password. Il nome utente sarà importante per rendere il tuo sito Web attivo e funzionante. Dopo esserti registrato, accedi alla homepage per avviare il tuo sito web.

    Creazione del repository GitHub

    Dalla home page di GitHub, vedrai una sezione "repository" all'estrema sinistra. Ecco un elenco di tutti i tuoi repository, nonché un pulsante "Nuovo" che ti permetterà di creare un nuovo repository.

    Nuova schermata del repository per GitHub

    Fai clic su "Nuovo" e verrai portato a una nuova schermata per inserire le informazioni sul repository. Innanzitutto, dovrai inserire il nome del repository. Il nome del repository deve essere il seguente, dove [USERNAME] è il nome utente desiderato:

     [USERNAME].github.io 

    Ad esempio, se il tuo nome utente è Jake , il nome del tuo repository sarà Jake.github.io . Questo è un passo molto importante. È il modo in cui GitHub Pages identifica il repository come sito Web live rispetto a un contenitore vuoto in cui si desidera codificare.

    Una volta inserito il nome utente, è possibile inserire una descrizione facoltativa per aggiungere alcuni dettagli al proprio repository (ad es. "Il mio sito Web sportivo").

    Scegli "pubblico" o "privato" per controllare se altri utenti possono modificare il tuo repository. Pubblico significa che chiunque può modificare, privato significa che solo tu puoi modificare.

    Infine, puoi creare un file README per il tuo repository, che ha il solo scopo di contenere la documentazione per i progetti. È totalmente opzionale.

    Ora che hai compilato questo, fai clic su "Crea repository" per terminare!

    Modifica e caricamento del sito Web

    Ora che hai il tuo repository live su GitHub, vai al terminale della riga di comando. Passa alla posizione in cui desideri archiviare il tuo progetto ed esegui il comando seguente, assicurandoti di sostituire [USERNAME] con il tuo nome utente effettivo:

     git clone https://github.com/[USERNAME]/[USERNAME].github.io 

    La funzione "clone" di git crea semplicemente una copia del tuo repository sul tuo computer in modo da poter modificare il codice. Qualsiasi modifica apportata a questo codice può essere salvata nel repository principale tramite la riga di comando.

    Ora che il repository è archiviato in una cartella, navigare in quella cartella usando il terminale o semplicemente facendo clic sulla cartella sul tuo computer. Crea un file index.html all'interno di questa cartella. Questo file HTML ospiterà il tuo codice.

    Apri il file HTML nel tuo editor di testo e aggiungi una riga <div>, digitando “Hello”. Questa è semplicemente una riga per visualizzare il testo e assicurarsi che il sito Web funzioni.

    Torna alla cartella che sta memorizzando il tuo codice usando il terminale. Ora puoi salvare le modifiche nel tuo repository eseguendo questo codice git

     git add --all git commit -m "Save changes" git push -u origin master 

    Questo potrebbe essere fonte di confusione se non hai mai usato Git prima, ma è molto semplice. git add –all aggiunge tutte le modifiche apportate in una coda da salvare. git commit prepara le modifiche, con il flag -m opzionale che aggiunge una descrizione per ciò che è cambiato in questo commit. ("Salva modifiche" è un esempio. Potresti correggere qualsiasi cosa.) Infine, git push finalizza le modifiche e carica il nuovo codice nel tuo repository.

    Visual
    izzazione del sito Web delle pagine GitHub

    C'è stato molto qui, ma ora sei pronto per vedere il risultato finale. Carica il tuo browser web preferito e vai a https: // [USERNAME] .github.io dove, di nuovo, [USERNAME] è sostituito dal nome del tuo repository.

    Vedrai il tuo sito web pubblicato dal vivo! Può essere visualizzato in qualsiasi browser su qualsiasi computer, tablet o telefono. È un sito Web perfettamente funzionante.

    Altre opzioni per l'hosting web gratuito

    Ora che sai come creare un sito Web ospitato gratuitamente su GitHub Pages puoi creare praticamente qualsiasi tipo di sito Web statico che desideri. È un'ottima opzione per sviluppatori e privati ​​che hanno solo bisogno di una piccola soluzione.

    Hai bisogno di qualcosa di più potente delle pagine GitHub? Dai un'occhiata a questi fantastici servizi di web hosting gratuiti .

    Leggi l'articolo completo: Come ospitare un sito Web gratuitamente utilizzando le pagine GitHub