GITHUB PAGES CHE COSA E’
GitHub Pages è un servizio offerto da GitHub che consente di pubblicare un sito Web o un’applicazione Web all’interno di un repository 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.
Pensiamo a GitHub come a un social network per programmatori, dove invece di condividere foto, si condivide codice. GitHub Pages è una funzionalità di questo “social” che dice: “Ok, hai del codice per un sito web in questo repository? Io lo trasformo in un sito web vero e proprio, accessibile a tutti su internet.”
In una battuta: È il modo più semplice per trasformare il tuo codice in un sito “live”, senza costi.
Il processo di hosting di un sito Web tramite GitHub Pages può essere semplificato in tre basilari step:
- Creazione di un account GitHub
- Creazione di un nuovo repository pubblico o privato
- Elaborazione del codice web e pubblicazione del sito web
CREAZIONE DI UN ACCOUNT GITHUB
La creazione del proprio account GitHub consiste in una registrazione sul sito web di GitHub, cliccando su “Sign up”. In fase di registrazione digitare una email personale, una password sicura per gli accessi futuri e immettere un proprio nome utente.
Segue una schermata in cui scegliere tra due tipi di impostazioni:
- Impostazione gratuita: tutti i repository sono pubblici (tutto quello che verrà pubblicato sarà visibile a tutti)
- Impostazione a pagamento: Permette di utilizzare GitHub per gestire i propri progetti e codici sorgenti in maniera del tutto privata (non accessibile agli altri) e poi pubblicare delle release pubbliche quando desiderato
Digitando “Continue” apparirà un questionario la cui compilazione è facoltativa. Bene adesso avete creato un account su GitHub.
A COSA SERVE PRINCIPALMENTE
GitHub Pages è perfetto per ospitare siti web statici. “Statico” significa che le pagine mostrano contenuti fissi che non cambiano dinamicamente per ogni utente (a differenza di un e-commerce o di un social network).
Ecco gli usi più comuni:
· Sito Portfolio Personale: Per mostrare i tuoi progetti, competenze e CV.
· Blog Tecnico o Personale: Spesso usando Jekyll (un generatore di siti statici integrato con GitHub Pages).
· Documentazione di Progetti: Molte librerie software e progetti open-source usano GitHub Pages per hostare la loro documentazione (es., Bootstrap, Vue.js).
· Pagine di Presentazione per App: Una landing page per una tua app o un progetto.
· Siti per Eventi: Come pagine per conferenze, meetup o matrimoni.
A CHI SI RIVOLGE
GitHub Pages è la scelta perfetta per te se:
· Sei uno sviluppatore, un tecnico o uno studente.
· Vuoi un sito portfolio per mostrare i tuoi progetti.
· Devi hostare la documentazione di un progetto open-source.
· Gestisci un blog tecnico e hai dimestichezza con Git e Markdown.
· Cerchi una soluzione gratuita, veloce e a bassissima manutenzione per un sito semplice.
CREAZIONE DEL REPOSITORY GITHUB
Per la creazione del repository dal sito di GitHub cliccare su “Sign in” e inserire email e password digitati in fase di registrazione.
A questo punto per creare il nuovo repository potremo scegliere di cliccare in alto a sinistra su “create repository” oppure cliccare in alto a destra sul logo che identifica il nostro account, selezionare la voce “Your repositories” e poi su “new”
Nella nuova schermata che si apre, seguendo una delle due opzioni sopra descritte, nel campo vuoto “Repository name” scriviamo il nome che vogliamo assegnare al nuovo repository.
Il nome completo del nuovo repository ha il seguente formato: USERNAME/repository name , dove username è il nome utente scelto in fase di registrazione e repository name è il nome scelto per il nuovo repository.
Una volta inserito il nome del repository, è possibile:
-
Inserire una descrizione facoltativa per aggiungere alcuni dettagli al proprio repository (ad es. “Il mio primo sito Web”).
-
Scegliere, per controllare se altri utenti possono modificare o meno il repository, tra “Public“ (per consentire a chiunque di modificare il repository) o “Private“ (solo l’utente proprietario puoi modificare il repository). La scelta “Public” è quella consigliata qualora si intenda pubblicare gratuitamente il nuovo sito web.
- Aggiungere un “README File” per il repository, che ha il solo scopo di contenere la documentazione per i progetti.
Ora clicca con il mouse su “Create repository” per terminare il processo di creazione del nuovo repository.
ELABORAZIONE DEL CODICE WEB E PUBBLICAZIONE DEL SITO WEB
GitHub ha il proprio strumento chiamato GitHub Desktop che rende facile per gli utenti sia Windows che Mac gestire i repository e le connessioni GitHub sul proprio computer locale utilizzando un’interfaccia utente grafica (GUI), invece di una riga di comando.
GitHub Desktop è un’applicazione gratuita e open source per Windows e Mac per gestire senza problemi i progetti, creare commit e tenere traccia della cronologia del progetto in un’applicazione anziché nella riga di comando. È uno strumento ideale creato appositamente per gli utenti Windows e Mac per portare il flusso di lavoro nativo di Git in un’applicazione visiva, semplificando la gestione dei repository e delle connessioni GitHub sul proprio computer locale. E’ possibile interagire facilmente con GitHub utilizzando una GUI anziché la riga di comando e pubblicare o condividere codice con pochi semplici clic. La cosa più interessante è che è open source, il che significa che è possibile seguire lo sviluppo di nuove funzionalità, connettersi con gli altri sviluppatori direttamente sul repository effettivo in cui viene creata l’app e persino aggiungere nuove funzionalità se lo si desidera.
Una volta elaborati i file del sito che intendiamo pubblicare clicchiamo prima sulla voce “Settings” e poi su “Pages”. Nella sezione “Branch” clicchiamo sulla voce “None” e scegliamo l’alternativa “main” e poi clic su “Save” per salvare.
Dopo qualche minuto il nostro nuovo sito web sarà online!
