U sljedećem ćemo članku pogledati Huga. Ovo je jedan od generatori statičkih stranica otvorenog koda najpopularniji, koji je ujedno i potpuno besplatan. Zahvaljujući svojoj nevjerojatnoj brzini i fleksibilnosti, ovaj generator omogućuje brzu i jednostavnu izradu web stranica. Je o generator web stranice Statični HTML i CSS napisani u programu Go. Optimiziran je za brzinu, jednostavnost upotrebe i prilagodljivost.
Izrada web stranice postupak je koji zahtijeva određeno vrijeme i znanje HTML-a i drugih jezika. Iz tog razloga ovaj graditelj statičnih web stranica može vam biti od velike pomoći u brzom stvaranju web stranica. Treba pojasniti da kada govorimo o statične web stranice mislimo na web stranice koje ne obrađuju podatke. Odnosno, ne mogu obrađivati obrasce niti generirati dokumente. Te se web stranice obično izrađuju za male projekte i informativne web stranice.
Opće karakteristike Huga
- Velika brzina. Kao što je navedeno na njihovoj web stranici, ovo je najbrži alat ove vrste. Prosječna stranica 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 graditelj statičnih 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. Dopušta nam generirati 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 sustav tema koji je jednostavan za implementaciju, a sposoban je proizvesti i najsloženije web stranice. Može se glumiti pogled na teme dostupno na web mjestu 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 upotreba unaprijed sastavljeni 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 instaliranja 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, prvo što trebamo učiniti je izradite novu stranicu koristeći sljedeći format:
hugo new site [nombre-del-sitio]
Za ovaj primjer stvorio sam novo mjesto s naredbom:
hugo new site sinforoso
Ovo će stvoriti novu mapu pod nazivom navijanje U adresaru dom korisnika. Za početak ćemo pristupiti ovoj mapi i odatle ćemo započeti posao.
Sljedeće što ćemo učiniti je dodajte novu temu za web mjesto. Ako želite dodati sve dostupne teme, možete upotrijebiti naredbu:
git clone --depth 1 --recursive https://github.com/gohugoio/hugoThemes.git themes
Ovim se instaliraju sve Hugo teme, pa može potrajati. Može biti korisno isprobati koju želite. U mom slučaju odabrao sam određenu temu, pa sam umjesto gornje naredbe upotrijebio sljedeće:
git clone https://github.com/matcornic/hugo-theme-learn.git themes/learn
Važno je da teme smjestimo u mapa teme, koju ćemo pronaći unutar mape u kojoj radimo.
Nakon instalacije teme, moramo reci 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.
Nakon što 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 sljedećom naredbom:
hugo new _index.md
Kao što vidite, datoteka ima md nastavak, to znači da možemo dodati sadržaj pomoću Markdowna. Ovu datoteku možete pronaći i urediti u mapa sa sadržajem.
Možemo i mi stvoriti nove kategorije za oblikovanje web stranice:
hugo new [categoría]/[archivo.md]
U ovom trenutku, 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še će web mjesto biti dostupno iz preglednika 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 vašem mjesto ili u službena dokumentacija.
U naredbi za preuzimanje tema postoji mala pogreška. U postu naznačujete da je naredba:
git klon - rekurzivan https://github.com/spf13/hugoThemes teme
Ta naredba daje pogrešku. Na službenoj stranici naznačeno je da za obavljanje ovog postupka morate staviti:
git klon - dubina 1 - rekurzivan https://github.com/gohugoio/hugoThemes.git teme
i sve su teme preuzete.
Upravo sam to ispravio. Hvala na upozorenju.