Čo je Hugo a ako to funguje?

Ak plánujete vytvoriť jednoduchú webovú stránku založenú na obsahu, pravdepodobne nebudete chcieť tráviť príliš veľa času jej kódovaním. Môže to byť prípad, keď vytvárate firemnú stránku, blog alebo osobné portfólio.

Generátory statických stránok sa zameriavajú na tieto druhy scenárov. Umožňujú vám vytvoriť webovú stránku, ktorá vám umožní sústrediť sa na váš obsah a jeho dizajn.

Hugo je jedným z príkladov generátora statických stránok. Má podporu pre témy, tvorbu v Markdown a ďalšie výhody.

čo je Hugo?

Hugo je generátor statických stránok, ktorý vám umožňuje vytvoriť webovú stránku s malým alebo žiadnym kódom. Generátory statických stránok vám zvyčajne umožňujú písať obsah v a jednoduchý značkovací jazyk, ako je Markdown.

Generátor statických stránok potom skonvertuje váš obsah na statické HTML súbory. Aplikuje na vaše stránky všetky šablóny alebo štýly predtým, ako ich zobrazí používateľovi.

Pomocou Huga si môžete vybrať z knižnice tém a návrhov stránok, ktoré už vytvorili iní ľudia. Po stiahnutí témy môžete začať písať svoj obsah. Hugo akceptuje rôzne formáty, v ktorých môžete napísať svoj obsah.

Čo sú témy Hugo?

Môžete navštíviť zoznam Témy Hugo nájsť jednu, s ktorou môžete začať. Môžete si tiež vybrať tému na základe rôznych kategórií a návrhov filtrov vytvorených špeciálne pre blogy, portfóliá a ďalšie.

Kliknutím na tému zobrazíte ďalšie informácie. Tu si môžete stiahnuť tému a začať na nej pracovať. Môžete si tiež zobraziť ukážku toho, ako by téma vyzerala po jej nasadení.

Väčšina tém bude mať ako zástupné symboly fiktívne údaje. Keď upravíte tému, môžete tieto podrobnosti zmeniť, ako chcete.

Aká je štruktúra lokality Hugo?

Použitie témy vám umožňuje pridať obsah s malými alebo žiadnymi zmenami v kóde. Stále sa však môžete ponoriť do kódu, ak chcete vykonať zmeny v jeho štruktúre. Hugo používa šablóny Go na využitie premenných a zástupných symbolov v súboroch HTML.

Vytvorením projektu Hugo na vašom počítači sa automaticky vygenerujú predvolené súbory potrebné pre projekt.

Medzi hlavné zložky projektu patria:

• archetypy: Tu môžete ukladať šablóny, ktoré môžu definovať akékoľvek formátovanie alebo dodatočné údaje pre každú stránku. Keď vytvoríte novú stránku, bude založená na šablóne.
• aktíva: Toto je miesto, kde môžete ukladať akékoľvek prostriedky, ako napríklad súbory šablón CSS.
• obsahu: Tu môžete ukladať obsah svojej webovej stránky. Každú stránku môžete uložiť do samostatného súboru. Ak by ste napríklad vytvárali blog, pre každý príspevok by ste použili súbor Markdown.
• rozloženia: Tu môžete ukladať krátke, opätovne použiteľné úryvky kódu HTML, nazývané krátke kódy. Môžete ich použiť vo svojich súboroch s obsahom.
• verejnosti: Obsahuje súbory a priečinky, ktoré môžete nahrať a použiť na webovom serveri pri hosťovaní vašej lokality.
• témy: Tu sa zobrazia všetky motívy, ktoré ste si stiahli z Huga.

Aké sú výhody používania Hugo?

Keďže Hugo je pomerne ľahký a generuje statické webové stránky, vaša konečná webová stránka a jej obsah sa môžu načítať veľmi rýchlo. To znamená, že používatelia budú mať pri prehliadaní vašich stránok krátky čas.

Všetok obsah je statický a nemení sa, keď si používateľ prezerá stránku. Nemusíte sa teda obávať neustálych požiadaviek na server. Tiež sa nemusíte starať o databázy alebo účtovanie dynamických dát.

A na prácu so stránkou Hugo nepotrebujete pokročilé programátorské znalosti. Keďže však máte priamy prístup ku kódu, môžete si ho plne prispôsobiť tak, ako chcete, ak sa tak rozhodnete.

Používanie generátorov statických stránok na vytváranie webových stránok

Hugo je vynikajúci generátor statických stránok, ktorý prevádza váš obsah na obyčajné súbory HTML. Počas procesu návrhu môžete použiť širokú škálu tém a jednoducho zobraziť ukážku svojej lokality.

Hugo okrem iných výhod poskytuje opakovane použiteľné komponenty a pohodlnú štandardnú štruktúru súborov. Ale Hugo je len jedna možnosť. Mali by ste pokračovať vo výskume ďalších generátorov statických stránok, ktoré môžete použiť na vytvorenie webovej lokality.

11 generátorov statických stránok s otvoreným zdrojom, ktoré môžete použiť na vytvorenie svojej webovej stránky

Prečítajte si ďalej

O autorovi