У цій статті познайомлю вас з Jekyll — генератором статичних веб-сайтів. Розкажу як з ним працювати: встановити Jekyll в Debian Linux, підібрати вдалий шаблон та створити свій перший сайт на Jekyll.
Що таке Jekyll?
Jekyll — це безкоштовний фреймворк для створення статичних веб-сторінок, сайтів, розроблений у 2008 році засновником GitHub та Gravatar — Томом Престоном Вернером. Працює на движку Ruby.
З допомогою Jekyll можна створити повністю статичний і функціональний веб-сайт, готовий до обслуговування веб-серверами Apache та Nginx. Оскільки Jekyll є лише генератором, він не використовує бази даних для динамічного створення сторінок. Натомість підтримує завантаження вмісту з файлів YAML, JSON, CSV, TSV. У якості верстки використовується веб-розмітка Markdown, Textile, Liquid, HTML. Також підтримується Bootstrap.
Jekyll чудово інтегрується з безкоштовним хостингом GitHub Pages, а також хмарними CMS-системами: CloudCannon, Forestry, Netlify або Siteleaf, що дозволяє редакторам вмісту змінювати вміст сайту, не вміючи кодувати.
Філософія Jekyll:
Джекіл робить те, що ви йому скажете — ні більше, ні менше. Він не намагається перехитрити користувачів, і не обтяжує їх непотрібною складністю та конфігурацією. Простіше кажучи, Джекіл прокладає вам шлях і дозволяє зосередитися на тому, що дійсно важливо: на вашому контенті.
Встановлення Jekyll на Debian
1. Встановлення Ruby:
sudo apt-get install ruby-full build-essential zlib1g-dev
2. Додати розташування службових директорій:
echo ‘# Install Ruby Gems to ~/gems’ >> ~/.bashrc echo ‘export GEM_HOME=”$HOME/gems”’ >> ~/.bashrc echo ‘export PATH=”$HOME/gems/bin:$PATH”’ >> ~/.bashrc source ~/.bashrc
3. Тепер встановлюємо сам Jekyll і Bundler до нього:
sudo gem install jekyll bundler
4. Генеруємо статичний сайт:
jekyll new website cd website
5. Встановлюємо необхідні пакети:
bundle config set — local path ‘vendor/bundle’ sudo bundle add webrick #необхідний компонент, якого чомусь немає в пакеті, як кажуть розробники вони вже додали його. але помилка все одно вилазить sudo bundle install
6. Запуск локального сервера Jekyll на localhost:4000
sudo bundle exec jekyll serve
Шаблони сайтів для Jekyll (вибірка)
- https://github.com/ColeTownsend/Balzac-for-Jekyll
- https://github.com/pages-themes/leap-day
- https://pages-themes.github.io/leap-day/
- https://github.com/amiechen/codrops-oasis
- https://github.com/daattali/beautiful-jekyll
- https://beautifuljekyll.com/
- https://learn-the-web.algonquindesign.ca/topics/jekyll/
- https://www.smashingmagazine.com/2014/08/build-blog-jekyll-github-pages/
- https://jamstackthemes.dev/ssg/jekyll/
- https://github.com/Jekyll-Garden/jekyll-garden.github.io
- https://github.com/riggraz/no-style-please
- https://github.com/zerostaticthemes/jekyll-serif-theme
- https://github.com/akiritsu/pRoJEct-VeXEd
- https://github.com/h01000110/windows-95
- https://github.com/gildasio/clyell
- https://github.com/CloudCannon/edition-jekyll-template
- https://github.com/TaylanTatli/Halve
- https://github.com/heiswayi/thinkspace
- https://github.com/hemangsk/DevJournal
- https://github.com/joshgerdes/jekyll-uno
- https://github.com/kronik3r/daktilo
- https://github.com/mmistakes/minimal-mistakes
- https://jekyllthemes.io/
- https://jekyllthemes.io/theme/vonge
- https://jekyllthemes.io/theme/forty-jekyll-theme
- https://jekyllthemes.io/theme/livvic-portfolio-jekyll-theme
- https://jekyllthemes.io/theme/avenco-portfolio-jekyll-theme
- https://jekyllthemes.io/theme/norlin-dark-blog-jekyll-theme
- https://jekyllthemes.io/theme/mria-multipurpose-jekyll-theme
- https://jekyllthemes.io/theme/joseph-blog-jekyll-theme
Автор: © Konrad Ravenstone, KR. Laboratories Research



