Лучшие статические генераторы сайтов

Лучшие статические генераторы сайтов


Процесс создания веб-сайта состоит из двух частей: вы предоставляете контент, а затем ваша CMS – WordPress или все, что вы решите использовать, – берет этот контент, объединяет его с выбранной вами темой и выбранными вами шаблонами и делает веб-сайт из него. для ваших клиентов или ваших читателей, чтобы читать. Но эти две части не нужно делать вместе: они могут быть отделены друг от друга, и вот что генератор статических сайтов (ССГ) делает.

В этом руководстве мы объясним, что такое генерация статического сайта и каковы его преимущества, и перечислим десять лучших генераторов статического сайта, чтобы дать некоторые рекомендации относительно того, как выбирать между ними..

Как работает генератор статического сайта? И зачем использовать один?

Как уже упоминалось, большинство CMS делают две вещи: они превращают ваш контент в HTML, комбинируя его с вашими темами и шаблонами, и затем делают этот HTML доступным как веб-сайт. Генератор статического сайта разделяет этот процесс на две части: часть, где ваш контент превращается в HTML, происходит на вашем компьютере, давая вам папку, полную HTML-файлов. Затем вы загружаете эти HTML-файлы в Интернет, где они становятся доступными для всех как веб-сайт..

Но зачем это делать? Есть ряд преимуществ.

Первый безопасность. Потому что ваш сайт, с которым взаимодействуют люди, – это простой HTML, и его гораздо сложнее взломать. А поскольку генератор статического сайта, который содержит весь компьютерный код, выполняющий эту работу, работает только на вашем собственном компьютере и вообще не открыт для более широкого мира, его также нельзя взломать. Это означает, что обновления безопасности в основном не нужны; Вам больше не нужно беспокоиться о регулярных всплывающих окнах, предлагающих обновить CMS, обновить плагины, обновить сайт.

Для некоторых это само по себе может быть достаточной причиной, но есть еще одно важное преимущество для создания статических сайтов: представление.

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

Лучшая производительность приносит пользу вашему сайту всеми возможными способами. Ваши клиенты, скорее всего, будут продолжать просматривать и показатель отказов ниже,  Более быстрое время загрузки страницы отлично подходит для SEO, потому что Google и другие поисковые системы ценят высокую производительность и повышают ваш рейтинг.

Скачки трафика не являются проблемой; если у вас внезапно будет всплеск количества посетителей, он будет обработан очень хорошо, и вы никогда не увидите одно из этих сообщений «502 Bad Gateway», когда сайт перегружен в тот момент, когда он становится популярным.

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

Это разделение «стадии генерации» и «стадии публикации» необходимо понимать, и генераторы статических сайтов, как правило, имеют тенденцию предполагать немного больше базовых технических знаний, чем стандартный вид динамической CMS. В частности, большинство генераторов статических сайтов требуют хотя бы небольшого знакомства с командная строкаЭти приложения, как правило, запускаются командами, а не указанием и нажатием.

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

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

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

1. Хьюго

логотип hugo

Хьюго проще в настройке и использовании генераторов статических сайтов на основе терминала. Их документация, особенно на как установить хьюго и запустите его, он достаточно всеобъемлющий, и вам не нужно сначала устанавливать новый магазин пакетов, а затем устанавливать Hugo из.

Имеет большое количество готовые темы что облегчает выбор нужного вам стиля для вашего сайта, и одна из ключевых особенностей, которыми обладает команда Hugo, – это скорость сборки.

Чтобы внести изменения в свой сайт, добавив или отредактировав контент или изменив тему, необходимо «перестроить» сайт, то есть выполнить процесс объединения контента с темой в HTML для каждой страницы. Даже небольшая разница в быстродействии сборки может изменить разницу между секундами ожидания и минутами ожидания, чтобы увидеть результат внесенных вами изменений, и Хьюго усердно работает над тем, чтобы быть самым быстрым в этом..

