Як зробити сайт без движка вивчаємо lektor

Якщо ти зібрався зробити невеликий сайт або завести блог, не поспішай будувати в голові схему з десятка різних технологій. Можливо, все, що тобі потрібно, - це містечко для статичних сторінок з доступом по FTP. Спеціальна CMS буде робити всю роботу на твоєму комп'ютері, а ти зможеш створювати і редагувати пости як звичайні текстові файли, що лежать диску.

Як людині, який застав примітивний веб-дизайн дев'яностих, мені дивно бачити, що тепер для будь-якого сайту ставлять повноцінний движок. WordPress, Drupal, Joomla та інші популярні CMS розраховані на тисячі сторінок і підтримку ресурсу силами цілої команди. Але найчастіше їх використовують, щоб зробити персональний блог або навіть сайт-візитку. Чи варто городити город, якщо все, що нам потрібно - це публікувати статичний контент?

Якщо позбутися від движка і класти на сервер тільки HTML, то це значно знизить споживання ресурсів, зробить сайт швидше, ну і, звичайно, спростить (вірніше, скасує) настройку і оновлення серверного софта. Можна буде спокійно переходити на хостинг простіше і економити гроші, а в разі чого в момент мігрувати на інший майданчик. Ну і, звичайно, такий сайт неможливо буде зламати, адже зламувати в ньому нічого.

Якщо ти раптом подумав, що я пропоную тобі уподібнитися печерним людям і вручну робити кожен .html, то ти помиляєшся. Сучасний спосіб інший: запустити CMS на локальній машині, а на сервер викладати тільки статичні файли. Це залишає можливість користуватися шаблонізатором: якщо тобі знадобиться поміняти щось в темі, то правити кожну сторінку не доведеться.

Генератори статичних сайтів можуть взяти на себе і такі речі, як пагінацію, автоматичне створення головної сторінки і сторінок рубрик, сортування, а також багато інших штуки, які зазвичай реалізуються за допомогою динамічних двигунів.

Тут же ми розглянемо роботу з движком Lektor. який написаний на Python і поєднує в собі простоту, зручність і розширюваність, а також володіє вебовой адмінкой. Запустивши локальний сервер, ти зможеш переглядати і редагувати сайт так, ніби ти працюєш з повноцінною CMS. Закінчивши редагувати, ти однією командою зможеш синхронізувати зміни з копією на сервері.

ставимо Lektor

Команда установки Lektor написана прямо на головній сторінці сайту. Якщо у тебе macOS або Linux, то ти можеш просто скопіювати її в командний рядок і запустити:

Аналогічна команда є і для Windows, вона помітно довше.

Як зробити сайт без движка вивчаємо lektor
Девіз Lektor: «Реалізувати ідеї просто, як посмажити яйце», звідси і яєчня на головній сторінці

Ще тобі потрібно переконатися, що в системі є Python 2.x і бібліотека Imagemagick. В Ubuntu все залежності ставляться однією командою:

У Windows і macOS для установки Imagemagick тобі спочатку знадобиться поставити пакетний менеджер - Chocolatey або Homebrew відповідно. До речі, для macOS у Lektor є десктопних програм. яка сама встановить тобі утиліти командного рядка - потрібно лише вибрати пункт меню Install Shell Command.

Якщо ж ти збираєшся модифікувати сам Lektor, то розробники рекомендують ставити версію з GitHub і створити віртуальне оточення (в інших випадках воно не потрібно). Керівництво ти знайдеш на сторінці проекту.

Розбираємо простий проект

Щоб не створювати каталоги і основні файли вручну, скористаємося функцією створення типового проекту з набором стандартних елементів. Для цього відкриваємо термінал, переходимо в папку, де буде лежати проект, і пишемо

Тобі поставлять кілька запитань: як буде називатися проект, як написати твоє ім'я, який каталог використовувати і створити чи шаблон для блогу.

Як зробити сайт без движка вивчаємо lektor

В останньому випадку до тестового проекту буде додано сторінку з постами і шаблон для них. Рекомендую погодитися - зайві приклади не зашкодять.

Сайт getlektor.com - відмінне посібник з Lektor відразу в двох сенсах: по-перше, там є документація, по-друге, цей сайт сам зроблений на Lektor і в ньому використані деякі неочевидні трюки. Так що в його исходниках завжди можна що-небудь підглянути.

Ось, як буде виглядати тестова сторінка.

Як зробити сайт без движка вивчаємо lektor

Як зробити сайт без движка вивчаємо lektor


Продовження статті є тільки передплатникам

Підпишись на журнал «Хакер» за вигідною ціною!

Схожі статті