Eleventy (11ty) tar malene og Markdown-en din og skriver ren HTML til _site/, uten rammeverk på klientsiden med mindre du legger til ett. En mappe med vanlige filer er det enkleste som finnes å hoste: kjør bygget, så npx lobsite, og nettstedet er live på en *.lobsite.app-adresse med HTTPS. Du kan også slippe _site/ i boksen over.
Slik fungerer det
- Bygg nettstedet med
npx @11ty/eleventy(eller dinnpm run build). Eleventy skriver det til_site/. - Kjør
npx lobsitei prosjektet. Den finner_site/og deployer den. Første deploy trenger ingen konto og varer i 6 timer. - Behold det med krav-lenken, i en gratis konto. Mappen lagres i
lobsite.toml, så senere deployer går til samme nettsted.
Eleventy-innstillinger som betyr noe på Lobsite
// eleventy.config.js
export default function (eleventyConfig) {
eleventyConfig.addPassthroughCopy("img");
eleventyConfig.addPassthroughCopy("css");
}
export const config = {
dir: { input: "src", output: "_site" },
};
- Passthrough copy er hvordan bilder, fonter og CSS havner i
_site/. En fil som verken er en mal eller kopieres, blir ikke deployet, så hvis noe mangler på det live nettstedet, sjekk først at det ligger i_site/. pathPrefixblir stående på/: nettstedet leveres fra roten av adressen sin.- Utdatamappen kan fortsatt hete
_site. Endrer du den, oppgi mappen én gang (npx lobsite ./dist), så huskes den ilobsite.toml.
Permalenker, bilder og utdaterte filer
Eleventy skriver about.md som about/index.html, som åpnes på /about/; en permalenke som slutter på .html, åpnes uten filendelsen. Bilder som @11ty/eleventy-img behandler, skrives under bygget, så de deployes som alle andre filer, og uendrede bilder lastes ikke opp på nytt. Som de fleste generatorer tømmer ikke Eleventy _site/ før et bygg: en side du har gitt nytt navn, etterlater den gamle filen. Slett _site/ før bygging (mange startere gjør det i build-skriptet) for å deploye bare de nåværende sidene.
Filer lagres etter hash. Å deploye et uendret nettsted på nytt laster opp 0 byte.
Forhåndsvis før du går live. Rull tilbake med ett klikk, inkludert videresendinger.
Hvert nettsted får en *.lobsite.app-adresse med HTTPS fra første deploy.
Pek et skjema mot /_lobsite/forms/contact. Spamfilter inkludert.
En deploy uten konto er live i 6 timer. Med krav-lenken beholder du den, gratis.
Videresendinger, headere og skjemaer ligger i lobsite.toml og følger med hver deploy.
Eleventy-verter sammenlignet
| Lobsite | Netlify | Cloudflare Pages | GitHub Pages | |
|---|---|---|---|---|
| Bygger Eleventy for deg | Nei: du deployer _site/ |
Ja | Ja | I GitHub Actions |
| Konto før første deploy | Nei: live i 6 timer, så behold det gratis | Ja | Ja | Ja, og et repository |
| Bare endrede filer lastes opp | Ja | Ja | Ja | Via Git |
| Forhåndsvisnings-URL for hver deploy | Ja | Ja | Ja | Nei |
| Skjemaer uten backend | Ja, når nettstedet er i en konto | Ja | Nei | Nei |
| Eget domene | Ja, gratis | Ja | Ja | Ja |
Netlify har lenge vært standardhjemmet for Eleventy-nettsteder, og bygger fra Git. Lobsite passer når du bygger lokalt eller i CI og vil ha resultatet online med én kommando, fra en terminal eller en KI-agent, uten noe å konfigurere.
Ofte stilte spørsmål
Er 11ty det samme som Eleventy?
Ja. 11ty er Eleventys korte navn, og pakken heter @11ty/eleventy. Alt på denne siden gjelder begge navnene.
Hvorfor mangler bildene mine på det deployede Eleventy-nettstedet?
De ligger sannsynligvis ikke i _site/. Legg til en passthrough copy for mappen (eleventyConfig.addPassthroughCopy("img")), bygg på nytt og deploy.
Fungerer Eleventys serverless- eller edge-rendering på Lobsite?
Nei. Lobsite leverer filene i _site/; funksjoner som renderer sider per forespørsel, trenger en vert som kjører funksjoner. Sider som er bygget på forhånd, altså de fleste Eleventy-nettsteder, fungerer alle.
Kan jeg gi Eleventy-nettstedet mitt en egen 404-side?
Ja. Lag en mal med permalink: 404.html; Lobsite leverer den med status 404 for alle adresser som ikke finnes.