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

Важно е да поставим темите в carpeta контакт, които ще намерим в папката, в която работим.

След като инсталираме темата, трябва кажете на Хюго да използва точно тази тема. За да направим това, трябва дефинирайте го във файла config.tom, който ще намерим в работната папка както е посочено на следващата екранна снимка.

След като промените бъдат направени, ние запазваме и затваряме. Сега всичко, което трябва да направим, е създайте нов индекс за показване на сайта. Ще направим това със следната команда:

hugo new _index.md

Както можете да видите, файлът има разширение md, това означава, че можем да добавяме съдържание с помощта на Markdown. Този файл може да бъде намерен и редактиран в папка със съдържание.

Ние също можем създайте нови категории, за да оформите сайта:

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

В този момент, за да видите нашия уебсайт, ще използваме следната команда:

hugo serve

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

Накратко, Hugo е програма, която създава само статични уебсайтове, но е много полезна в определени случаи. Можете да получите повече информация за проекта във вашия място или в официална документация.