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

Перші кроки

Hugo - розробник веб-сайтів. Отже, перше, що нам потрібно зробити, це створити новий сайт, використовуючи такий формат:

hugo new site [nombre-del-sitio]

У цьому прикладі я створив новий сайт за допомогою команди:

hugo new site 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

Важливо, щоб ми розмістили теми в папка теми, який ми збираємось знайти всередині папки, в якій ми працюємо.

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

Після внесення змін ми зберігаємо та закриваємо. Тепер нам залишається лише це створити новий індекс для відображення на сайті. Ми зробимо це за допомогою такої команди:

hugo new _index.md

Як бачите, файл має розширення md, це означає, що ми можемо додавати вміст за допомогою Markdown. Цей файл можна знайти та відредагувати в папку вмісту.

Ми також можемо створити нові категорії для формування веб-сайту:

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

На даний момент, для перегляду нашого веб-сайту, ми використаємо таку команду:

hugo serve

І як ви можете бачити на наступному скріншоті, наш веб-сайт буде доступний у браузері за адресою http: // localhost: 1313.

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