12 migliori generatori di siti statici da utilizzare

Ci sono una serie di ragioni per cui qualcuno dovrebbe utilizzare un generatore di siti statici per il proprio sito web. I siti statici sono più facili da mantenere (nessun database, nessuno script lato server) e sono più sicuri, considerando il fatto che agli utenti vengono serviti solo file HTML, CSS e Javascript. Sebbene sia possibile scrivere direttamente codice in HTML per creare un sito statico, il processo può essere un po 'faticoso, ed è qui che entrano in gioco i generatori di siti statici. I generatori di siti statici convertono (o compilano) un gruppo di diversi file di risorse in un sito Web, il che significa che il contenuto può essere tenuto separato dal codice di layout e anche qualsiasi risorsa del sito come le immagini può essere tenuta separata. Quindi, se sei alla ricerca di un buon generatore di siti statici per il tuo sito web, ecco i 12 migliori generatori di siti statici che puoi utilizzare nel 2020.

I migliori generatori di siti statici del 2020

Se stai cercando di creare un sito Web completo che offra funzionalità come blog, e-commerce e altro, dovresti leggere il nostro articolo sulle alternative a Squarespace facendo clic sul collegamento. D'altra parte, la nostra raccolta dei migliori siti Web di portfolio è il posto ideale per i designer e gli artisti emergenti. Detto questo, passiamo alla lista.

1. Jekyll

Indubbiamente il re dei generatori di siti statici, Jekyll è non sorprende il generatore di siti statici più utilizzato in quanto offre la più grande documentazione, la più grande comunità e il miglior supporto là fuori. Jekyll è orgoglioso di essere consapevole dei blog e di conseguenza creare un blog statico su Jekyll è davvero facile, richiedendo solo le basi dello sviluppo web. Brilla davvero, grazie alle sue semplici funzionalità di configurazione per i principianti, allo stesso tempo con funzionalità davvero potenti per coloro che hanno la conoscenza di usarle.

Jekyll ti consente di creare e utilizzare diversi plugin, tag e persino di creare i tuoi convertitori per qualsiasi linguaggio di markup che desideri utilizzare con Jekyll. Il linguaggio di markup predefinito per Jekyll, come la maggior parte degli altri, è Markdown. Jekyll ha plugin per compilare Less, Stylus, generare tag cloud, pagine utente per blog e molto altro.

Jekyll si basa sul Liquid Template Engine di Shopify. Funziona interamente su Ruby, quindi è facilmente installabile insieme alle dipendenze utilizzando rvm o utilizzando bundler. Jekyll ha anche facili opzioni di migrazione, se stai cercando di migrare da WordPress, Blogger o qualsiasi altro sito di blog. Batte ogni altro generatore di siti statici là fuori, senza dubbio, in termini di dimensioni dell'utente e la parte migliore è che è in fase di sviluppo attivo.

Per installare Jekyll, inserisci questo comando in Ruby: gem installa jekyll

Visita Jekyll

2. Hexo

Hexo è un framework per blog statico leggero che è orgoglioso della sua incredibile velocità di generazione del sito. Hexo è ottimo per i blogger con grandi quantità di contenuti che desiderano un semplice generatore di siti statici. Offre facili opzioni di migrazione da altre piattaforme di blog come WordPress, Joomla, Jekyll, Octopress e RSS.

Una delle grandi cose di Hexo è che puoi utilizzare la maggior parte dei plugin realizzati per Octopress e, per estensione, plugin realizzati per Jekyll con modifiche minime.

Hexo supporta Markdown, YAML per il front matter e la configurazione. Mantenendo la sua natura veloce, Hexo ti consente di distribuire su siti come GitHub, Heroku e Rsync con un solo comando.

Per installare Hexo usando Node.js basta inserire questo comando: npm installa hexo-cli -g

Visita Hexo

3. Pellicano

