Eleventy (11ty) bierze Twoje szablony i Markdown i zapisuje zwykły HTML w _site/, bez frameworka po stronie klienta, chyba że sam go dodasz. Folder zwykłych plików najłatwiej hostować: uruchom build, potem npx lobsite, a strona będzie działać pod adresem *.lobsite.app z HTTPS. Możesz też upuścić _site/ w polu powyżej.
Jak to działa
- Zbuduj stronę przez
npx @11ty/eleventy(albo swojenpm run build). Eleventy zapisze ją w_site/. - Uruchom
npx lobsitew projekcie. Znajdzie_site/i go wdroży. Pierwsze wdrożenie nie wymaga konta i trwa 6 godzin. - Zachowaj ją linkiem do przejęcia, na darmowym koncie. Folder zostaje zapisany w
lobsite.toml, więc kolejne wdrożenia trafiają na tę samą stronę.
Ustawienia Eleventy ważne w Lobsite
// eleventy.config.js
export default function (eleventyConfig) {
eleventyConfig.addPassthroughCopy("img");
eleventyConfig.addPassthroughCopy("css");
}
export const config = {
dir: { input: "src", output: "_site" },
};
- Passthrough copy to sposób, w jaki obrazy, fonty i CSS trafiają do
_site/. Plik, który nie jest szablonem i nie jest kopiowany, nie zostanie wdrożony, więc jeśli czegoś brakuje na działającej stronie, najpierw sprawdź, czy jest w_site/. pathPrefixzostaje na/: strona jest serwowana od początku swojego adresu.- Folder wyjściowy może zostać
_site. Jeśli go zmienisz, podaj folder raz (npx lobsite ./dist), a zostanie zapamiętany wlobsite.toml.
Permalinki, obrazy i nieaktualne pliki
Eleventy zapisuje about.md jako about/index.html, który otwiera się pod /about/; permalink kończący się na .html otwiera się bez rozszerzenia. Obrazy przetworzone przez @11ty/eleventy-img powstają podczas builda, więc wdrażają się jak każdy inny plik, a niezmienione obrazy nie są wysyłane ponownie. Jak większość generatorów, Eleventy nie czyści _site/ przed buildem: przemianowana strona zostawia swój stary plik. Usuń _site/ przed buildem (wiele starterów robi to w skrypcie build), aby wdrożyć tylko aktualne strony.
Pliki są przechowywane według hasha. Ponowne wdrożenie niezmienionej strony wgrywa 0 bajtów.
Podgląd przed publikacją. Wycofanie jednym kliknięciem, razem z przekierowaniami.
Każda strona dostaje adres *.lobsite.app z HTTPS od pierwszego wdrożenia.
Skieruj formularz na /_lobsite/forms/contact. Filtr spamu w zestawie.
Wdrożenie bez konta działa przez 6 godzin. Link do przejęcia pozwala je zatrzymać, za darmo.
Przekierowania, nagłówki i formularze są w lobsite.toml i wędrują z każdym wdrożeniem.
Porównanie hostingów dla Eleventy
| Lobsite | Netlify | Cloudflare Pages | GitHub Pages | |
|---|---|---|---|---|
| Buduje Eleventy za Ciebie | Nie: wdrażasz _site/ |
Tak | Tak | W GitHub Actions |
| Konto przed pierwszym wdrożeniem | Nie: 6 godzin online, potem zachowaj za darmo | Tak | Tak | Tak, i repozytorium |
| Wysyłane tylko zmienione pliki | Tak | Tak | Tak | Przez Git |
| URL podglądu dla każdego wdrożenia | Tak | Tak | Tak | Nie |
| Formularze bez backendu | Tak, gdy strona jest na koncie | Tak | Nie | Nie |
| Własna domena | Tak, za darmo | Tak | Tak | Tak |
Netlify od dawna jest domyślnym domem stron Eleventy i buduje z Gita. Lobsite pasuje, gdy budujesz lokalnie lub w CI i chcesz mieć wynik online jednym poleceniem, z terminala lub przez agenta AI, bez żadnej konfiguracji.
Najczęstsze pytania
Czy 11ty to to samo co Eleventy?
Tak. 11ty to krótka nazwa Eleventy, a pakiet to @11ty/eleventy. Wszystko na tej stronie dotyczy obu nazw.
Dlaczego na wdrożonej stronie Eleventy brakuje moich obrazów?
Prawdopodobnie nie ma ich w _site/. Dodaj passthrough copy dla folderu (eleventyConfig.addPassthroughCopy("img")), zbuduj ponownie i wdróż.
Czy renderowanie serverless lub edge z Eleventy działa w Lobsite?
Nie. Lobsite serwuje pliki z _site/; funkcje renderujące strony przy każdym żądaniu wymagają hostingu, który uruchamia funkcje. Strony zbudowane z wyprzedzeniem, czyli większość stron Eleventy, działają wszystkie.
Czy mogę dać mojej stronie Eleventy własną stronę 404?
Tak. Utwórz szablon z permalink: 404.html; Lobsite serwuje go ze statusem 404 dla każdego nieistniejącego adresu.