Цифровой садик - приветственная

Цифровой садик - приветственная | Полный список всего, что тут есть | RSS | Подписаться через follow.it

12.03.2023

eleventy

Насоветовали как очень гибкую штуку. И кажется, я склонна согласиться. Напоминает https://thewml.github.io/, тока помладше, на другом языке, всё вот это.

Пока у себя решила только задачу переноса содержимого (не этого сайта ;)), с тем, чтоб потом смотреть, как добавлять новое.

Это JavaScript как язык общего назначения в первую очередь.

Установка

Уже должен быть установленный npm, и это у меня есть.

Дальше настоятельно советуют ставить eleventy в проект, а не глобально. Прям слегка непривычно. :)

npm init -y
npm install @11ty/eleventy --save-dev

В результате образуется папка node_modules и файлы package.json, package-lock.json.

Всё, можно начинать пользоваться, а для начала проверить:

npx @11ty/eleventy

По идее, в пустой папке должно отрапортовать что-то типа [11ty] Wrote 0 files in 0.07 seconds (v2.0.0).

В целом эта команда для того, чтоб сделать сайт из материалов. npx @11ty/eleventy --serve ещё и запустит сервер на localhost:8080, где можно будет посмотреть результаты.

Тупо перенести существующие файлы, чтоб теперь они были в eleventy

Завела рядом с package.json файл .eleventy.js. В него:

module.exports = function(eleventyConfig) {
    eleventyConfig.addPassthroughCopy("_src");
};

, предполагая, что собственно содержимое сайта в подкаталоге _src. https://www.11ty.dev/docs/copy/

И тогда даж ничего не обрабатывается. Правда, чтоб всё-таки был какой-то интерес в использовании eleventy, придётся копировать более выборочно. По подпапкам, по расширениям (eleventyConfig.addPassthroughCopy("\*.jpeg");, экранировала тут, чтоб полужирным не выделялось, в конфиге это не надо)…

Permalink

Если до html-файлов таки добирается их обработчик по умолчанию - liquid, то условный файл history.html превращался в history/index.html. Что, может, и идейно правильно, но я бы предпочла оставить, как было :)

Это решилось пока только через добавление в начало копируемого файла

---
permalink: "history.html"
---

(или какое там мне нужно название). https://www.11ty.dev/docs/permalinks/

Может, более изящные способы и есть, но я их пока не знаю. Возможно, альтернатива templateEngineOverride: false там же, но это мне влом проверять.

Теперь надо будет помаленьку разбираться, что можно делать сверх существующего :)

Про запас

Ярлыки: juststarted

Если у вас есть мысли, комментарии, предложения или отклики по поводу этой страницы или этого цифрового сада в целом, напишите мне сообщение через Яндекс.Форму или на agnessa@agnessa.pp.ru. Мне ооочень интересно!

Задонатить.


An IndieWeb Webring 🕸💍