Рекомендуем, 2024

Выбор редакции

10 лучших генераторов статических сайтов

В последнее время произошел огромный переход на статические веб-сайты в области веб-разработки. Статические сайты проще в обслуживании (без баз данных, без серверных сценариев!) И, как правило, более безопасны, учитывая, что единственное, что обслуживается на пользовательских устройствах, - это файлы HTML, CSS и Javascript. Для того чтобы некоторые типы веб-сайтов, такие как блоги и сайты с документацией, стали статичными, простое написание кода в HTML-файлах становится напряженным. Также становится сложно поддерживать сайты с большим содержанием, особенно когда необходимо изменить некоторые мелкие функции (например, дизайн).

Вот где приходят генераторы статического сайта. Генераторы статического сайта в основном конвертируют (или компилируют) кучу разных файлов ресурсов в один сайт. Это означает, что контент может храниться отдельно от кода макета, а ресурсы сайта, такие как изображения, могут храниться полностью отдельно. Существует множество генераторов статических сайтов, даже сотни. Вот список 10 лучших генераторов статического сайта вместе с их обзорами.

Генераторы статических сайтов

1. Джекилл

Одним словом: Король генераторов статических сайтов . Jekyll - это наиболее часто используемый статический генератор, имеющий большую документацию, самое большое сообщество и лучшую поддержку. Даже GitHub предлагает встроенную поддержку Jekyll в своем сервисе GitHub Pages. Джекилл гордится тем, что знает о блогах. Создать статичный блог на Jekyll очень просто. Требуется только знание основ веб-разработки. Он действительно великолепен благодаря своим простым настройкам для начинающих, и в то же время обладает действительно мощными функциями для тех, кто знает, как их использовать.

Jekyll позволяет создавать и использовать различные плагины, теги и даже создавать собственные конвертеры для любого языка разметки, который вы хотите использовать с Jekyll. Язык разметки по умолчанию для Jekyll, как и большинство других, - это Markdown. У Jekyll есть плагины для компиляции Less, Stylus, создания облаков тегов, пользовательских страниц для блогов и многого другого.

Jekyll основан на Liquid Template Engine от Shopify. Он полностью работает на Ruby, поэтому его легко установить вместе с зависимостями с помощью rvm или bundler. Jekyll также имеет простые варианты миграции, если вы хотите перейти с WordPress, Blogger или любого другого сайта блогов. Он превосходит любой другой генератор статического сайта, с точки зрения размера пользователя. Он находится в стадии активной разработки (последнее изменение в его репозитории GitHub было сделано день назад, на момент написания).

Чтобы установить Jekyll, просто введите эту команду в Ruby: gem install jekyll

домашняя страница

2. Пеликан

Pelican - это генератор статических сайтов, построенный на Python. Он имеет многоязычную публикацию контента, подсветку кода (синтаксиса), а также простую генерацию каналов RSS и Atom. У Pelican есть хороший выбор плагинов, все из которых размещены в центральном репозитории GitHub. Он поддерживает 3 формата документов по умолчанию: Markdown, reStructuredText и Ascii Doc.

Пеликан довольно уникален, так как он построен на Python. Он поддерживает мощный Jinja Template Engine, основанный на python, что позволяет легко создавать красивые темы и шаблоны для Pelican. С точки зрения поддержки миграции, Pelican предлагает поддержку WordPress и Tumblr. Вместо обычных файлов YAML для конфигурации, Pelican использует файл .py с именем pelicanconf.py для конфигурации и настроек.

Самый простой способ установки pelican - использовать pip: pip install pelican

домашняя страница

3. Посредник

Middleman - это генератор статических сайтов на основе Ruby, который следует простому первому подходу к созданию статических сайтов. Он имеет мощные функции для поддержки статических блогов, такие как простое создание тегов, быстрые команды для публикации статей по категориям и нумерации страниц. Middleman не предлагает никакой поддержки миграции, поэтому, если вы хотите сделать существующий блог статичным, Middleman может оказаться не лучшей идеей на данный момент.

Middleman предлагает поддержку большинства современных инструментов веб-разработки, таких как HAML, Coffeescript, Sass и другие. Его механизм шаблонов по умолчанию - eRb, но он позволяет вам переключаться на пользовательский шаблонизатор по вашему выбору. Все движки шаблонов с поддержкой Tilt (полный список можно найти здесь) работают на Middleman. Он изначально поддерживает 2 формата конфигурации - YAML, JSON. Frontmatter для вашего контента также должен быть YAML или JSON, в зависимости от используемого вами формата конфигурации.

Установите Middleman с помощью Ruby с помощью: gem install middleman

домашняя страница

4. Металлист

Metalsmith гордится тем, что является подключаемым генератором статических сайтов. Это означает, что вся логика Metalsmith обрабатывается плагинами. Любая нужная вам функция, просто добавьте необходимые плагины. Огромное количество плагинов, предлагаемых Metalsmith, побеждает почти всех конкурентов (возможно, за исключением Jekyll и Docpad). Это означает, что Metalsmith можно использовать не только как генератор статических сайтов.

По их собственным словам «Поскольку все является плагином, базовая библиотека на самом деле является просто абстракцией для управления каталогом файлов». В конечном итоге это сводится к тому, что вы используете Metalsmith так же легко, как проектные леса, генератор электронных книг, инструмент для сборки, создание технической документации и многое другое (эти примеры приведены на веб-сайте Metalsmith).

Metalsmith основан на Node.js и может быть установлен с помощью менеджера пакетов узла с помощью: $ npm install metalsmith

  Homepage 

