{"id":48643,"date":"2021-11-15T13:15:40","date_gmt":"2021-11-15T12:15:40","guid":{"rendered":"https:\/\/kinsta.com\/it\/?p=48643&preview=true&preview_id=48643"},"modified":"2023-06-09T16:56:04","modified_gmt":"2023-06-09T15:56:04","slug":"sito-statico-hugo","status":"publish","type":"post","link":"https:\/\/kinsta.com\/it\/blog\/sito-statico-hugo\/","title":{"rendered":"Come Costruire un Sito Statico Incredibilmente Veloce con Hugo"},"content":{"rendered":"

Hugo \u00e8 un generatore statico di siti (SSG o Static Site Generator) scritto in Go<\/a> (aka Golang), un linguaggio di programmazione compilato ad alte prestazioni spesso utilizzato per sviluppare applicazioni e servizi backend.<\/p>\n

Oggi Hugo \u00e8 in grado di generare la maggior parte dei siti web in pochi secondi (<1 ms per pagina). Questo spiega perch\u00e9 Hugo si presenta come “il framework pi\u00f9 veloce al mondo per la costruzione di siti web”.<\/p>\n

In questo articolo, daremo un’occhiata alla storia di Hugo, cosa lo rende cos\u00ec veloce e come potete iniziare a costruire il vostro sito statico Hugo.<\/p>\n

<\/div><\/kinsta-auto-toc>\n

Cos’\u00c8 Hugo? E Perch\u00e9 \u00c8 Popolare?<\/h2>\n
\"Homepage<\/a>
Homepage del sito web di Hugo.<\/figcaption><\/figure>\n

Steve Francia ha originariamente sviluppato il generatore di siti statici Hugo<\/a> nel 2013, e Bj\u00f8rn Erik Pedersen \u00e8 subentrato come sviluppatore principale del progetto nel 2015. Hugo \u00e8 un progetto open-source, il che significa che il suo codice pu\u00f2 essere visualizzato e migliorato da chiunque.<\/p>\n

Come generatore di siti statici, Hugo prende i file di contenuto Markdown, li esegue attraverso template di temi e genera file HTML<\/a> che potete facilmente distribuire online. E fa tutto questo in modo estremamente veloce.<\/p>\n

Nel 2021 ormai esistono decine, se non centinaia, di generatori statici. Ogni generatore di siti statici ha il suo fascino<\/a>. Jekyll \u00e8 popolare tra gli sviluppatori Ruby e anche se non \u00e8 veloce come altre opzioni, \u00e8 stato uno dei primi generatori di siti statici a vedere un’adozione diffusa. Gatsby<\/a> \u00e8 un altro popolare SSG adatto a sviluppare siti staticamente distribuibili e sono dinamici nelle funzionalit\u00e0.<\/p>\n

Quindi, con cos\u00ec tanti SSG l\u00e0 fuori, cosa distingue Hugo?<\/p>\n\n

Hugo \u00c8 Veloce<\/h3>\n

In termini di prestazioni grezze, Hugo \u00e8 il miglior generatore di siti statici al mondo. Forestry ha dimostrato che, rispetto a Jekyll, Hugo \u00e8 35 volte pi\u00f9 veloce<\/a>. Allo stesso modo, Hugo pu\u00f2 rendere un sito di 10.000 pagine in 10 secondi, un compito che a Gatsby richiederebbe pi\u00f9 di mezz’ora per essere completato. Non solo Hugo \u00e8 il SSG pi\u00f9 veloce in termini di tempi di costruzione, ma \u00e8 anche veloce da installare.<\/p>\n

Hugo \u00e8 un eseguibile autonomo, a differenza di Jekyll, Gatsby e altri SSG che richiedono l’installazione di dipendenze con un gestore di pacchetti. Questo significa che potete scaricare e usare Hugo immediatamente senza dovervi preoccupare delle dipendenze del software.<\/p>\n

Il Templating \u00c8 Pi\u00f9 Semplice con Hugo<\/h3>\n

Nel gergo SSG, “templating” si riferisce al processo di aggiunta di segnaposti per l’inserimento di contenuti dinamici all’interno di una pagina HTML. Per accedere al titolo di una pagina, potete utilizzare la variabile {{ .Title }}<\/code>. Cos\u00ec, all’interno di un template HTML di Hugo, \u00e8 comune vedere il {{ .Title }}<\/code> avvolto nei tag H1 in questo modo:<\/p>\n

<h1>{{ .Title }}<\/h1><\/code><\/pre>\n
Al momento della compilazione, Hugo prender\u00e0 automaticamente il titolo all’interno di un file di contenuto e lo inserir\u00e0 tra i due tag <h1><\/code>. Hugo ha tantissime variabili di template incorporate e potete anche scrivere funzioni personalizzate per elaborare i dati al momento della compilazione. Per i modelli, Hugo usa le librerie integrate di Go html\/template<\/code> e text\/template<\/code>. Questo aiuta a ridurre l’eccesso di applicazioni perch\u00e9 Hugo non ha bisogno di installare librerie di terze parti per i template.<\/p>\n
Come Installare Hugo<\/h2>\n
Hugo \u00e8 un eseguibile compilato, il che significa che non dovrete scaricare e gestire molte dipendenze solo per iniziare. \u00c8 disponibile per macOS, Windows e Linux.<\/p>\n