11ty ist ein NodeJS-basierter leistungsstarker statischer Site-Generator.
Hier bei LinuxAPT helfen wir unseren Kunden im Rahmen unserer Server Management Services regelmäßig dabei, entsprechende NodeJS-Abfragen durchzuführen.
In diesem Zusammenhang werden wir untersuchen, wie Sie 11ty auf Ihrem Ubuntu-System installieren und statische Websites generieren.
Voraussetzungen, die vor der 11ty-Installation erfüllt sein müssen
Als Linux-Benutzer sollten Sie die folgenden zwei Pakete auf Ihrem System verfügbar haben:
- NodeJS
- NPM
Wenn Sie NodeJS und NPM nicht auf dem System installiert haben, können Sie sie einfach installieren, indem Sie die folgenden Befehle ausführen:
$ sudo apt update
$ sudo apt install node
$ sudo apt install npm
Hinweis:Ohne Node.js und NPM können Sie mit 11ty nicht weiterarbeiten.
Als nächstes erstellen wir ein neues Verzeichnis, bewegen uns hinein und initialisieren es entsprechend:
$ mkdir newEleventySite
$ cd newEleventySite/
$ npm init -y
Wie installiere und erstelle ich 11ty Project?
Befolgen Sie dazu einfach die unten angegebenen Schritte.
1. Führen Sie zunächst den folgenden Befehl aus, um ein neues Verzeichnis für Ihre statische 11ty-Site zu erstellen:
$ npm install --save-dev @11ty/eleventy
Sobald dies erledigt ist, wird 11ty in Ihrem neu erstellten Verzeichnis installiert. Es handelt sich um eine projektbezogene Installation. Hier haben wir uns entschieden, 11ty nicht global zu installieren. Dies macht die Installation einfacher und überschaubarer.
2. Führen Sie nun Eleventy aus und Sie werden sehen, dass einige Dateien geschrieben wurden. Wir haben keine Dateien, daher wird in diesem Stadium nichts passieren:
$ npx @11ty/eleventy
Jetzt können wir die Website erstellen und veröffentlichen. Davor brauchen wir eine Vorlage.
3. Um eine Vorlage zu erstellen, verwenden Sie den folgenden Code:
$ 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
Sobald die Vorlage fertig ist, können Sie Ihre Website vorerst veröffentlichen. Sobald Sie den obigen Befehl ausführen, werden Sie feststellen, dass 11ty die beiden Seiten erfolgreich geschrieben hat.
Wie veröffentliche ich die Website mit 11ty ?
Sobald die Erstellung der Vorlage abgeschlossen ist, speichert 11ty die Site im Ordner _site. Sie können alle exportierten Dateien nehmen und sie mit einem FTP-Client auf Ihrem Host veröffentlichen. Sie können am Ende den Befehl –serve anhängen, um die Website zu veröffentlichen:
$ npx @11ty/eleventy --serve
Wenn Sie jetzt in einem Webbrowser "localhost:8080" ausführen, erhalten Sie eine Antwort wie diese:
Hi, this is 11ty for Linuxapt.com