Capitolo 6: Deploy del sito web

Ottenere un dominio

L’unica cosa che devi pagare in questo corso è un nome di dominio. Se hai già acquistato un dominio puoi continuare con la sezione successiva. Utilizzo Namecheap per ottenere i miei domini e finora sono stati fantastici. Hanno un modello di prezzo equo in cui aggiungono $ 1 ai prezzi all’ingrosso del dominio. Ottieni anche la privacy WHOIS gratuitamente e puoi anche acquistare hosting di posta elettronica e altri servizi di hosting se ne hai bisogno. Il loro servizio di supporto è sufficiente e fino ad’ora non ho avuto problemi.

Fino a questo punto molto probabilmente hai eseguito e testato il tuo sito web hugo usando il comando hugo server. Il server Hugo è un ottimo modo per testare e tenere traccia delle modifiche a livello locale, ma che dire quando sei pronto per mostrare la tua creazione al mondo.

Quando crei tutti i tuoi layout, parziali e pagine di contenuto, il tuo sito web è disperso in un mucchio di pezzi. Ma quando crei il tuo sito web, tutti questi pezzi vengono messi insieme è esattamente come desideri da hugo. È un po' come costruire i lego. Inizi con un mucchio di pezzi di lego sparsi in giro e seguendo le istruzioni finisci con un modello finito. In questo caso Hugo sta costruendo i lego e tu stai fornendo le istruzioni.

Comando Hugo

Quando esegui il comando hugo, hugo prenderà tutti i tuoi contenuti, layout e risorse statiche e li combinerà insieme per creare il tuo sito web finito. Il sito web finito viene quindi scaricato in una cartella chiamata public che dovrebbe apparire nella directory principale della cartella del progetto.

Eseguire il comando hugo è semplice come digitare hugo nella riga di comando

Hugo

Potrebbero volerci un secondo o due per costruire il sito, più pagine di contenuti hai più tempo sarà questo.

Cartella pubblica

Quando esegui il comando hugo noterai che una nuova cartella chiamata public è stata aggiunta al tuo progetto. La cartella pubblica contiene il tuo sito web finito. È importante notare che la struttura della cartella pubblica sarà diversa dalla struttura della cartella del progetto. Quindi non allarmarti se non corrispondono.

Come si dice su un aereo, gli oggetti potrebbero essersi spostati durante il volo. Mentre hugo costruisce il tuo sito, sposta le cose, combina le cose insieme. Il prodotto finito potrebbe sembrare un po' confuso all’inizio.

Struttura delle cartelle pubbliche

La struttura della cartella pubblica è la struttura che verrà caricata sul tuo server web. Hugo sposterà un sacco di cose, assicurati di guardare la struttura della cartella pubblica per assicurarti che tutto sia dove vuoi.

Eliminazione della cartella pubblica sulla nuova build

È importante notare che quando si apporta una modifica ai layout o al contenuto (ad es. si elimina un file) quando si ricostruisce il sito, la cartella pubblica potrebbe non accogliere tali modifiche. Quindi, se stai apportando grandi modifiche al tuo sito, considera l’eliminazione della cartella pubblica prima di ricostruirla.

Ad esempio, se hai un contenuto che desideri eliminare e lo elimini nella cartella dei contenuti, non verrà eliminato nella cartella pubblica. Se esegui il comando hugo per ricostruire il sito, quel contenuto sarà ancora lì. Quindi, come buona regola, elimina la cartella pubblica prima di una ricostruzione.

Distribuzione

Una volta che hai costruito tutto, il passo successivo è distribuire il tuo sito web su un server web. Ci sono un sacco di modi per farlo, e non entreremo troppo in profondità in questo tutorial. Ma per la maggior parte un sito Web generato da Hugo può essere ospitato ovunque. Poiché stiamo lavorando con siti Web statici, non sono necessari server o software fantasiosi, un server Web Apache di base funzionerà.

Quando alla fine distribuisci il tuo sito Web, desideri distribuire solo la cartella pubblica. Tutti i file di hugo dovrebbero rimanere sul tuo computer. La cartella pubblica rappresenta il sito web finito, quindi caricalo solo sul server web.

Scegliere dove hostare il sito web