Если вы создаете сайт на основе существующих данных, тогда HugoКонтент, управляемый данными»Позволяет относительно легко размещать контент сайта в форматах CSV или JSON. Это может быть полезным способом использовать некоторые существующие данные, которые вы хотите представить миру, более удобным способом, чтобы они могли просматривать и перемещаться по ним без необходимости запуска Excel или Google Sheets..

2. Одиннадцать или 1111ty логотип

11ty – один из новых SSG, но он набирает популярность. Он объявляет себя «более простым генератором статических сайтов». Тем не менее, это требует разумного количества технических знаний (и его документация отражает это), но для тех, кто может понять это, он делает вещи элегантным способом.

11ty написан на JavaScript и поэтому требует Node.js работать; сначала вам нужно установить его, если вы этого еще не сделали, а затем установить 11ty из командной строки.

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

3. Пеликанполучить логотип пеликана

У Pelican довольно утонченная эстетика, но использование Python в качестве основного языка программирования имеет потенциал для расширения практически в любом направлении, которое вам может потребоваться, с небольшим дополнительным программированием..

Он поддерживает импорт данных сайта из WordPress, что позволяет легче, чем некоторым другим SSG, переходить от существующего сайта WordPress к созданию статического сайта без потери текущих настроек. И, как лучший класс SSG, он предназначен для обработки всего сайта, а не для ведения блогов..

Сначала у Pelican есть немного крутая кривая обучения, что делает его более подходящим для тех, кто уже хотя бы немного знаком с Python. Точно так же вам понадобится установка Python на вашем компьютере, и для тех, кто не имеет этого, у вас нет рекомендаций, но если вы не являетесь разработчиком, который уже использует Python, то Pelican – это хорошее место для начала..

4. Никола

никола лого

Никола использует очень «батарейный» подход к созданию статического сайта, предоставляя очень подробные шаблоны для блогов и полноценных веб-сайтов, а также галереи изображений и поиск среди прочего..

Имеет довольно обширный список плагины и темы тоже. Хотя Никола действительно стремится к более техническому концу рынка; вам нужно быть достаточно уверенным в разработке на Python, чтобы делать больше, чем просто основы, но если это так, Никола действительно предлагает большую расширяемость, чем многие альтернативы..

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

Как и в случае с Pelican, Никола предполагает, что у вас уже есть Python, и не объясняет, как это сделать, поэтому, если вы этого не делаете и работаете в Windows, вы можете рассмотреть одну из других альтернатив..

5. ГэтсбиЛоготип Гэтсби

Гэтсби называет себя статическим генератором PWA. PWA это термин искусства для Прогрессивные веб-приложения, которые могут работать в автономном режиме, быть добавлены на домашний экран на мобильном телефоне и так далее. Это можно сделать на любом веб-сайте, включая веб-сайты, созданные с помощью других SSG, но Gatsby предоставляет такую ​​поддержку «из коробки»..

Для тех, кто знаком с React, библиотекой веб-компонентов, Gatsby может быть хорошим выбором, поскольку она построена на ее основе, так что вы можете повторно использовать знакомую среду, которую вы уже знаете – на самом деле, Собственный веб-сайт React построен с Гэтсби.

Гэтсби требуется как node.js, так и система контроля версий мерзавец быть установленным. У них есть довольно подробный набор страницы документации о том, как настроить среду Gatsby, в том числе в Windows, но это довольно сложный процесс, если вы не знакомы с командной строкой. Кроме того, документация объединяет инструкции Windows, Linux и Mac, что делает ее немного трудной для выполнения..

6. Джекилл

Логотип Джекилл

Jekyll – один из старейших генераторов статических сайтов, но он все еще находится в активной разработке, и его популярность в значительной степени вызвала поток инноваций в области SSG, который произвел все остальное в этом списке.

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

Таким образом, Github Pages Сервис может быть использован в качестве хоста для вашего статического сайта бесплатно, и документация о том, как его настроить, достаточно ясна и проста в использовании.

Тем не менее, это все еще потребует некоторого знакомства с мерзавец система контроля кода. Конечно, Jekyll также можно запускать самостоятельно на своем компьютере, и они обеспечивают набор инструкций по установке Windows, хотя Windows официально не поддерживается.

