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 и хотите получить результат онлайн одной командой — из терминала или через ИИ-агента, ничего не настраивая.
Частые вопросы
11ty — это то же самое, что Eleventy?
Да. 11ty — короткое название Eleventy, а пакет называется @11ty/eleventy. Всё на этой странице относится к обоим названиям.
Почему на задеплоенном сайте Eleventy нет моих изображений?
Скорее всего, их нет в _site/. Добавьте passthrough copy для папки (eleventyConfig.addPassthroughCopy("img")), пересоберите и задеплойте.
Работает ли serverless- или edge-рендеринг Eleventy в Lobsite?
Нет. Lobsite отдаёт файлы из _site/; возможностям, которые рендерят страницы на каждый запрос, нужен хостинг с функциями. Заранее собранные страницы — а это большинство сайтов на Eleventy — работают все.
Можно ли сделать для сайта на Eleventy свою страницу 404?
Да. Создайте шаблон с permalink: 404.html; Lobsite отдаёт его со статусом 404 для любого несуществующего адреса.