Co to jest Hugo i jak to działa?

Jeśli planujesz stworzyć prostą, opartą na treści stronę internetową, prawdopodobnie nie chcesz spędzać zbyt dużo czasu na jej kodowaniu. Może tak być w przypadku tworzenia witryny biznesowej, bloga lub osobistego portfolio.

Generatory witryn statycznych są ukierunkowane na tego rodzaju scenariusze. Pozwalają na rozkręcenie strony internetowej, która pozwala skupić się na treści i jej projekcie.

Hugo jest jednym z przykładów generatora stron statycznych. Obsługuje motywy, tworzenie w Markdown i inne korzyści.

Co to jest Hugo?

Hugo to statyczny generator witryn, który pozwala na stworzenie strony internetowej z niewielką ilością kodu lub bez niego. Generatory statyczne witryn zwykle pozwalają na pisanie treści w a prosty język znaczników, taki jak Markdown.

Generator statycznych witryn następnie konwertuje zawartość na statyczne pliki HTML. Stosuje dowolne szablony lub style do stron przed udostępnieniem ich użytkownikowi.

Korzystając z Hugo, możesz wybierać z biblioteki motywów i projektów witryn, które zbudowali już inni ludzie. Po pobraniu motywu możesz zacząć pisać treść. Hugo akceptuje różne formaty, w których możesz zapisywać swoje treści.

Jakie są motywy Hugo?

Możesz odwiedzić listę Motywy Hugo znaleźć taki, od którego można zacząć. Możesz także wybrać motyw oparty na różnych kategoriach i filtrować projekty stworzone specjalnie dla blogów, portfolio i nie tylko.

Możesz kliknąć motyw, aby zobaczyć więcej informacji. Tutaj możesz pobrać motyw, aby rozpocząć pracę nad nim. Możesz także wyświetlić podgląd, jak będzie wyglądał motyw po jego wdrożeniu.

Większość motywów będzie miała fikcyjne dane jako symbole zastępcze. Kiedy modyfikujesz motyw, możesz zmienić te szczegóły w dowolny sposób.

Jaka jest struktura witryny Hugo?

Korzystanie z motywu umożliwia dodawanie treści z niewielkimi lub zerowymi zmianami w kodzie. Jednak nadal możesz zagłębić się w kod, jeśli chcesz wprowadzić zmiany w jego strukturze. Hugo używa szablonów Go, aby korzystać ze zmiennych i symboli zastępczych w plikach HTML.

Utworzenie projektu Hugo na komputerze automatycznie wygeneruje domyślne pliki potrzebne do projektu.

Główne elementy projektu to:

• archetypy: Tutaj możesz przechowywać szablony, które mogą definiować dowolne formatowanie lub dodatkowe dane dla każdej strony. Kiedy tworzysz nową stronę, będzie ona oparta na szablonie.
• aktywa: tutaj możesz przechowywać dowolne zasoby, takie jak pliki arkuszy stylów CSS.
• zawartość: Tutaj możesz przechowywać zawartość swojej witryny. Każdą stronę można przechowywać w osobnym pliku. Na przykład, jeśli tworzysz bloga, dla każdego posta użyjesz pliku Markdown.
• układy: Tutaj możesz przechowywać krótkie, wielokrotnego użytku fragmenty kodu HTML, zwane shortcodes. Możesz ich używać w swoich plikach treści.
• publiczny: Zawiera pliki i foldery, które można przesyłać i używać na serwerze WWW podczas hostowania witryny.
• motywy: Tutaj pojawią się wszystkie motywy pobrane od Hugo.

Jakie są zalety korzystania z Hugo?

Ponieważ Hugo jest dość lekki i generuje statyczne strony internetowe, Twoja ostateczna strona internetowa i jej zawartość mogą się bardzo szybko wczytać. Oznacza to, że użytkownicy będą mieli krótki czas oczekiwania podczas przeglądania Twojej witryny.

Cała zawartość jest statyczna i nie zmienia się, gdy użytkownik przegląda stronę. Dzięki temu nie musisz się martwić o ciągłe żądania do serwera. Nie musisz też martwić się o bazy danych, czy rozliczanie danych dynamicznych.

I nie potrzebujesz zaawansowanych umiejętności programowania, aby móc pracować z witryną Hugo. Ponieważ jednak masz bezpośredni dostęp do kodu, możesz go w pełni dostosować tak, jak chcesz, jeśli zdecydujesz się to zrobić.

Korzystanie ze statycznych generatorów witryn do tworzenia stron internetowych

Hugo to doskonały generator stron statycznych, który konwertuje Twoje treści na zwykłe pliki HTML. Możesz korzystać z szerokiej gamy motywów i łatwo przeglądać swoją witrynę podczas procesu projektowania.

Hugo zapewnia między innymi komponenty wielokrotnego użytku i wygodną standardową strukturę plików. Ale Hugo to tylko jedna opcja. Powinieneś nadal badać inne statyczne generatory witryn, których możesz użyć do zbudowania witryny.

11 generatorów statycznych witryn typu open source, których możesz użyć do zbudowania swojej witryny internetowej

Czytaj dalej

O autorze