Eleventy (11ty) nimmt deine Vorlagen und dein Markdown und schreibt schlichtes HTML nach _site/, ohne clientseitiges Framework, solange du keins hinzufügst. Ein Ordner mit schlichten Dateien ist am einfachsten zu hosten: Führe den Build aus, dann npx lobsite, und die Website ist unter einer *.lobsite.app-Adresse mit HTTPS live. Du kannst _site/ auch in das Feld oben ziehen.
So funktioniert es
- Bau die Website mit
npx @11ty/eleventy(oder deinemnpm run build). Eleventy schreibt sie nach_site/. - Führe
npx lobsiteaus im Projekt. Es findet_site/und deployt ihn. Das erste Deploy braucht kein Konto und hält 6 Stunden. - Behalte sie mit dem Übernahme-Link, in einem kostenlosen Konto. Der Ordner wird in
lobsite.tomlgespeichert, damit spätere Deploys auf dieselbe Website gehen.
Eleventy-Einstellungen, die auf Lobsite zählen
// eleventy.config.js
export default function (eleventyConfig) {
eleventyConfig.addPassthroughCopy("img");
eleventyConfig.addPassthroughCopy("css");
}
export const config = {
dir: { input: "src", output: "_site" },
};
- Passthrough Copy bringt Bilder, Schriften und CSS nach
_site/. Eine Datei, die keine Vorlage ist und nicht kopiert wird, wird nicht deployt; fehlt also etwas auf der Live-Website, prüfe zuerst, ob es in_site/liegt. pathPrefixbleibt bei/: Die Website wird ab der Wurzel ihrer Adresse ausgeliefert.- Der Ausgabeordner kann
_sitebleiben. Änderst du ihn, gib den Ordner einmal an (npx lobsite ./dist), und er wird inlobsite.tomlgespeichert.
Permalinks, Bilder und veraltete Dateien
Eleventy schreibt about.md als about/index.html, das sich unter /about/ öffnet; ein Permalink mit .html am Ende öffnet sich ohne die Endung. Von @11ty/eleventy-img verarbeitete Bilder entstehen beim Build und werden wie jede andere Datei deployt, unveränderte Bilder werden nicht erneut hochgeladen. Wie die meisten Generatoren leert Eleventy _site/ vor einem Build nicht: Eine umbenannte Seite hinterlässt ihre alte Datei. Lösche _site/ vor dem Build (viele Starter tun das im build-Skript), um nur die aktuellen Seiten zu deployen.
Dateien werden nach ihrem Hash gespeichert. Ein erneutes Deploy einer unveränderten Website lädt 0 Bytes hoch.
Vorschau ansehen, bevor es live geht. Mit einem Klick zurückrollen, samt Weiterleitungen.
Jede Website bekommt ab dem ersten Deploy eine *.lobsite.app-Adresse mit HTTPS.
Lass ein Formular auf /_lobsite/forms/contact zeigen. Spamfilter inklusive.
Ein Deploy ohne Konto ist 6 Stunden live. Mit dem Übernahme-Link behältst du es, kostenlos.
Weiterleitungen, Header und Formulare stehen in lobsite.toml und reisen mit jedem Deploy mit.
Eleventy-Hoster im Vergleich
| Lobsite | Netlify | Cloudflare Pages | GitHub Pages | |
|---|---|---|---|---|
| Baut Eleventy für dich | Nein: du deployst _site/ |
Ja | Ja | In GitHub Actions |
| Konto vor dem ersten Deploy | Nein: 6 Stunden live, dann kostenlos behalten | Ja | Ja | Ja, und ein Repository |
| Nur geänderte Dateien werden hochgeladen | Ja | Ja | Ja | Über Git |
| Vorschau-URL für jedes Deploy | Ja | Ja | Ja | Nein |
| Formulare ohne Backend | Ja, sobald die Website in einem Konto ist | Ja | Nein | Nein |
| Eigene Domain | Ja, kostenlos | Ja | Ja | Ja |
Netlify ist seit Langem das Standard-Zuhause für Eleventy-Websites und baut aus Git. Lobsite passt zu dir, wenn du lokal oder in CI baust und das Ergebnis mit einem Befehl online haben willst, aus einem Terminal oder von einem KI-Agenten, ohne etwas zu konfigurieren.
Häufige Fragen
Ist 11ty dasselbe wie Eleventy?
Ja. 11ty ist der Kurzname von Eleventy, und das Paket heißt @11ty/eleventy. Alles auf dieser Seite gilt für beide Namen.
Warum fehlen meine Bilder auf der deployten Eleventy-Website?
Wahrscheinlich liegen sie nicht in _site/. Füge für den Ordner eine Passthrough Copy hinzu (eleventyConfig.addPassthroughCopy("img")), baue neu und deploye.
Funktioniert Eleventys Serverless- oder Edge-Rendering auf Lobsite?
Nein. Lobsite liefert die Dateien in _site/ aus; Funktionen, die Seiten pro Anfrage rendern, brauchen einen Hoster, der Functions ausführt. Vorab gebaute Seiten, also die meisten Eleventy-Websites, funktionieren alle.
Kann ich meiner Eleventy-Website eine eigene 404-Seite geben?
Ja. Erstelle eine Vorlage mit permalink: 404.html; Lobsite liefert sie mit Status 404 für jede Adresse aus, die es nicht gibt.