Hugo, rychlý a flexibilní statický tvůrce webových stránek

V příštím článku se podíváme na Huga. Toto je jeden z generátory statických stránek s otevřeným zdrojovým kódem nejpopulárnější, což je také zcela zdarma. Díky své úžasné rychlosti a flexibilitě tento generátor umožňuje rychlé a snadné vytváření webových stránek. Je o generátor Sitios web Statické HTML a CSS napsané v Go. Je optimalizován pro rychlost, snadné použití a konfigurovatelnost.

Vytvoření webové stránky je proces, který vyžaduje určitý čas a znalost HTML a dalších jazyků. Z tohoto důvodu může tento statický nástroj pro vytváření webů velmi pomoci při rychlém vytváření webů. Mělo by být objasněno, že když mluvíme o statickými webovými stránkami rozumíme weby, které nezpracovávají data. To znamená, že nemohou zpracovávat formuláře ani generovat dokumenty. Tyto webové stránky jsou obvykle určeny pro malé projekty a informační stránky.

Obecná charakteristika Huga

• Vysoká rychlost. Jak je uvedeno na jejich webových stránkách, jedná se o nejrychlejší nástroj svého druhu. Průměrná stránka je postavena za méně než sekundu.
• Robustní správa obsahu a pravidla flexibility. Hugo je snem obsahového stratéga. Hugo podporuje neomezené typy obsahu, taxonomie, nabídky, dynamický obsah založený na API a další, vše bez doplňků.
• Zkratky nám nabízejí schopnost používat Markdown syntaxi, poskytující velkou flexibilitu.
• Integrované šablony. Tento statický nástroj pro tvorbu webových stránek má společné vzory pro rychlou tvorbu naší práce. Hugo se dodává s předem připravenými šablonami pro rychlou SEO práci, komentáře, analytiku a další funkce.
• Vlastní výstupy. Dovolte nám generovat náš obsah v několika formátech, včetně JSON nebo AMP, a tím usnadnit tvorbu obsahu.
• Více než 300 dostupných motivů, což nám poskytuje robustní systém témat, který je snadno implementovatelný a přesto schopný produkovat i ty nejsložitější weby. Lze hodit pohled na témata k dispozici na webových stránkách projektu.

Nainstalujte si Hugo na Ubuntu

Hugo je docela populární program, a proto je jeho instalace na Gnu / Linux a konkrétně na Ubuntu jednoduchý proces. První dostupná možnost instalace bude používat předkompilované balíčky, které najdete v stránka s vydáním projektu. Chcete-li stáhnout balíček .deb, musíme pouze otevřít terminál (Ctrl + Alt + T) a provést následující příkaz:

wget https://github.com/gohugoio/hugo/releases/download/v0.69.0/hugo_0.69.0_Linux-64bit.deb

Po stažení budeme jej moci nainstalovat spuštěním tohoto dalšího příkazu ve stejném terminálu:

sudo dpkg -i hugo_0.69.0_Linux-64bit.deb

Na konci instalace můžeme začít pracovat.

Další možnost instalace tohoto programu bude prostřednictvím vašeho snap pack. Instalace bude stejně jednoduchá jako otevření terminálu (Ctrl + Alt + T) a jeho napsání:

sudo snap install hugo

První kroky

Hugo je tvůrce webových stránek. První věc, kterou musíme udělat, je tedy vytvořte nový web v následujícím formátu:

hugo new site [nombre-del-sitio]

V tomto příkladu jsem vytvořil nový web pomocí příkazu:

hugo new site sinforoso

Tím se vytvoří nová složka s názvem navíjení V adresáři domov uživatele. Nejprve vstoupíme do této složky a odtud začneme pracovat.

Další věc, kterou uděláme, je přidat nový motiv pro web. Chcete-li přidat všechny dostupné motivy, můžete použít příkaz:

git clone --depth 1 --recursive https://github.com/gohugoio/hugoThemes.git themes

Tím se nainstalují všechna témata Hugo, takže to může trvat dlouho. Může být užitečné vyzkoušet, který z nich chcete. V mém případě jsem si vybral konkrétní téma, takže místo výše uvedeného příkazu jsem použil následující:

git clone https://github.com/matcornic/hugo-theme-learn.git themes/learn

Je důležité, abychom tato témata zařadili do Carpeta Témata, které najdeme uvnitř složky, ve které pracujeme.

Po instalaci motivu musíme řekni Hugovi, aby použil toto konkrétní téma. K tomu musíme definujte to v souboru config.tom, který najdeme v pracovní složce jak je uvedeno na následujícím snímku obrazovky.

Po provedení změn uložíme a zavřeme. Jediné, co musíme udělat, je vytvořte nový index, který se zobrazí na webu. Uděláme to pomocí následujícího příkazu:

hugo new _index.md

Jak vidíte, soubor má příponu md, to znamená můžeme přidat obsah pomocí Markdownu. Tento soubor lze najít a upravit v rámci složka obsahu.

Můžeme také vytvářejte nové kategorie k utváření webu:

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

V tomto bodě, zobrazit naše webové stránky, použijeme následující příkaz:

hugo serve

A jak vidíte na následujícím snímku obrazovky, naše webové stránky budou k dispozici v prohlížeči na adrese http: // localhost: 1313.

Stručně řečeno, Hugo je program, který vytváří pouze statické webové stránky, ale v určitých případech je velmi užitečný. Více informací o projektu získáte ve svém místo nebo v oficiální dokumentace.