Pelican è un generatore di siti statici costruito su Python. Presenta la pubblicazione di contenuti multilingue, l'evidenziazione del codice (sintassi) e la facile generazione di feed RSS e Atom. Pelican ha una buona selezione di plugin, tutti ospitati su un repository GitHub centrale. Supporta 3 formati di documento per impostazione predefinita: Markdown, reStructuredText e Ascii Doc.

Pelican è piuttosto unico, poiché è costruito su Python. Supporta il potente motore di modelli Jinja che è basato su python per consentire facile creazione di bellissimi temi e modelli per Pelican. In termini di supporto alla migrazione, Pelican offre supporto per WordPress e Tumblr. Invece dei soliti file YAML per la configurazione, Pelican utilizza un file .py denominato pelicanconf.py per la configurazione e le impostazioni.

Il servizio ha recentemente ricevuto un aggiornamento che ha introdotto una serie di miglioramenti, correzioni e modifiche per migliorare le prestazioni. L'ultimo aggiornamento include un comportamento di copia / collegamento migliorato per file statici di grandi dimensioni, nuova sintassi statica per il collegamento a contenuto statico, un nuovo stato di bozza per le pagine e miglioramenti all'importatore tra le altre cose.

Puoi installare Pelican usando pip e digitando il seguente comando: pip installa pellicano

Visita Pelican

4. Gatsby

Gatsby è un'altra grande opzione che puoi scegliere per la quale, proprio come Hexo, è alimentato da Node.js che lo rende abbastanza conveniente per gli sviluppatori JavaScript esperti. Il servizio si avvale di React, il che significa che tutto è costituito da componenti, il che gli consente di trarre vantaggio dall'approccio di React al rendering DOM.

Il servizio utilizza anche GraphQL in fase di compilazione per recuperare dati e contenuti dalle fonti, fornendo un'interfaccia moderna e coerente che garantisce che ogni pagina riceva i dati esatti necessari durante la creazione. Vale anche la pena notare che Gatsby crea pagine come app progressive a pagina singola, il che significa che l'intero sito statico viene scaricato e può essere navigato immediatamente.

Gatsby può essere facilmente rilevato dagli sviluppatori che hanno già lavorato con React, ma se non hai lavorato con React prima che la curva di apprendimento potrebbe rivelarsi un po 'ripida.

Puoi installare facilmente Gatsby utilizzando lo strumento da riga di comando Gatsby e il seguente comando: npm install -global gatsby-cli

Visita Gatsby

5. Middleman

Middleman è un Generatore di siti statici basato su Ruby che segue un approccio semplice alla costruzione di siti statici. Ha potenti funzionalità per il mantenimento di blog statici, come la facile generazione di tag, comandi rapidi per elencare articoli categorizzati e impaginazione.

