← Cloudflare Pages / pages / framework-guides

Eleventy

Eleventy ↗ je jednoduchý generátor statických webů. V tomto návodu vytvoříte nový web Eleventy a nasadíte ho pomocí Cloudflare Pages. Použijete eleventy CLI k vytvoření nového webu Eleventy.

Instalace Eleventy

Nainstalujte eleventy CLI spuštěním následujícího příkazu v terminálu:

npm install -g @11ty/eleventy

Vytvoření nového projektu

Existuje mnoho startovací projekty ↗ dostupné na webu Eleventy. Jako příklad použijte eleventy-base-blog spuštěním následujících příkazů v terminálu:

git clone https://github.com/11ty/eleventy-base-blog.git my-blog-name
cd my-blog-name
npm install

Než budete pokračovat

Všechny průvodce frameworky předpokládají, že již máte základní znalosti Git ↗. Pokud s Gitem začínáte, podívejte se na tento shrnutá příručka ke Gitu ↗ jak nastavit Git na svém lokálním počítači.

Pokud klonujete přes SSH, musíte vygenerujte SSH klíče ↗ na každém počítači, který používáte pro push nebo pull z GitHubu.

Viz dokumentace GitHub ↗ a Dokumentace Git ↗ s dalšími informacemi.

Vytvoření repozitáře GitHub

Vytvořte nový repozitář GitHub na repo.new ↗. Po vytvoření nového repozitáře v terminálu spusťte následující příkaz, kterým připravíte a odešlete svou místní aplikaci na GitHub:

git remote set-url origin https://github.com/yourgithubusername/githubrepo
git branch -M main
git push -u origin main

Nasadit pomocí Cloudflare Pages

Chcete-li nasadit svůj web do Pages:

V dashboardu Cloudflare přejděte na Workers & Pages stránce.
Přejděte na Workers & Pages ↗
Vyberte Vytvoření aplikace.
Vyberte Pages kartě.
Vyberte Importujte existující repozitář Git.
Vyberte nově vytvořený repozitář GitHub a poté vyberte Zahájit nastavení.
V Nastavení sestavení sekci vyberte Eleventy jako Přednastavení frameworku. Váš výběr poskytne následující informace:

Konfigurační možnost	Hodnota
Produkční větev	`main`
Příkaz sestavení	`npx @11ty/eleventy`
Adresář sestavení	`_site`

Po nasazení webu získáte pro svůj projekt jedinečnou subdoménu na *.pages.dev. Pokaždé, když do svého webu Eleventy committnete nový kód, Cloudflare Pages automaticky znovu sestaví váš projekt a nasadí ho. Získáte také přístup k náhledová nasazení u nových pull requestů, takže si můžete prohlédnout, jak změny na vašem webu vypadají, než je nasadíte do produkce.

Zjistit více

Dokončením tohoto návodu jste úspěšně nasadili svůj web Eleventy na Cloudflare Pages. Chcete-li začít s dalšími frameworky, podívejte se na seznam návodů pro frameworky.