5. Арфа

Harp имеет встроенную предварительную обработку для Jade, Markdown, LESS, Sass, Coffeescript, EjS и Stylus без какой-либо дополнительной настройки. Это также позволяет вам использовать макеты / частичную парадигму с Jade и EjS, которые нуждаются в специальных плагинах на других генераторах статических сайтов.

Harp построен на Node.Js и может работать рука об руку с платформой Harp, которая позволяет создавать веб-страницы из папки Dropbox. Harp также может компилировать страницы для использования на страницах GitHub, PhoneGap и Heroku.

Чтобы установить Harp, используйте npm и запустите: sudo npm install -g harp

 домашняя страница 

6. Октопресс

Технически Octopress - это модифицированная вилка Jekyll, но из-за своей огромной популярности он был включен в этот список. Octopress - это в основном Jekyll для хакеров (и разработчиков рельсов). Настроить Octopress становится легко, особенно если вы создаете блог, поскольку Octopress по умолчанию включает в себя множество плагинов, которые вам понадобятся для ведения блога на Jekyll.

В части настройки, код Octopress облегчает пользователям модифицировать код и писать свой собственный код. При этом многие плагины для Octopress совместимы с Jekyll (и наоборот).

Чтобы установить Octopress,

  1. Клонировать репозиторий GitHub
    git clone git://github.com/imathis/octopress.git octopress
    cd octopress
  2. Установить зависимости
    gem install bundler
    rbenv rehash # Если вы используете rbenv, rehash, чтобы можно было запустить команду bundle
    bundle install
  3. Установите стандартную тему Octopress
    rake install
домашняя страница

7. Докпад

Docpad - это генератор динамических статических сайтов. Он расширяет возможности обычных статических генераторов сайтов благодаря таким функциям, как запрос к базе данных через механизм запросов, импорт страниц из внешних баз данных и повторная визуализация веб-страницы при каждом запросе.

Docpad имеет встроенную поддержку препроцессоров, таких как Coffeescript, Stylus и LESS, и использует плагины для поддержки шаблонизаторов, препроцессоров и языков разметки, так что вы можете выбирать любые комбинации, какие захотите, используя необходимый плагин. Docpad также поддерживает импорт страниц из внешних источников, таких как Tumblr, GitHub и Dropbox через плагины.

Docpad - это многофункциональная платформа с множеством плагинов и отличной документацией. Он построен и использует Node.js для взаимодействия с сервером.

Просто установите Docpad с помощью npm: npm install -g npm; npm install -g [email protected] npm install -g npm; npm install -g [email protected]

 домашняя страница 

8. Гексо

Hexo - это легкая статическая платформа для блогов, которая гордится своей невероятно быстрой скоростью создания сайтов. Hexo отлично подходит для блоггеров с большим количеством контента, которым нужен простой статический генератор сайтов. Он предлагает простые варианты миграции с других блоговых платформ, таких как WordPress, Joomla, Jekyll, Octopress и RSS. Одна из замечательных особенностей Hexo заключается в том, что вы можете использовать большинство плагинов, созданных для Octopress (и, соответственно, плагины, созданные для Jekyll с очень незначительными изменениями).

Hexo поддерживает Markdown, YAML для внешнего вида и конфигурации. Сохраняя свою быструю природу, Hexo позволяет развертывать на таких сайтах, как GitHub, Heroku и Rsync, всего одной командой.

Hexo можно установить с помощью Node.js: npm install hexo-cli -g

домашняя страница

9. Хьюго

Hugo - это генератор статических сайтов общего назначения с хорошими всесторонними функциями, такими как поддержка шаблонов и частичных функций, нумерация страниц и «таксономии», которая представляет собой уникальную систему категоризации контента, за которой следует Hugo. Это означает, что вы можете легко классифицировать посты не только по тегам, но и любым другим способом, например, по категориям или сериям непосредственно из frontmatter. Hugo поддерживает три типа файлов данных - YAML, JSON и TOML и позволяет вам выбрать наиболее удобный для вас.

Вместо плагинов Hugo использует «шорткоды», которые позволяют вам использовать богатый контент внутри вашей Markdown. Чтобы узнать, как это работает, прочитайте эту статью. Hugo написан на языке программирования Go и предлагает отдельные установочные файлы для разных платформ на своей странице GitHub. Чтобы точно узнать, как вы можете установить Hugo для вас, прочитайте инструкцию по установке Hugo.

Если вы используете Homebrew, то Hugo и все зависимости могут быть установлены с помощью: brew install hugo

домашняя страница

10. Бранч

Бранч склоняется к веб-приложениям HTML5, а не к блогам и веб-сайтам, но все еще является очень простым в использовании и быстрым генератором статических сайтов. Он не только компилирует весь ваш код и сценарии, но также может сжимать (минимизировать) ваш код и автоматически сжимать изображения. Brunch имеет целый ряд плагинов, которые вы можете использовать для настройки в соответствии с вашими потребностями. Полный список плагинов Brunch можно найти здесь.

Бранч предлагает «скелеты», которые по сути являются образцом для запуска вашего сайта (или веб-приложения). Он предлагает одну из самых высоких скоростей компиляции, просто потому что Brunch кэширует все неизмененные части вашего проекта и компилирует только те файлы, которые были пересмотрены. Brunch построен на Node.js и может быть установлен с помощью npm: npm install -g brunch

домашняя страница

Есть предложения по поводу этой статьи? Оставь это в комментариях!

Top