Co je Hugo a jak to funguje?

Pokud plánujete vytvořit jednoduchý web založený na obsahu, pravděpodobně nebudete chtít trávit příliš mnoho času jeho kódováním. To může být případ, kdy vytváříte obchodní web, blog nebo osobní portfolio.

Generátory statických webů se zaměřují na tyto druhy scénářů. Umožňují vám vytvořit web, který vám umožní soustředit se na váš obsah a jeho design.

Hugo je jedním z příkladů generátoru statických stránek. Má podporu pro témata, tvorbu v Markdown a další výhody.

co je Hugo?

Hugo je generátor statických stránek, který vám umožňuje vytvářet webové stránky s malým nebo žádným kódem. Generátory statických webů vám obvykle umožňují psát obsah v a jednoduchý značkovací jazyk, jako je Markdown.

Generátor statických stránek pak převede váš obsah na statické HTML soubory. Aplikuje na vaše stránky jakékoli šablony nebo styly, než je zobrazí uživateli.

Pomocí aplikace Hugo si můžete vybrat z knihovny motivů a návrhů stránek, které již vytvořili jiní lidé. Jakmile si stáhnete motiv, můžete začít psát svůj obsah. Hugo přijímá různé formáty, ve kterých můžete psát svůj obsah.

Co jsou témata Hugo?

Můžete navštívit seznam Témata Hugo najít nějakou, se kterou můžete začít. Můžete si také vybrat motiv na základě různých kategorií a návrhů filtrů vytvořených speciálně pro blogy, portfolia a další.

Kliknutím na téma zobrazíte další informace. Zde si můžete stáhnout motiv a začít na něm pracovat. Můžete si také prohlédnout, jak by motiv vypadal po jeho nasazení.

Většina motivů bude mít jako zástupné symboly fiktivní data. Když změníte motiv, můžete tyto podrobnosti změnit, jak chcete.

Jaká je struktura webu Hugo?

Použití motivu vám umožňuje přidávat obsah s malými nebo žádnými změnami kódu. Stále se však můžete ponořit do kódu, pokud chcete provést změny v jeho struktuře. Hugo používá šablony Go k použití proměnných a zástupných symbolů v souborech HTML.

Vytvoření projektu Hugo na vašem počítači automaticky vygeneruje výchozí soubory potřebné pro projekt.

Mezi hlavní součásti projektu patří:

• archetypy: Zde můžete ukládat šablony, které mohou definovat jakékoli formátování nebo další data pro každou stránku. Když vytvoříte novou stránku, bude založena na šabloně.
• aktiva: Zde můžete ukládat jakékoli položky, jako jsou soubory šablon stylů CSS.
• obsah: Zde můžete ukládat obsah svých webových stránek. Každou stránku můžete uložit do samostatného souboru. Pokud byste například zakládali blog, použili byste pro každý příspěvek soubor Markdown.
• rozložení: Zde můžete ukládat krátké, znovu použitelné úryvky kódu HTML, nazývané krátké kódy. Můžete je použít ve svých souborech obsahu.
• veřejnost: Obsahuje soubory a složky, které můžete nahrát a použít na webovém serveru při hostování vašeho webu.
• témata: Zde se zobrazí všechna témata, která jste si stáhli z Huga.

Jaké jsou výhody používání Hugo?

Vzhledem k tomu, že Hugo je poměrně lehký a generuje statické webové stránky, může se váš konečný web a jeho obsah načíst velmi rychle. To znamená, že uživatelé budou mít při procházení vašich stránek krátkou dobu.

Veškerý obsah je statický a po zobrazení stránky uživatelem se nemění. Nemusíte se tedy obávat neustálých požadavků na server. Také se nemusíte starat o databáze nebo účtování dynamických dat.

A abyste mohli pracovat se stránkou Hugo, nepotřebujete pokročilé programátorské dovednosti. Protože však máte přímý přístup ke kódu, můžete si jej plně přizpůsobit, jak chcete, pokud se tak rozhodnete.

Používání generátorů statických stránek k vytváření webových stránek

Hugo je vynikající generátor statických stránek, který převádí váš obsah na prosté soubory HTML. Během procesu návrhu můžete použít širokou škálu témat a snadno zobrazit náhled svého webu.

Hugo kromě jiných výhod poskytuje opakovaně použitelné součásti a pohodlnou standardní strukturu souborů. Ale Hugo je jen jedna možnost. Měli byste pokračovat ve výzkumu dalších generátorů statických webů, které můžete použít k vytvoření webu.

11 generátorů statických stránek s otevřeným zdrojem, které můžete použít k vytvoření svého webu

Přečtěte si další

O autorovi