11ty je výkonný generátor statických stránek založený na NodeJS.
Zde v LinuxAPT, jako součást našich služeb správy serveru, pravidelně pomáháme našim zákazníkům provádět související dotazy NodeJS.
V této souvislosti se podíváme na to, jak nainstalovat 11ty do vašeho systému Ubuntu a generovat statické webové stránky.
Předpoklady, které je třeba splnit před 11. instalací
Jako uživatel Linuxu byste měli mít na svém systému k dispozici následující dva balíčky:
- NodeJS
- NPM
Pokud v systému nemáte nainstalované NodeJS a NPM, můžete je snadno nainstalovat spuštěním následujících příkazů:
$ sudo apt update
$ sudo apt install node
$ sudo apt install npm
Poznámka:Bez Node.js a NPM nebudete moci pokračovat v práci s 11ty.
Dále vytvoříme nový adresář, přesuneme se do něj a inicializujeme jej:
$ mkdir newEleventySite
$ cd newEleventySite/
$ npm init -y
Jak nainstalovat a vytvořit projekt 11ty?
Chcete-li to provést, postupujte podle níže uvedených kroků.
1. Začněte spuštěním následujícího příkazu k vytvoření nového adresáře pro váš statický web 11ty:
$ npm install --save-dev @11ty/eleventy
Po dokončení se 11ty nainstaluje do vašeho nově vytvořeného adresáře. Jedná se o instalaci v rámci projektu. Zde jsme se nerozhodli instalovat 11ty globálně. Díky tomu je instalace snazší a zvládnutelná.
2. Nyní spusťte Eleventy a uvidíte, že některé soubory byly zapsány. Nemáme žádné soubory, takže se v této fázi nic nestane:
$ npx @11ty/eleventy
Nyní můžeme vytvořit webové stránky a publikovat je. Předtím potřebujeme šablonu.
3. Chcete-li vytvořit šablonu, použijte níže uvedený kód:
$ 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
Jakmile je šablona hotová, můžete prozatím publikovat svůj web. Jakmile spustíte výše uvedený příkaz, všimnete si, že 11ty úspěšně zapsal dvě stránky.
Jak publikovat web s 11ty?
Jakmile je vytvoření šablony dokončeno, 11ty uloží web do složky _site. Můžete vzít všechny exportované soubory a publikovat je na svém hostiteli pomocí FTP klienta. Chcete-li web publikovat, můžete nakonec přidat příkaz –serve:
$ npx @11ty/eleventy --serve
Nyní ve webovém prohlížeči, když spustíte "localhost:8080", dostanete odpověď jako je tato:
Hi, this is 11ty for Linuxapt.com