Eleventy (11ty) mengambil template dan Markdown Anda lalu menulis HTML biasa ke _site/, tanpa framework sisi klien kecuali Anda menambahkannya. Folder berisi file biasa adalah hal termudah untuk di-host: jalankan build, lalu npx lobsite, dan situs aktif di alamat *.lobsite.app dengan HTTPS. Anda juga dapat meletakkan _site/ di kotak di atas.
Cara kerjanya
- Build situs dengan
npx @11ty/eleventy(ataunpm run buildAnda). Eleventy menulisnya ke_site/. - Jalankan
npx lobsitedi proyek. Perintah ini menemukan_site/dan melakukan deploy. Deploy pertama tidak memerlukan akun dan bertahan 6 jam. - Simpan dengan tautan klaim, di akun gratis. Folder disimpan di
lobsite.toml, sehingga deploy berikutnya menuju situs yang sama.
Pengaturan Eleventy yang penting di Lobsite
// eleventy.config.js
export default function (eleventyConfig) {
eleventyConfig.addPassthroughCopy("img");
eleventyConfig.addPassthroughCopy("css");
}
export const config = {
dir: { input: "src", output: "_site" },
};
- Passthrough copy adalah cara gambar, font, dan CSS mencapai
_site/. File yang bukan template dan tidak disalin tidak akan di-deploy, jadi jika ada yang hilang di situs aktif, periksa dulu apakah ada di_site/. pathPrefixtetap/: situs disajikan dari tingkat atas alamatnya.- Folder keluaran dapat tetap
_site. Jika Anda mengubahnya, berikan foldernya sekali (npx lobsite ./dist) dan akan diingat dilobsite.toml.
Permalink, gambar, dan file usang
Eleventy menulis about.md sebagai about/index.html, yang terbuka di /about/; permalink yang berakhiran .html terbuka tanpa ekstensi. Gambar yang diproses @11ty/eleventy-img ditulis selama build, sehingga di-deploy seperti file lain, dan gambar yang tidak berubah tidak diunggah lagi. Seperti kebanyakan generator, Eleventy tidak mengosongkan _site/ sebelum build: halaman yang Anda ganti namanya meninggalkan file lamanya. Hapus _site/ sebelum build (banyak starter melakukannya di skrip build) untuk hanya melakukan deploy halaman saat ini.
File disimpan berdasarkan hash-nya. Deploy ulang situs yang tidak berubah mengunggah 0 byte.
Pratinjau sebelum tayang. Rollback dengan satu klik, termasuk pengalihan.
Setiap situs mendapat alamat *.lobsite.app dengan HTTPS sejak deploy pertama.
Arahkan formulir ke /_lobsite/forms/contact. Termasuk penyaringan spam.
Deploy tanpa akun aktif selama 6 jam. Tautan klaim menyimpannya, gratis.
Pengalihan, header, dan formulir ada di lobsite.toml dan ikut bersama setiap deploy.
Perbandingan host Eleventy
| Lobsite | Netlify | Cloudflare Pages | GitHub Pages | |
|---|---|---|---|---|
| Membuat Eleventy untuk Anda | Tidak: Anda deploy _site/ |
Ya | Ya | Di GitHub Actions |
| Akun sebelum deploy pertama | Tidak: aktif 6 jam, lalu simpan gratis | Ya | Ya | Ya, dan repositori |
| Hanya file berubah yang diunggah | Ya | Ya | Ya | Melalui Git |
| URL pratinjau untuk setiap deploy | Ya | Ya | Ya | Tidak |
| Formulir tanpa backend | Ya, setelah situs ada di akun | Ya | Tidak | Tidak |
| Domain kustom | Ya, gratis | Ya | Ya | Ya |
Netlify sudah lama menjadi rumah bawaan situs Eleventy, dan melakukan build dari Git. Lobsite cocok jika Anda build secara lokal atau di CI dan ingin hasilnya online dengan satu perintah, dari terminal atau agen AI, tanpa konfigurasi.
Pertanyaan umum
Apakah 11ty sama dengan Eleventy?
Ya. 11ty adalah nama pendek Eleventy, dan paketnya @11ty/eleventy. Semua di halaman ini berlaku untuk kedua nama.
Mengapa gambar saya hilang di situs Eleventy yang di-deploy?
Kemungkinan tidak ada di _site/. Tambahkan passthrough copy untuk folder (eleventyConfig.addPassthroughCopy("img")), build lagi, dan lakukan deploy.
Apakah render serverless atau edge Eleventy berfungsi di Lobsite?
Tidak. Lobsite menyajikan file di _site/; fitur yang merender halaman per permintaan memerlukan host yang menjalankan fungsi. Halaman yang dibuat sebelumnya, seperti kebanyakan situs Eleventy, semuanya berfungsi.
Bisakah saya memberi situs Eleventy halaman 404 kustom?
Ya. Buat template dengan permalink: 404.html; Lobsite menyajikannya dengan status 404 untuk alamat yang tidak ada.