Middleman offre supporto per la maggior parte dei file moderni strumenti di sviluppo web come HAML, Coffeescript, Sass e il resto. Il suo motore di template predefinito è eRb, ma ti consente di passare a un motore di template personalizzato di tua scelta. Tutti i motori di modelli abilitati per Tilt (l'elenco completo può essere trovato qui) funzionano su Middleman.

Supporta nativamente 2 formati di configurazione: YAML, JSON. Frontmatter per i tuoi contenuti deve anche essere YAML o JSON a seconda del formato di configurazione che stai utilizzando. Inoltre, Middleman non offre alcun supporto per la migrazione, quindi se vuoi rendere statico un blog esistente, Middleman potrebbe non essere l'idea migliore per ora.

Puoi installare Middleman usando Ruby usando questo comando: gem install middleman

Visita Middleman

6. Metalsmith

Metalsmith è anche una buona opzione se stai cercando un generatore di siti statici basato su plugin. Il servizio è orgoglioso di essere 'un generatore di siti statici estremamente semplice e collegabile ' che consente agli utenti di aggiungere plug-in praticamente per qualsiasi funzionalità di cui hanno bisogno. L'enorme numero di plugin offerti da Metalsmith batte quasi tutti i concorrenti, il che gli conferisce la versatilità di essere più di un semplice generatore di siti statici.

Nelle sue stesse parole, "Poiché tutto è un plug-in, la libreria principale è in realtà solo un'astrazione per manipolare una directory di file". Ciò a cui questo aggiunge alla fine è che puoi usare Metalsmith con la stessa facilità di uno scaffolder di progetti, un generatore di ebook, uno strumento di compilazione e molto altro.

Anche Metalsmith è basato su Node.js e può essere installato utilizzando il gestore di pacchetti del nodo utilizzando questo comando: $ npm installa metalsmith

Visita Metalsmith

7. Hugo

Un altro ottimo generatore di siti statici per scopi generali, Hugo è dotato di un sacco di funzioni a tutto tondo decenti come supporto per modelli e parziali, impaginazione e "tassonomie" che è fondamentalmente un sistema di classificazione dei contenuti unico. Ciò ti consentirà di classificare facilmente i post sulla base non solo dei tag, ma anche in qualsiasi altro modo desideri, come categorie o serie, direttamente dal frontmatter.

Viene con Hugo supporto per tre tipi di file di dati: YAML, JSON e TOML - dando agli utenti la libertà di scegliere quello con cui si sentono più a loro agio. Invece di plug-in, Hugo utilizza "codici brevi" che ti consentiranno di utilizzare contenuti ricchi all'interno del tuo file Markdown.

Hugo è scritto nel linguaggio di programmazione Go e offre file di installazione separati per diverse piattaforme sulla sua pagina GitHub. Puoi seguire queste istruzioni di installazione per installare Hugo sul tuo dispositivo.

Nel caso in cui utilizzi Homebrew, Hugo e tutte le dipendenze possono essere installate con: brew install hugo

Visita Hugo

8. Octopress

Octopress è essenzialmente un fork Jekyll modificato, ma a causa della sua popolarità lo abbiamo incluso in questo elenco. Il il servizio è fondamentalmente Jekyll per gli hacker (e sviluppatori di rails) e può essere utilizzato per creare facilmente un blog poiché viene fornito con una serie di plugin per impostazione predefinita.

Per la personalizzazione, il codice di Octopress rende più facile per gli utenti modificare il codice e scrivere il proprio codice. La cosa veramente fantastica è che un certo numero di plugin per Octopress sono compatibili con Jekyll (e viceversa), quindi puoi provare entrambi i servizi senza preoccuparti di problemi di compatibilità.

Tuttavia, il processo di installazione di Octopress potrebbe essere un po 'complicato per i principianti, ma puoi fare lo stesso seguendo questi passaggi:

• Clona il repository GitHub
  • git clone
  • git: //github.com/imathis/octopress.get
  • octopress
  • cd octopress
• Installa le dipendenze
  • gem install bundler
  • rbenv rehash; # Se usi rbenv, rehash per poter eseguire il comando bundle
  • installazione bundle
• Installa il tema Octopress predefinito
  • installazione del rastrello

Visita Octopress

9. Docpad

Docpad è un generatore di siti statici dinamici che estende le capacità dei normali generatori di siti statici, offrendo funzionalità come l'interrogazione del database tramite un motore di query unico, importazione di pagine da database esterni e riesecuzione del rendering della pagina Web a ogni richiesta.

Docpad ha file nativisupporto per pre processori, come Coffeescript, Stylus e LESS, e utilizza plug-in per supportare motori di modelli, pre-processori e linguaggi di markup, quindi puoi scegliere qualsiasi combinazione desideri utilizzando il plug-in necessario. Docpad supporta anche l'importazione di pagine da fonti esterne come Tumblr, GitHub e Dropbox tramite plugin.

Docpad è una piattaforma ricca di funzionalità, con molti plugin e un'ottima documentazione ed è costruita su Node.js per le interazioni con il server.

Per installare Docpad, usa il seguente comando usando npm: npm install -g npm; npm install -g [email protected] 

Visita Docpad

10. Arpa

Harp è un altro ottimo generatore di siti statici che viene fornito con pre-elaborazione integrata per Jade, Markdown, LESS, Sass, Coffeescript, EjS e Stylus senza alcuna configurazione aggiuntiva. Il servizio consente di utilizzare layout / paradigma parziale con Jade ed EjS, che necessita di plug-in speciali su altri generatori di siti statici.

Anche Harp è basato su Node.js e può funzionare mano nella mano con le piattaforme Harp, che ti consentono di creare pagine web dalla tua cartella Dropbox. Il servizio può anche compilare pagine da utilizzare su pagine GitHub, PhoneGap e Heroku.

Per installare Harp, usa npm ed esegui il seguente comando: sudo npm install -g arpa

Visita Harp

11. NUXT

Basato su un'architettura modulare avanzata, Nuxt è uno dei migliori generatori di siti statici. Imballato con più di 50 moduli, è completamente attrezzato per accelerare il tuo sviluppo. Un'altra caratteristica degna di nota di questo generatore di siti statici è che ottimizza idealmente la tua applicazione in modo che possa funzionare senza problemi su varie piattaforme. Dotato di un analizzatore di bundle, ti assicura di essere in grado di mettere a punto la tua app, eliminando tutti i difetti.

Ma ciò che dà a Nuxt.js un vantaggio rispetto a molti altri rivali è la capacità di farlo generare un sito Web statico secondo l'app Vue. Di conseguenza, non avrai bisogno di un server standalone ma sarai in grado di avere i vantaggi della SEO poiché Nuxt non solo pre-renderizzerà tutte le pagine, ma sarà composto anche da HTML essenziale. Inoltre, ti consentirà anche di distribuire la pagina risultante alle pagine Netlify o GitHub con facilità. In termini di installazione, è piuttosto in anticipo grazie al strumento per ponteggi. Ma per questo, dovrai avere npx (viene fornito per impostazione predefinita da NPM 5.2.0) installato.

Per installare NUXT, assicurati di aver installato NPX e quindi esegui il seguente comando: $ npx create-nuxt-app

Visita NUXT JS

12. MkDocs

Se le tue esigenze richiedono un semplice generatore di siti statici, MkDocs può essere la risposta giusta alle tue esigenze. Con strumenti facili da usare, esso rende la documentazione del progetto senza problemi. Poiché i file sorgente della documentazione sono scritti in Markdown e configurati con un singolo file di configurazione YAML, puoi gestirli con facilità. Nonostante tutto sia semplice, MkDocs è all'altezza del compito quando si tratta di efficienza. Puoi usarlo per creare siti HTML completamente statici che possono essere ospitati su Amazon S3, GitHub, e su altre piattaforme.

Una delle mie funzionalità preferite di MkDocs è una solida raccolta di temi. A seconda delle tue esigenze, puoi scegli tra i temi integrati e i temi di terze parti che può dare l'aspetto desiderato alla tua documentazione. Con il pratico server integrato a portata di mano, puoi facilmente visualizzare in anteprima la tua documentazione. Per quanto riguarda l'installazione, è abbastanza semplice. Ma assicurati di avere Python e il gestore Python Pip installati sul tuo sistema.

Installa il pacchetto mkdocs usando pip: pip install mkdocs

Visita MKDocs

Prova subito questi generatori di siti statici

Bene, questo completa la nostra lista dei 12 migliori generatori di siti statici che dovresti provare. L'elenco è costituito da una varietà di opzioni diverse, ognuna delle quali offre un set unico di funzionalità per una varietà di casi d'uso. A seconda del progetto in questione, puoi scegliere uno qualsiasi dei suddetti generatori di siti statici e creare la tua pagina web statica in pochissimo tempo. Hai qualche suggerimento? Fateci sapere nei commenti in basso e aggiorneremo l'elenco di conseguenza.