Ako planirate izraditi jednostavnu web stranicu vođenu sadržajem, vjerojatno ne želite trošiti previše vremena na njeno kodiranje. To može biti slučaj ako izrađujete poslovnu stranicu, blog ili osobni portfelj.

Generatori statičkih stranica ciljaju na ove vrste scenarija. Omogućuju vam da pokrenete web stranicu koja vam omogućuje da se usredotočite na svoj sadržaj i njegov dizajn.

Hugo je jedan primjer generatora statičkih stranica. Ima podršku za teme, pisanje u Markdownu i druge pogodnosti osim toga.

Što je Hugo?

Hugo je generator statičkih stranica koji vam omogućuje izradu web stranice s malo ili bez koda. Generatori statičkih stranica obično vam omogućuju da svoj sadržaj napišete u a jednostavan jezik za označavanje, poput Markdowna.

Generator statične stranice zatim pretvara vaš sadržaj u statičke HTML datoteke. Primjenjuje sve predloške ili stilove na vaše stranice prije nego što ih posluži korisniku.

Koristeći Hugo, možete birati između biblioteke tema i dizajna web-mjesta koje su drugi ljudi već izradili. Nakon što preuzmete temu, možete početi pisati svoj sadržaj. Hugo prihvaća različite formate u kojima možete pisati svoj sadržaj.

instagram viewer

Što su Hugo teme?

Možete posjetiti popis Hugo teme kako biste pronašli jednu za početak. Također možete odabrati temu na temelju različitih kategorija i dizajna filtera napravljenih posebno za blogove, portfelje i još mnogo toga.

Možete kliknuti na temu da biste vidjeli više informacija. Ovdje možete preuzeti temu da biste počeli raditi na njoj. Također možete pregledati kako bi tema izgledala nakon što je implementirate.

Većina tema imat će lažne podatke kao rezervirana mjesta. Kada izmijenite temu, ove pojedinosti možete promijeniti kako god želite.

Kakva je struktura Hugo stranice?

Korištenje teme omogućuje vam dodavanje sadržaja uz male ili nikakve promjene koda. Međutim, još uvijek možete zaroniti u kod ako želite promijeniti njegovu strukturu. Hugo koristi Go predloške za korištenje varijabli i rezerviranih mjesta unutar vaših HTML datoteka.

Izrada Hugo projekta na vašem računalu automatski će generirati zadane datoteke potrebne za projekt.

Glavne komponente projekta uključuju:

  • arhetipovi: Ovdje možete pohraniti predloške koji mogu definirati bilo koje oblikovanje ili dodatne podatke za svaku stranicu. Kada kreirate novu stranicu, ona će se temeljiti na predlošku.
  • imovina: Ovdje možete pohraniti bilo koju imovinu, kao što su vaše datoteke CSS stilskog lista.
  • sadržaj: Ovdje možete pohraniti sadržaj za svoju web stranicu. Svaku stranicu možete pohraniti u zasebnu datoteku. Na primjer, ako pravite blog, upotrijebili biste Markdown datoteku za svaki post.
  • rasporedi: Ovdje možete pohraniti kratke isječke HTML koda koji se mogu ponovno koristiti, a nazivaju se kratki kodovi. Možete ih koristiti u svojim datotekama sadržaja.
  • javnost: Sadrži datoteke i mape koje možete prenijeti i koristiti na web poslužitelju kada hostirate svoju stranicu.
  • teme: Sve teme koje ste preuzeli s Huga pojavit će se ovdje.

Koje su prednosti korištenja Huga?

Budući da je Hugo prilično lagan i generira statične web stranice, vaša konačna web stranica i njezin sadržaj mogu se vrlo brzo učitati. To znači da će korisnici imati malo vremena čekanja prilikom pregledavanja vaše stranice.

Sav sadržaj je statičan i ne mijenja se nakon što korisnik pregleda stranicu. Stoga se ne morate brinuti o stalnim zahtjevima poslužitelju. Također ne morate brinuti o bazama podataka ili računovodstvu za dinamičke podatke.

I ne trebate napredne vještine programiranja da biste mogli raditi s Hugo web lokacijom. Međutim, budući da imate izravan pristup kodu, možete ga u potpunosti prilagoditi onako kako želite ako to želite.

Korištenje statičkih generatora web stranica za izradu web stranica

Hugo je izvrstan generator statičkih stranica koji pretvara vaš sadržaj u obične HTML datoteke. Možete koristiti širok raspon tema i jednostavno pregledati svoju web stranicu tijekom procesa dizajna.

Hugo nudi komponente za višekratnu upotrebu i prikladnu standardnu ​​strukturu datoteka, među ostalim prednostima. Ali Hugo je samo jedna opcija. Trebali biste nastaviti istraživati ​​druge generatore statičkih stranica koje možete koristiti za izradu web stranice.

11 generatora statičkih web stranica otvorenog koda koje možete koristiti za izradu svoje web stranice

Pročitajte dalje

UdioCvrkutUdioE-mail

Povezane teme

  • Programiranje
  • Web razvoj
  • Web dizajn
  • HTML

O autoru

Sharlene Von Drehnen (Objavljeno 15 članaka)

Sharlene je tehnička spisateljica u MUO-u, a također radi puno radno vrijeme u razvoju softvera. Diplomirala je informatiku i ima prethodno iskustvo u osiguravanju kvalitete i sveučilišnom podučavanju. Sharlene voli igre i sviranje klavira.

Više od Sharlene Von Drehnen

Pretplatite se na naše obavijesti

Pridružite se našem biltenu za tehničke savjete, recenzije, besplatne e-knjige i ekskluzivne ponude!

Kliknite ovdje za pretplatu