7. Statiq.web

статик логотип

Statiq Web – довольно новое дополнение к рядам SSG, и оно все еще находится в стадии разработки. Так что это лучше всего подходит для тех, кто хочет участвовать в этом процессе и присоединиться к сообществу, предоставляя информацию о том, что работает хорошо, а что нет..

Его уникальным преимуществом является то, что он построен на .NET, так что те, кто немного знаком с этим стеком программирования, найдут Statiq Web хорошо подходящим для своего существующего опыта. Это пример проекта более общей платформы Statiq, поэтому более опытный программист может использовать более обширную среду для создания чего-то более всеобъемлющего.

8. Publii

Логотип Publii

Publii, в отличие от большинства других генераторов статических сайтов, не является инструментом командной строки. Это настольное приложение, доступное для Windows, Mac и Linux..

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

Существуют встроенные средства публикации, позволяющие переносить статический веб-сайт на различные существующие хосты, такие как Netlify и места облачного хостинга. Он имеет систему импорта для преобразования существующего сайта WordPress в Publii и рынок платных тем профессионального уровня..

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

9. WP2Static

логотип wp2static

WP2Static использует несколько иной подход, чем другие статические генераторы сайтов: он не является строго администратором сайта сам по себе. Вместо этого он работает рука об руку с WordPress, чтобы сделать статическую версию сайта, который управляется самим WordPress..

На языке описания выше WP2Static оставляет WordPress ответственным за ваше редактирование и превращает ваш контент в HTML, комбинируя его с вашими темами и шаблонами. Затем перейдите в WP2Static, чтобы взять этот HTML и опубликовать его. в виде обычный HTML где-то в сети.

Есть несколько очевидных преимуществ для этого: вы можете продолжать использовать знакомый вам интерфейс WordPress и иметь доступ ко всей широкой библиотеке тем и плагинов WordPress..

Тем не менее, есть и недостатки с этим тоже: важно перенести установку WordPress куда-нибудь еще, иначе вы потеряете большинство преимуществ статической генерации сайта.

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

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

Однако, если вы очень привыкли к пользовательскому интерфейсу WordPress или сильно привязаны к конкретным плагинам или темам WP, которые трудно найти или сделать доступными в другом SSG, WP2Static может стать идеальным решением..

10. Next.js

Логотип Nextjs

Next.js – это не столько генератор статических сайтов, сколько платформа для создания статических приложений с использованием React. Он поддерживает генерацию статического сайта (и обновил эту поддержку, чтобы значительно улучшить его в выпуске 9.3 в начале 2020 года), и если вы хотите создать приложение с React и хотите получить лучшую в своем классе статическую генерацию сайтов с резервным копированием, далее .js это хорошее место для поиска.

Он предполагает хорошее знание как JavaScript, так и React, так что это не для нетехнических лиц, а документация ориентирована на среду Linux или Mac с платным сервисом для пользователей Windows..

Но что бы это ни стоило, это очень хорошо, и вокруг него довольно много шума, что означает, что он получает серьезное развитие и движется вперед, как на дрожжах..

Как правильно выбрать?

Вот вам и список: из чего выбрать.

Но как выбрать тот, который лучше для вас?

Ну, а если вам не интересно входить в командную строку, то посмотрите на Publii, конечно. Если вы являетесь экспертом по WordPress, который хочет стать статичным, то WP2Static опирается на те обширные навыки, которые у вас уже есть. Если вам небезразлична скорость, то 11ty или Hugo – ваши места для поиска.

Если у вас есть опыт работы с определенным языком программирования или средой, выберите генератор статического сайта, написанный на этом языке, чтобы наилучшим образом использовать ваши существующие навыки: для Python используйте Pelican или Nikola; для Ruby, Jekyll, для .NET, Statiq, для React посмотрите на Next.js и Gatsby, и для JavaScript, 11ty.

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

Попробуйте инструменты, которые вам нравятся – они все бесплатные и с открытым исходным кодом, а затем, когда вы будете готовы, начните искать места для размещения вашего статического контента..

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map