Hugo, быстрый, гибкий и статичный конструктор сайтов

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

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

Общая характеристика Хьюго

• Высокая скорость. Как указано на их веб-сайте, это самый быстрый инструмент в своем роде. В среднем сайт создается менее чем за секунду.
• Надежное управление контентом и правила гибкости. Хьюго - мечта контент-стратега. Хьюго поддерживает неограниченное количество типов контента, таксономий, меню, динамического контента на основе API и т. д., все без надстроек.
• Шорткоды предлагают нам возможность использовать синтаксис Markdown, обеспечивая большую гибкость.
• Встроенные шаблоны. Этот конструктор статических веб-сайтов имеет общие шаблоны для быстрого создания нашей работы. Hugo поставляется с готовыми шаблонами для быстрой работы с SEO, комментариев, аналитики и других функций.
• Пользовательские выходы. Позволяет нам генерировать наш контент в нескольких форматах, включая JSON или AMP, и, таким образом, облегчить создание контента.
• Доступно более 300 тем, давая нам надежную систему тем, которую легко реализовать, но способную создавать даже самые сложные веб-сайты. Может быть брошен взглянуть на темы доступно на сайте проекта.

Установите Hugo на Ubuntu

Hugo - довольно популярная программа, и это делает ее установку на Gnu / Linux и, в частности, на Ubuntu простым процессом. Первый доступный вариант установки будет использовать предварительно скомпилированные пакеты, которые можно найти в страница релиза проекта. Чтобы загрузить пакет .deb, нам нужно только открыть терминал (Ctrl + Alt + T) и выполнить следующую команду:

wget https://github.com/gohugoio/hugo/releases/download/v0.69.0/hugo_0.69.0_Linux-64bit.deb

После загрузки мы сможем установить его, выполнив эту другую команду в том же терминале:

sudo dpkg -i hugo_0.69.0_Linux-64bit.deb

По окончании установки мы можем приступить к работе.

Другая возможность установить эту программу будет через ваш оснастка. Установка будет такой же простой, как открыть терминал (Ctrl + Alt + T) и ввести в нем:

sudo snap install hugo

Primeros PASOS

Хьюго - конструктор сайтов. Итак, первое, что нам нужно сделать, это создать новый сайт в следующем формате:

hugo new site [nombre-del-sitio]

Для этого примера я создал новый сайт с помощью команды:

hugo new site sinforoso

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

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

git clone --depth 1 --recursive https://github.com/gohugoio/hugoThemes.git themes

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

git clone https://github.com/matcornic/hugo-theme-learn.git themes/learn

Важно, чтобы мы разместили темы в Carpeta Темы, который мы собираемся найти внутри папки, в которой мы работаем.

После установки темы мы должны скажите Хьюго использовать эту конкретную тему. Для этого мы должны определите его в файле config.tom, который мы найдем в рабочей папке как показано на следующем снимке экрана.

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

hugo new _index.md

Как видите, у файла есть расширение md, это означает, что мы можем добавлять контент с помощью Markdown. Этот файл можно найти и отредактировать в папка с содержимым.

Мы также можем создавать новые категории для оформления сайта:

hugo new [categoría]/[archivo.md]

В этот момент, для просмотра нашего сайта, воспользуемся следующей командой:

hugo serve

И как вы можете видеть на следующем снимке экрана, наш сайт будет доступен в браузере по адресу http: // localhost: 1313.

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