Hugo, brzi i fleksibilni izrađivač statičnih web stranica

U sljedećem članku ćemo pogledati Huga. Ovo je jedan od generatori statičkih stranica otvorenog koda najpopularniji, koji je ujedno i potpuno besplatan. Zahvaljujući neverovatnoj brzini i fleksibilnosti, ovaj generator čini izgradnju web stranica brzom i lakom. Is about generator web stranice Statički HTML i CSS napisani u programu Go. Optimiziran je za brzinu, jednostavnost upotrebe i prilagodljivost.

Izrada web stranice je proces koji zahtijeva određeno vrijeme i znanje HTML-a i drugih jezika. Iz tog razloga ovaj statični graditelj web stranica može biti od velike pomoći u brzom kreiranju web stranica. Treba to razjasniti kada govorimo o statične web stranice mislimo na web stranice koje ne obrađuju podatke. Odnosno, oni ne mogu obrađivati ​​obrasce ili generirati dokumente. Ove web stranice su obično napravljene za male projekte i informativne stranice.

Opće karakteristike Huga

• Velika brzina. Kao što je navedeno na njihovoj web stranici, ovo je najbrži alat ove vrste. Prosječna lokacija se izgradi za manje od sekunde.
• Robusno upravljanje sadržajem i pravila fleksibilnosti. Hugo je san stratega sadržaja. Hugo podržava neograničene vrste sadržaja, taksonomije, izbornike, dinamički sadržaj vođen API-jem i još mnogo toga, sve bez dodataka.
• Kratki kodovi nude nam sposobnost korištenja Markdown sintakse, pružajući veliku fleksibilnost.
• Integrirani predlošci. Ovaj statični graditelj web stranica ima uobičajene obrasce za brzo stvaranje našeg rada. Hugo isporučuje unaprijed izrađene predloške za brzi SEO posao, komentare, analitiku i druge funkcije.
• Prilagođeni izlazi. Dozvoljava nam generirajte naš sadržaj u više formata, uključujući JSON ili AMP, i na taj način olakšati stvaranje sadržaja.
• Dostupno više od 300 tema, dajući nam robustan sistem tema koji je jednostavan za implementaciju, a sposoban za proizvodnju i najsloženijih web stranica. Može se glumiti pogled na teme dostupno na web stranici projekta.

Instalirajte Hugo na Ubuntu

Hugo je prilično popularan program, što čini njegovu instalaciju na Gnu / Linuxu, posebno Ubuntuu, jednostavnim postupkom. Prva dostupna opcija instalacije bit će korištenje prekompajlirani paketi koji se mogu naći u stranica izdanja projekta. Da bismo preuzeli .deb paket, trebat ćemo samo otvoriti terminal (Ctrl + Alt + T) i izvršiti sljedeću naredbu:

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

Nakon preuzimanja, moći ćemo ga instalirati izvršavanjem ove druge naredbe u istom terminalu:

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

Na kraju instalacije možemo početi raditi.

Druga mogućnost za instalaciju ovog programa bit će putem vašeg snap pack. Instalacija će biti jednostavna poput otvaranja terminala (Ctrl + Alt + T) i unosa u njega:

sudo snap install hugo

Prvi koraci

Hugo je izrađivač web stranica. Dakle, prva stvar koju moramo učiniti je kreirajte novu web lokaciju koristeći sljedeći format:

hugo new site [nombre-del-sitio]

Za ovaj primjer kreirao sam novu stranicu s naredbom:

hugo new site sinforoso

Ovo će stvoriti novu mapu pod nazivom navijanje U adresaru kući korisnika. Za početak ćemo pristupiti ovoj mapi i započeti posao odatle.

Sljedeće što ćemo učiniti je dodajte novu temu za web lokaciju. Ako želite dodati sve dostupne teme, možete koristiti naredbu:

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

Ovo instalira sve Hugo teme, tako da može potrajati. Može biti korisno pokušati koju želite. U mom slučaju sam odabrao određenu temu, pa sam umjesto gornje naredbe koristio sljedeće:

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

Važno je da teme smjestimo u carpeta kontakt, koju ćemo pronaći unutar mape u kojoj radimo.

Nakon instalacije teme, moramo recite Hugu da koristi tu određenu temu. Da bismo to učinili moramo definirajte ga u datoteci config.tom, koju ćemo pronaći u radnoj mapi kao što je naznačeno na sljedećem snimku zaslona.

Jednom kada se promjene izvrše, spremamo i zatvaramo. Sada sve što moramo učiniti je stvoriti novi indeks za prikaz na web mjestu. To ćemo učiniti sa sljedećom naredbom:

hugo new _index.md

Kao što vidite, datoteka ima md ekstenziju, to znači da možemo dodati sadržaj pomoću umanjenja. Ovu datoteku možete pronaći i urediti u folder sa sadržajem.

Možemo i mi stvoriti nove kategorije za oblikovanje web stranice:

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

Na ovom mjestu, za pregled naše web stranice, koristit ćemo sljedeću naredbu:

hugo serve

I kao što možete vidjeti na sljedećem snimku zaslona, naša web stranica će biti dostupna iz pretraživača na http: // localhost: 1313.

Ukratko, Hugo je program koji stvara samo statične web stranice, ali je vrlo koristan u određenim slučajevima. Više informacija o projektu možete dobiti u svom sajt ili u službena dokumentacija.