Какво е Hugo и как работи?

Ако планирате да създадете прост, базиран на съдържание уебсайт, вероятно не искате да прекарвате твърде много време в кодирането му. Това може да е така, ако създавате бизнес сайт, блог или лично портфолио.

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

Hugo е един пример за генератор на статичен сайт. Той има поддръжка за теми, авторство в Markdown и други предимства.

Какво е Хюго?

Hugo е статичен генератор на сайтове, който ви позволява да създадете уебсайт с малко или никакъв код. Генераторите на статични сайтове обикновено ви позволяват да пишете съдържанието си в a прост език за маркиране, като Markdown.

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

Използвайки Hugo, можете да избирате от библиотека с теми и дизайни на сайтове, които други хора вече са изградили. След като изтеглите тема, можете да започнете да пишете съдържанието си. Hugo приема различни формати, в които да пишете съдържанието си.

Какви са темите на Hugo?

Можете да посетите списъка на Хюго теми за да намерите такъв, с който да започнете. Можете също да изберете тема въз основа на различни категории и филтриращи дизайни, направени специално за блогове, портфолиа и др.

Можете да кликнете върху тема, за да видите повече информация. Тук можете да изтеглите темата, за да започнете да работите по нея. Можете също да визуализирате как би изглеждала темата, след като я разгърнете.

Повечето от темите ще имат фиктивни данни като заместители. Когато промените темата, можете да промените тези подробности, както желаете.

Каква е структурата на сайта на Hugo?

Използването на тема ви позволява да добавяте вашето съдържание с малки или никакви промени в кода. Все пак можете да се потопите в кода, ако искате да направите промени в неговата структура. Hugo използва Go шаблони, за да използва променливи и заместители във вашите HTML файлове.

Създаването на проект Hugo на вашия компютър автоматично ще генерира файловете по подразбиране, необходими за проекта.

Основните компоненти на проекта включват:

• архетипи: Тук можете да съхранявате шаблони, които могат да дефинират всяко форматиране или допълнителни данни за всяка страница. Когато създадете нова страница, тя ще се основава на шаблон.
• активи: Това е мястото, където можете да съхранявате всякакви активи, като вашите CSS стилови файлове.
• съдържание: Тук можете да съхранявате съдържанието за вашия уебсайт. Можете да съхранявате всяка страница в отделен файл. Например, ако правите блог, ще използвате Markdown файл за всяка публикация.
• оформления: Тук можете да съхранявате кратки, повторно използваеми фрагменти от HTML код, наречени къси кодове. Можете да ги използвате във вашите файлове със съдържание.
• обществено: Това съдържа файловете и папките, които можете да качвате и използвате на уеб сървър, когато хоствате вашия сайт.
• теми: Всички теми, които сте изтеглили от Hugo, ще се покажат тук.

Какви са ползите от използването на Hugo?

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

Цялото съдържание е статично и не се променя, след като потребителят преглежда страницата. Следователно не е нужно да се притеснявате за постоянни заявки към сървър. Също така не е нужно да се притеснявате за бази данни или отчитане на динамични данни.

И нямате нужда от разширени умения за програмиране, за да можете да работите със сайт на Hugo. Въпреки това, тъй като имате директен достъп до кода, можете напълно да го персонализирате така, както желаете, ако решите да го направите.

Използване на статични генератори на сайтове за създаване на уебсайтове

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

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

11 генератора на статичен сайт с отворен код, които можете да използвате, за да създадете своя уебсайт

Прочетете Следващото

За автора