Cos'è Hugo e come funziona?

Se hai intenzione di creare un sito Web semplice e basato sui contenuti, probabilmente non vorrai dedicare troppo tempo alla codifica. Questo potrebbe essere il caso se stai creando un sito aziendale, un blog o un portfolio personale.

I generatori di siti statici prendono di mira questo tipo di scenari. Ti consentono di creare un sito Web che ti consente di concentrarti sui tuoi contenuti e sul loro design.

Hugo è un esempio di generatore di siti statici. Supporta temi, authoring in Markdown e altri vantaggi.

Cos'è Hugo?

Hugo è un generatore di siti statici che ti consente di creare un sito Web con poco o nessun codice. I generatori di siti statici di solito ti consentono di scrivere i tuoi contenuti in a linguaggio di markup semplice, come Markdown.

Il generatore di siti statici converte quindi i tuoi contenuti in file HTML statici. Applica qualsiasi modello o stile alle tue pagine prima di mostrarle all'utente.

Usando Hugo, puoi scegliere da una libreria di temi e design del sito che altre persone hanno già creato. Dopo aver scaricato un tema, puoi iniziare a scrivere il tuo contenuto. Hugo accetta diversi formati in cui puoi scrivere i tuoi contenuti.

Quali sono i temi di Hugo?

È possibile visitare l'elenco di Temi Hugo per trovarne uno con cui iniziare. Puoi anche selezionare un tema in base a diverse categorie e filtrare design realizzati appositamente per blog, portfolio e altro.

È possibile fare clic su un tema per visualizzare ulteriori informazioni. Qui puoi scaricare il tema per iniziare a lavorarci. Puoi anche visualizzare in anteprima l'aspetto del tema una volta distribuito.

La maggior parte dei temi avrà dati fittizi come segnaposto. Quando modifichi il tema, puoi modificare questi dettagli come preferisci.

Qual è la struttura di un sito Hugo?

L'uso di un tema ti consente di aggiungere i tuoi contenuti con poche o nessuna modifica al codice. Tuttavia, puoi comunque immergerti nel codice se desideri apportare modifiche alla sua struttura. Hugo utilizza i modelli Go per utilizzare variabili e segnaposto all'interno dei file HTML.

La creazione di un progetto Hugo sul tuo computer genererà automaticamente i file predefiniti necessari per il progetto.

Le componenti principali del progetto includono:

• archetipi: qui puoi archiviare modelli che possono definire qualsiasi formattazione o dati aggiuntivi per ogni pagina. Quando crei una nuova pagina, sarà basata su un modello.
• risorse: qui è dove puoi archiviare qualsiasi risorsa, come i tuoi file di fogli di stile CSS.
• contenuto: Qui è dove puoi archiviare i contenuti per il tuo sito web. Puoi memorizzare ogni pagina in un file separato. Ad esempio, se stai creando un blog, utilizzeresti un file Markdown per ogni post.
• layout: qui puoi memorizzare frammenti di codice HTML brevi e riutilizzabili, chiamati shortcode. Puoi usarli all'interno dei tuoi file di contenuto.
• pubblico: contiene i file e le cartelle che puoi caricare e utilizzare su un server Web durante l'hosting del tuo sito.
• temi: Tutti i temi che hai scaricato da Hugo verranno visualizzati qui.

Quali sono i vantaggi dell'utilizzo di Hugo?

Poiché Hugo è abbastanza leggero e genera pagine Web statiche, il tuo sito Web finale e il suo contenuto possono caricarsi molto rapidamente. Ciò significa che gli utenti avranno poco tempo di attesa durante la navigazione nel tuo sito.

Tutto il contenuto è statico e non cambia una volta che l'utente sta visualizzando la pagina. Pertanto, non devi preoccuparti delle continue richieste a un server. Inoltre, non devi preoccuparti dei database o della contabilità dei dati dinamici.

E non hai bisogno di competenze di programmazione avanzate per poter lavorare con un sito Hugo. Tuttavia, poiché hai accesso diretto al codice, puoi personalizzarlo completamente nel modo desiderato se scegli di farlo.

Utilizzo di generatori di siti statici per creare siti Web

Hugo è un eccellente generatore di siti statici che converte i tuoi contenuti in semplici file HTML. Puoi utilizzare un'ampia gamma di temi e visualizzare facilmente in anteprima il tuo sito durante il processo di progettazione.

Hugo fornisce componenti riutilizzabili e una comoda struttura di file standard, tra gli altri vantaggi. Ma Hugo è solo un'opzione. Dovresti continuare a ricercare altri generatori di siti statici che puoi utilizzare per creare un sito web.

11 generatori di siti statici open source che puoi utilizzare per creare il tuo sito web

Leggi Avanti

Circa l'autore