Eleventy (11ty) перетворює ваші шаблони й Markdown на звичайний HTML у _site/, без клієнтського фреймворку, якщо ви його не додали. Папку звичайних файлів найпростіше розмістити: виконайте збірку, потім npx lobsite — і сайт доступний за адресою *.lobsite.app з HTTPS. Також можна перетягнути _site/ у поле вище.
Як це працює
- Зберіть сайт командою
npx @11ty/eleventy(або вашоюnpm run build). Eleventy запише його в_site/. - Виконайте
npx lobsiteу проєкті. Команда знайде_site/і розгорне її. Перше розгортання не потребує облікового запису й діє 6 годин. - Збережіть сайт за посиланням для збереження в безкоштовному обліковому записі. Папка зберігається в
lobsite.toml, тому наступні розгортання оновлюють той самий сайт.
Налаштування Eleventy, важливі на Lobsite
// eleventy.config.js
export default function (eleventyConfig) {
eleventyConfig.addPassthroughCopy("img");
eleventyConfig.addPassthroughCopy("css");
}
export const config = {
dir: { input: "src", output: "_site" },
};
- Passthrough copy переносить зображення, шрифти й CSS до
_site/. Файл, який не є шаблоном і не копіюється, не буде розгорнуто, тому якщо чогось бракує на опублікованому сайті, спершу перевірте наявність у_site/. pathPrefixзалишається/: сайт віддається з кореня адреси.- Вихідну папку можна залишити
_site. Якщо зміните її, один раз укажіть папку (npx lobsite ./dist), і вона збережеться вlobsite.toml.
Постійні посилання, зображення й застарілі файли
Eleventy записує about.md як about/index.html, що відкривається за /about/; постійне посилання з .html відкривається без розширення. Зображення, оброблені @11ty/eleventy-img, записуються під час збірки, тому розгортаються як інші файли, а незмінені зображення не завантажуються знову. Як і більшість генераторів, Eleventy не очищає _site/ перед збіркою: перейменована сторінка залишає старий файл. Видаляйте _site/ перед збіркою (багато стартових проєктів роблять це в скрипті build), щоб розгортати лише поточні сторінки.
Файли зберігаються за хешем. Повторне розгортання незміненого сайту завантажує 0 байтів.
Перегляньте перед публікацією. Відкотіть одним натисканням разом із перенаправленнями.
Кожен сайт отримує адресу *.lobsite.app із HTTPS від першого розгортання.
Спрямуйте форму на /_lobsite/forms/contact. Фільтрація спаму включена.
Сайт без облікового запису працює 6 годин. Посилання для збереження дозволяє залишити його безкоштовно.
Перенаправлення, заголовки та форми зберігаються в lobsite.toml і супроводжують кожне розгортання.
Порівняння хостингів Eleventy
| Lobsite | Netlify | Cloudflare Pages | GitHub Pages | |
|---|---|---|---|---|
| Збирає Eleventy за вас | Ні: ви розгортаєте _site/ |
Так | Так | У GitHub Actions |
| Обліковий запис перед першим розгортанням | Ні: працює 6 годин, потім можна зберегти безкоштовно | Так | Так | Так, і репозиторій |
| Завантажуються лише змінені файли | Так | Так | Так | Через Git |
| URL перегляду для кожного розгортання | Так | Так | Так | Ні |
| Форми без бекенду | Так, після додавання сайту до облікового запису | Так | Ні | Ні |
| Власний домен | Так, безкоштовно | Так | Так | Так |
Netlify давно є звичним хостингом сайтів Eleventy та збирає з Git. Lobsite підходить, коли ви збираєте локально чи в CI та хочете опублікувати результат однією командою з термінала або через AI-агента без налаштувань.
Поширені запитання
Чи 11ty — це те саме, що Eleventy?
Так. 11ty — скорочена назва Eleventy, а пакет називається @11ty/eleventy. Усе на цій сторінці стосується обох назв.
Чому на розгорнутому сайті Eleventy немає зображень?
Найімовірніше, їх немає в _site/. Додайте наскрізне копіювання папки (eleventyConfig.addPassthroughCopy("img")), зберіть і розгорніть знову.
Чи працює безсерверний або крайовий рендеринг Eleventy на Lobsite?
Ні. Lobsite віддає файли з _site/; функції, які генерують сторінки на запит, потребують хостингу з виконанням функцій. Попередньо зібрані сторінки, а це більшість сайтів Eleventy, працюють усі.
Чи можна додати власну сторінку 404 до сайту Eleventy?
Так. Створіть шаблон із permalink: 404.html; Lobsite віддаватиме його зі статусом 404 для будь-якої адреси, якої не існує.