GNU/Linux >> Linux Esercitazione >  >> Ubuntu

Come installare 11ty su Ubuntu 20.04

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.


Ubuntu
  1. Come installare Odoo su Ubuntu

  2. Come installare Maven su Ubuntu

  3. Come installare Wine su Ubuntu

  4. Come installare R su Ubuntu 16.04

  5. Come installare Vai su Ubuntu 18.04

Come installare R su Ubuntu 20.04

Come installare Vai su Ubuntu 18.04

Come installare R su Ubuntu 18.04

Come installare qt su Ubuntu 20.04

Come installare Go in Ubuntu 20.04

Come installare Vai su Ubuntu 22.04