Hugo, rýchly a flexibilný statický tvorca webových stránok

V nasledujúcom článku sa pozrieme na Huga. Toto je jeden z generátory statických stránok s otvoreným zdrojom najobľúbenejšie, ktoré je tiež úplne zadarmo. Vďaka svojej úžasnej rýchlosti a flexibilite tento generátor umožňuje rýchle a ľahké vytváranie webových stránok. Je o generátor webových stránok Statické HTML a CSS napísané v jazyku Go. Je optimalizovaný na rýchlosť, jednoduché použitie a konfigurovateľnosť.

Vytvorenie webovej stránky je proces, ktorý si vyžaduje určitý čas a znalosť jazyka HTML a ďalších jazykov. Z tohto dôvodu môže tento statický nástroj na tvorbu webových stránok veľmi pomôcť pri rýchlom vytváraní webových stránok. Malo by sa objasniť, že keď hovoríme o statické webové stránky máme na mysli webové stránky, ktoré nespracovávajú údaje. To znamená, že nemôžu spracovávať formuláre ani generovať dokumenty. Tieto webové stránky sú zvyčajne určené pre malé projekty a informačné stránky.

Všeobecná charakteristika Huga

• Vysoká rýchlosť. Ako sa uvádza na ich webových stránkach, ide o najrýchlejší nástroj tohto druhu. Priemerná stránka je vytvorená za menej ako sekundu.
• Dôkladná správa obsahu a pravidlá flexibility. Hugo je snom obsahového stratéga. Hugo podporuje neobmedzené typy obsahu, taxonómie, ponuky, dynamický obsah založený na API a ďalšie, všetko bez doplnkov.
• Skratky nám ponúkajú schopnosť používať syntax Markdown, ktorá poskytuje veľkú flexibilitu.
• Integrované šablóny. Tento statický nástroj na tvorbu webových stránok má spoločné vzory na rýchle vytvorenie našej práce. Hugo sa dodáva s vopred pripravenými šablónami na rýchlu prácu so SEO, komentáre, analýzy a ďalšie funkcie.
• Vlastné výstupy. Umožňuje nám to generovať náš obsah vo viacerých formátoch vrátane JSON alebo AMP, a tým uľahčiť tvorbu obsahu.
• K dispozícii je viac ako 300 tém, ktorý nám poskytuje robustný systém tém, ktorý sa ľahko implementuje a je schopný produkovať aj tie najkomplikovanejšie webové stránky. Dá sa odliať pohľad na témy k dispozícii na webovej stránke projektu.

Nainštalujte si Hugo na Ubuntu

Hugo je veľmi populárny program, a preto je jeho inštalácia na Gnu / Linux a konkrétne na Ubuntu jednoduchý proces. Prvá dostupná možnosť inštalácie bude používať predkompilované balíčky, ktoré nájdete v stránka vydania projektu. Ak si chcete stiahnuť balík .deb, budeme musieť otvoriť iba terminál (Ctrl + Alt + T) a vykonať nasledujúci príkaz:

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

Po stiahnutí budeme ho môcť nainštalovať vykonaním tohto druhého príkazu v rovnakom termináli:

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

Na konci inštalácie môžeme začať pracovať.

Ďalšia možnosť inštalovať tento program bude prostredníctvom vášho snap pack. Inštalácia bude taká jednoduchá ako otvorenie terminálu (Ctrl + Alt + T) a jeho napísanie:

sudo snap install hugo

Prvé kroky

Hugo je tvorca webových stránok. Prvá vec, ktorú musíme urobiť, je teda vytvorte nový web v nasledujúcom formáte:

hugo new site [nombre-del-sitio]

Pre tento príklad som vytvoril nový web pomocou príkazu:

hugo new site sinforoso

Týmto sa vytvorí nový priečinok s názvom vinutie V adresári domov používateľ. Na začiatok sa chystáme vstúpiť do tohto priečinka a odtiaľ začneme pracovať.

Ďalšia vec, ktorú urobíme, je pridať nový motív pre web. Ak chcete pridať všetky dostupné témy, môžete použiť príkaz:

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

Týmto sa nainštalujú všetky motívy Huga, takže to môže trvať dlho. Môže byť užitočné vyskúšať, ktorý z nich chcete. V mojom prípade som si vybral konkrétnu tému, takže namiesto vyššie uvedeného príkazu som použil nasledujúce:

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

Je dôležité, aby sme dané témy zaradili do carpeta Témy, ktoré nájdeme vo vnútri priečinka, v ktorom pracujeme.

Po nainštalovaní témy musíme povedz Hugovi, aby použil túto konkrétnu tému. Aby sme to dosiahli, musíme definujeme v súbore config.tom, ktorý nájdeme v pracovnom priečinku ako je uvedené na nasledujúcej snímke obrazovky.

Po vykonaní zmien zmeny uložíme a zavrieme. Všetko, čo musíme urobiť, je vytvorte nový index, ktorý sa zobrazí na webe. Urobíme to nasledujúcim príkazom:

hugo new _index.md

Ako vidíte, súbor má príponu md, to znamená môžeme pridať obsah pomocou Markdownu. Tento súbor je možné nájsť a upraviť v priečinku priečinok s obsahom.

Môžeme tiež vytvorte nové kategórie na formovanie stránky:

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

V tejto chvíli na prezeranie našej webovej stránky, použijeme nasledujúci príkaz:

hugo serve

A ako vidíte na nasledujúcej snímke obrazovky, naša webová stránka bude k dispozícii v prehliadači na adrese http: // localhost: 1313.

Stručne povedané, Hugo je program, ktorý vytvára iba statické webové stránky, ale v určitých prípadoch je veľmi užitočný. Viac informácií o projekte môžete získať vo svojom miesto alebo v úradná dokumentácia.