Introduzione
11ty è un potente generatore di siti statici basato su NodeJS. In questo tutorial, ti guiderò passo dopo passo e ti mostrerò come installare 11ty sul tuo sistema Ubuntu e generare siti Web statici. Sto usando Ubuntu 20.04 Edition. Tutte le istruzioni e i comandi si applicano solo a Ubuntu.
Prerequisiti
Come utente Linux dovresti avere i seguenti due pacchetti disponibili sul tuo sistema.
~ NodeJS
~ NPM
Se non li hai in questo momento. Installali con i seguenti comandi:
$ sudo apt update
$ sudo apt install node
$ sudo apt install npm
Senza Node.js e NPM, non potrai continuare a lavorare con 11ty.
La cosa migliore di 11ty è che non è necessario installarlo come altri pacchetti di nodi. Per ora, creiamo una nuova directory, ci spostiamo e la inizializziamo, rispettivamente.
$ mkdir newEleventySite
$ cd newEleventySite/
$ npm init -y
Installazione e creazione del progetto 11ty
Passaggio 1. Ora esegui semplicemente il comando seguente per creare una nuova directory per il tuo sito statico 11ty.
$ npm install --save-dev @11ty/eleventy
Una volta terminato, 11ty verrà installato nella directory appena creata. È un'installazione per progetto. Non ho scelto di installare 11ty a livello globale. Ciò rende l'installazione più semplice e gestibile.
Passaggio 2. Ora esegui Eleventy e vedrai che alcuni file sono stati scritti. Non ho alcun file, quindi in questa fase non accadrà nulla.
$ npx @11ty/eleventy
Come puoi vedere nella schermata sopra, ho eseguito 11ty con successo. Tutto in questa fase funziona perfettamente. Abbiamo lavorato così a lungo ed è giunto il momento di creare il sito Web e pubblicarlo. Prima di ciò, abbiamo bisogno di un modello.
Crea un modello
Passaggio 3. Ora ti aiuterò a creare un modello. È semplice e non c'è nulla di complesso da eseguire. È solo un punto di partenza.
Ecco il codice:
$ echo '<!doctype html><html><head><title>Page title</title></head><body><p>Hi</p></body></html>' > index.html
$ echo '# Page header' > README.md
Una volta terminato il modello, per il momento sei a posto per pubblicare il tuo sito web. Nello screenshot sopra, noti che 11ty ha scritto con successo le due pagine.
Pubblicazione del sito web
Una volta completata la creazione del modello, 11ty salva il sito in _site cartella. Puoi prendere tutti i file esportati e pubblicarli sul tuo host utilizzando un client FTP. Come mostrato nello screenshot qui sotto, alla fine ho aggiunto il comando –serve per pubblicare il sito web.
Ecco come appare nel browser.
Conclusione
In questo tutorial, ti ho guidato su come installare Eleventy, che è un bel generatore di siti statici basato su NodeJS. Questa guida è per gli utenti di Ubuntu 20.04. Scrivo costantemente articoli per diverse distribuzioni. Ti invito a leggerli e condividerli con i tuoi amici e familiari.