11ty è un potente generatore di siti statici basato su NodeJS.
Qui a LinuxAPT, come parte dei nostri servizi di gestione del server, aiutiamo regolarmente i nostri clienti a eseguire query NodeJS correlate.
In questo contesto, esamineremo come installare 11ty sul tuo sistema Ubuntu e generare siti Web statici.
Prerequisiti da soddisfare prima delle 11.00 Installazione
Come utente Linux dovresti avere i seguenti due pacchetti disponibili sul tuo sistema:
- NodeJS
- NPM
Se non hai NodeJS e NPM installati sul sistema, puoi installarli facilmente eseguendo i seguenti comandi:
$ sudo apt update
$ sudo apt install node
$ sudo apt install npm
Nota:senza Node.js e NPM, non potrai continuare a lavorare con 11ty.
Successivamente, creeremo una nuova directory, ci sposteremo al suo interno e la inizializzeremo, rispettivamente:
$ mkdir newEleventySite
$ cd newEleventySite/
$ npm init -y
Come installare e creare 11ty Project?
Per fare ciò, segui semplicemente i passaggi indicati di seguito.
1. Inizia eseguendo 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. Qui, non abbiamo scelto di installare 11ty a livello globale. Ciò rende l'installazione più semplice e gestibile.
2. Ora esegui Eleventy e vedrai che alcuni file sono stati scritti. Non abbiamo alcun file, quindi in questa fase non accadrà nulla:
$ npx @11ty/eleventy
Ora possiamo creare il sito Web e pubblicarlo. Prima di ciò, abbiamo bisogno di un modello.
3. Per creare un modello, utilizzare il codice seguente:
$ echo '<!doctype html><html><head><title>Page title</title></head><body><p>Hi, this is 11ty for Linuxapt.com</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. Una volta eseguito il comando precedente, noterai che 11ty ha scritto correttamente le due pagine.
Come si pubblica il sito con 11ty?
Una volta completata la creazione del template, 11ty salva il sito nella cartella _site. Puoi prendere tutti i file esportati e pubblicarli sul tuo host utilizzando un client FTP. Puoi aggiungere il comando –serve alla fine per pubblicare il sito Web:
$ npx @11ty/eleventy --serve
Ora su un browser web, quando esegui "localhost:8080", riceverai una risposta come questa:
Hi, this is 11ty for Linuxapt.com