Eleventy (11ty) şablonlarınızı ve Markdown'unuzu alıp _site/ içine düz HTML yazar; siz eklemedikçe istemci tarafında bir framework yoktur. Düz dosyalardan oluşan bir klasör, barındırması en kolay şeydir: derlemeyi çalıştırın, ardından npx lobsite; site HTTPS'li bir *.lobsite.app adresinde yayında olur. _site/ klasörünü yukarıdaki kutuya da bırakabilirsiniz.
Nasıl çalışır
- Siteyi
npx @11ty/eleventy(ya da kendinpm run buildkomutunuz) ile derleyin. Eleventy onu_site/içine yazar. - Projede
npx lobsiteçalıştırın._site/klasörünü bulur ve deploy eder. İlk deploy hesap gerektirmez ve 6 saat sürer. - Siteyi sahiplenme bağlantısıyla ücretsiz bir hesapta koruyun. Klasör
lobsite.tomliçine kaydedilir, böylece sonraki deploy'lar aynı siteye gider.
Lobsite'ta önemli olan Eleventy ayarları
// eleventy.config.js
export default function (eleventyConfig) {
eleventyConfig.addPassthroughCopy("img");
eleventyConfig.addPassthroughCopy("css");
}
export const config = {
dir: { input: "src", output: "_site" },
};
- Passthrough copy, görsellerin, yazı tiplerinin ve CSS'in
_site/içine ulaşma yoludur. Şablon olmayan ve kopyalanmayan bir dosya deploy edilmez; yayındaki sitede bir şey eksikse önce_site/içinde olup olmadığını kontrol edin. pathPrefix/olarak kalır: site, adresinin kökünden sunulur.- Çıktı klasörü
_siteolarak kalabilir. Değiştirirseniz klasörü bir kez belirtin (npx lobsite ./dist),lobsite.tomliçinde hatırlanır.
Kalıcı bağlantılar, görseller ve eski dosyalar
Eleventy, about.md dosyasını /about/ adresinde açılan about/index.html olarak yazar; .html ile biten bir kalıcı bağlantı uzantısız açılır. @11ty/eleventy-img ile işlenen görseller derleme sırasında yazılır, yani diğer dosyalar gibi deploy edilir; değişmeyen görseller yeniden yüklenmez. Çoğu üretici gibi Eleventy de derlemeden önce _site/ klasörünü boşaltmaz: adını değiştirdiğiniz bir sayfa eski dosyasını geride bırakır. Yalnızca güncel sayfaları deploy etmek için derlemeden önce _site/ klasörünü silin (birçok başlangıç şablonu bunu build betiğinde yapar).
Dosyalar hash'lerine göre saklanır. Değişmemiş bir siteyi yeniden deploy etmek 0 bayt yükler.
Yayına almadan önce önizleyin. Yönlendirmeler dahil tek tıkla geri alın.
Her site ilk deploy'dan itibaren HTTPS'li bir *.lobsite.app adresi alır.
Bir formu /_lobsite/forms/contact adresine yönlendirin. Spam filtresi dahil.
Hesapsız bir deploy 6 saat yayında kalır. Sahiplenme bağlantısı onu ücretsiz olarak korur.
Yönlendirmeler, başlıklar ve formlar lobsite.toml içinde durur ve her deploy ile birlikte gider.
Eleventy barındırma hizmetleri karşılaştırması
| Lobsite | Netlify | Cloudflare Pages | GitHub Pages | |
|---|---|---|---|---|
| Eleventy'yi sizin için derler | Hayır: _site/ klasörünü deploy edersiniz |
Evet | Evet | GitHub Actions içinde |
| İlk deploy'dan önce hesap | Hayır: 6 saat yayında, sonra ücretsiz koruyun | Evet | Evet | Evet, ve bir depo |
| Yalnızca değişen dosyalar yüklenir | Evet | Evet | Evet | Git üzerinden |
| Her deploy için önizleme URL'si | Evet | Evet | Evet | Hayır |
| Backend'siz formlar | Evet, site bir hesaptayken | Evet | Hayır | Hayır |
| Özel alan adı | Evet, ücretsiz | Evet | Evet | Evet |
Netlify uzun zamandır Eleventy sitelerinin varsayılan yuvasıdır ve Git'ten derler. Lobsite ise yerelde veya CI'da derleyip sonucu bir terminalden ya da bir yapay zekâ ajanından, hiçbir şey yapılandırmadan tek komutla yayına almak istediğinizde size uyar.
Sık sorulan sorular
11ty ile Eleventy aynı şey mi?
Evet. 11ty, Eleventy'nin kısa adıdır ve paketin adı @11ty/eleventy şeklindedir. Bu sayfadaki her şey iki ad için de geçerlidir.
Deploy edilen Eleventy sitemde görseller neden eksik?
Muhtemelen _site/ içinde değiller. Klasör için bir passthrough copy ekleyin (eleventyConfig.addPassthroughCopy("img")), yeniden derleyin ve deploy edin.
Eleventy'nin serverless veya edge oluşturması Lobsite'ta çalışır mı?
Hayır. Lobsite _site/ içindeki dosyaları sunar; sayfaları her istekte oluşturan özellikler fonksiyon çalıştıran bir barındırma gerektirir. Önceden derlenen sayfalar, yani Eleventy sitelerinin çoğu, sorunsuz çalışır.
Eleventy siteme özel bir 404 sayfası verebilir miyim?
Evet. permalink: 404.html içeren bir şablon oluşturun; Lobsite onu var olmayan her adres için 404 durumuyla sunar.