Najbolji generatori za statičke stranice

Najbolji generatori za statičke stranice


Proces izrade web stranice sastoji se od dva dijela: dajete sadržaj, a zatim vaš CMS – WordPress, ili sve što odlučite koristiti – uzima taj sadržaj, kombinira ga s vašom odabranom temom i vašim odabranim predlošcima i od nje izrađuje web mjesto. kako bi kupci ili vaši čitatelji mogli čitati. Ali ta dva dijela ne moraju biti učinjena zajedno: oni se mogu razdvojiti jedan od drugog, i to je ono što generator statičkih stranica (SSG) se.

U ovom ćemo vodiču objasniti što je generiranje statičkih stranica i koje su prednosti toga, a nabrojat ćemo i deset najboljih generatora statičkih web mjesta kako bismo dali neke smjernice kako odabrati između njih.

Kako djeluje statički generator web mjesta? I zašto koristiti jedan?

Kao što je već spomenuto, većina CMS-ova radi dvije stvari: pretvara vaš sadržaj u HTML kombinirajući ga s vašim temama i predlošcima, a zatim taj HTML stavljaju na raspolaganje kao web mjesto. Generator statičkih web mjesta podijeli taj postupak na dva dijela: dio u kojem se vaš sadržaj pretvara u HTML događa se na vašem računalu, što vam daje mapu punu HTML datoteka. Zatim te HTML datoteke učitate na web, gdje su svima dostupne kao web stranica.

Ali zašto to učiniti? Ima brojne prednosti.

Prva je sigurnosti. Jer je vaša web stranica stvar s kojom ljudi komuniciraju jednostavan HTML i mnogo je teže hakiranje. A budući da se statički generator web mjesta, koji sadrži sav računalni kôd koji radi, pokreće samo na vašem računalu i uopće nije izložen širem svijetu. To znači da su sigurnosna ažuriranja u velikoj mjeri nepotrebna; više se ne morate zamarati redovitim skočnim prozorima koji će vam reći da ažurirate CMS, ažurirate svoje dodatke, ažurirate web mjesto.

Za neke bi to mogao biti dovoljan razlog, ali postoji i druga velika korist za stvaranje statičkih stranica: izvođenje.

Web stranica napravljena od statičkog HTML-a može se učitati mnogo brže od one gdje je treba obraditi pri svakoj posjeti. Umjesto da se sadržaj i tema iznova kombiniraju svaki put kada posjetitelj pregleda web mjesto, to se radi jednom u vrijeme generacije na vašem računalu, a zatim više nije potrebno. Umjesto toga, web stranica je već u vidljivom obliku.

Bolja izvedba koristi vaše web mjesto na sve vrste načina. Više je vjerojatnost da će vaši kupci nastaviti gledanje i stope napuštanja početne stranice su niže,  Brže vrijeme učitavanja stranica izvrsno je za SEO jer Google i ostale tražilice cijene brze performanse i poboljšavaju vašu ocjenu.

Napadi prometa nisu problem; Ako odjednom naglo skočite broj posjetitelja, s njim će se postupati sasvim u redu, i nikad nećete vidjeti jednu od onih poruka „502 Bad Gateway“ kada je web mjesto preopterećeno baš u trenutku kad postane popularno.

Uz sve srebrne obloge, iako postoji oblak, i za stvaranje statičkih stranica, nesumnjivo trebate biti spremni biti malo više tehnički kako biste koristili ovu tehniku ​​za svoje web mjesto.

Ovo razdvajanje faze „generacije“ i „faze objavljivanja“ treba razumjeti, a generatori statičkih stranica, uglavnom, pretpostavljaju malo više baze tehničkog znanja nego standardne vrste dinamičkog CMS-a. Konkretno, većina generičara statičkih web mjesta zahtijevaju barem malo upoznavanje s uređajima naredbeni redak: ove se aplikacije pokreću pokretanjem naredbi, a ne pokazivanjem i klikom.

Zbog potrebe za naredbenim retkom, statički generatori možda nisu za sve, ali ako ste spremni razmotriti zasukanje rukava i ronjenje malo dublje nego što je to uobičajeno, postoje neke potencijalne pobjede.

Pogledajmo deset najboljih generatora statičkih web stranica, a zatim kako odabrati između njih.

10 najboljih statičkih web lokacija

1. Hugo

logotip hugo

Hugo je na postavljanju i korištenju krajnjeg terminala generiranih statičkih stranica. Njihova dokumentacija, posebno o kako instalirati Hugo i pokrenite ga, prilično je sveobuhvatan i ne treba vam prvo instalirati novu trgovinu paketa, a zatim instalirati Hugo iz.

Ima veliku količinu unaprijed izgrađene teme što olakšava odabir i željeni izgled vašeg web mjesta, a jedna od ključnih karakteristika koje ima tim Hugoa je njegova brzina izrade.

Ako unesete promjenu na svoju web lokaciju dodavanjem ili uređivanjem sadržaja ili promjenom teme, potrebno je da “obnovite” web lokaciju: to jest, pokrenite postupak kombiniranja sadržaja s temom u HTML za svaku stranicu. Čak i mala razlika u performansama brzine gradnje može napraviti razliku između sekundi čekanja i minuta čekanja da biste vidjeli rezultat promjene koju ste napravili, a Hugo naporno radi na tome da budete najbrži u tome.

Ako web lokaciju izrađujete iz postojećih podataka, tada Hugo’s “Sadržaj na temelju podataka“Značajka omogućuje relativno jednostavno postavljanje sadržaja web mjesta u CSV ili JSON formatima. Ovo može biti koristan način za preuzimanje postojećih podataka koje želite svijetu iznijeti na prikladniji način kroz koji mogu pregledavati i kretati se bez potrebe za otvaranjem Excela ili Google Sheets-a..

2. Jedanaest, ili 11ty11ty logo

11ty je jedan od novijih SSG-a, ali sve je više na listi popularnosti. Smatra se “jednostavnijim generatorom statičkih stranica”. Međutim, to zahtijeva razumnu količinu tehničke upoznatosti (i dokumentacija to odražava), ali za one koji je mogu razumjeti, stvari čini na elegantan način.

11ty je napisano na JavaScript-u i tako je potrebno node.js raditi; prvo ćete ga morati instalirati ako već niste, a zatim instalirati 11ty iz naredbenog retka.

11ty zauzima snažno stajalište o izvedbi web stranica, do točke u kojoj s ponosom prikazuju izvedba web stranica izgrađenih uz njega, a vrlo je popularna među web profesionalcima i onima koji kuriraju i grade otvoreni web općenito.

3. Pelikandobiti logotip pelikana

Pelican ima prilično iscrpljenu estetiku, ali upotreba Pythona kao osnovnog programskog jezika, ima potencijal da se proširi u gotovo bilo kojem smjeru koji možda želite s malo dodatnog programiranja.

Ima podršku za uvoz podataka o web lokaciji s WordPress-a, što olakšava prelazak s postojećeg WordPress web mjesta u generiranje statičkih stranica bez gubitka trenutne postavke. I poput bolje klase SSG-ova dizajniran je tako da može upravljati cijelom web stranicom, a ne prvenstveno za bloganje.

Pelikan u početku ima pomalo strmu krivulju učenja, što ga čini prikladnijim za nekoga tko je barem malo upoznat s Pythonom. Slično tome, trebat će vam instalacija Python-a na vašem računalu, a upute se ne daju ne-programerima koji to nemaju … ali ako ste tip programera koji već koristi Python, Pelican je dobro mjesto za početak.

4. Nikola

nikola logo

Nikola se za stvaranje statičkih stranica s vrlo “uključenim baterijama” pruža vrlo detaljne predloške za bloganje i pune web stranice, ali i slike slika i pretraživanje između ostalog.

Ima prilično opsežan popis dodataka i teme. Iako Nikola ipak teže ka tehničkom kraju tržišta; morat ćete biti prilično sigurni u razvoj Pythona da biste ovdje učinili više od osnova, ali ako ste tada Nikola nudi više proširivosti od mnogih drugih mogućnosti.

Popis tema nije baš sveobuhvatan, pa ako tražite nešto ljepše, a ne informativno, možda je bolje potražiti drugdje. Međutim, brzina obnove brža je od većine drugih mogućnosti.

Poput Pelicana, Nikola pretpostavlja da već imate Python na raspolaganju i ne objašnjava kako to učiniti moguće, pa ako niste i jeste u sustavu Windows, možda biste htjeli pogledati neku drugu alternativu.

5. GatsbyGatsby logo

Gatsby sebe naziva statičkim PWA generatorom. PWA je pojam umjetnosti za Progresivne web aplikacije, koji mogu raditi izvan mreže, dodavati na početni zaslon na mobilnim uređajima i tako dalje. To je moguće učiniti s bilo kojeg web mjesta, uključujući i one generirane drugim SSG-ovima, ali Gatsby pruža tu podršku izvan okvira.

Za one koji su upoznati s Reactom, knjižnica web komponenti, Gatsby može biti dobar izbor, jer je izgrađen oko nje, tako da možete ponovo upotrijebiti poznato okruženje koje već znate – doista, Reagirajte vlastito web mjesto gradi se s Gatsbyjem.

Gatsby zahtijeva i node.js i sustav kontrole verzija Git biti instaliran. Imaju prilično detaljan skup stranice s dokumentacijom o tome kako postaviti Gatsby okruženje, uključujući Windows, ali to je prilično uključen proces ako niste upoznati sa naredbenim retkom. Također, dokumentacija kombinira upute za Windows i Linux i Mac zajedno, što je čini malo teško pratiti.

6. Jekyll

Jekyll logo

Jekyll je jedan od najstarijih generatora statičkih stranica, ali još uvijek se aktivno razvija, a njegova je popularnost velikim dijelom potaknula poplavu SSG inovacija koje su proizvele sve ostalo na ovom popisu.

Jedna od njegovih tvrdnji da je slava je da je ugrađen u uslugu Github hosting hostinga: moguće je spremiti svoj sadržaj u Github skladište, oblačni pogon za kod, na način da Github pokrene Jekyll kod za vi i pretvarate sadržaj u web mjesto, a da uopće ne morate pokrenuti neki kôd.

Na taj način Github stranice usluga se može besplatno koristiti kao domaćin za vašu statičku web stranicu, a dokumentacija kako to postaviti je prilično jasna i lako slijediti.

Ipak će joj trebati neko poznavanje Git sustav upravljanja kodom. Moguće je i Jekyll pokrenuti na vlastitom računalu, a oni to pružaju skup upute za instalaciju sustava Windows, iako Windows nije službeno podržan.

7. Statiq.web

statiq logo

Statiq Web prilično je nov dodatak nizovima SSG-ova i još je uvijek u prilično teškom razvoju. Tako je najprikladnije za one koji su voljni uključiti se u taj proces i pridružiti se zajednici vraćajući se na dobro što djeluje, a što ne.

Njegova jedinstvena prodajna točka je to što je izgrađen s .NET-om, pa će oni koji imaju neko znanje tog programskog skupa Statiq Web lijepo odgovarati svom postojećem iskustvu. To je primjer projekta općenitijeg Statiq okvira, tako da će iskusniji programer moći prihvatiti širi okvir za izgradnju nečeg opsežnijeg.

8. Publije

Logo Publije

Publii, za razliku od većine ovdje drugih generatora statičkih web lokacija, nije alat naredbenog retka. Umjesto toga, to je desktop aplikacija, dostupna za Windows, Mac i Linux.

Ovo možete smatrati nečim sličnim WordPressu, osim što umjesto web stranice, to je aplikacija koja se pokreće na vašem računalu, a zatim generira statičku verziju web stranice, spremnu za objavljivanje kao i ostali alati.

Postoje ugrađeni alati za objavljivanje za pokretanje statičke web stranice na razne postojeće hostove, poput Netlify i lokacija hostinga u oblaku. Ima sustav uvoza za pretvaranje postojećeg WordPress web mjesta u Publii i tržište plaćenih tema profesionalne razine.

Sama aplikacija je besplatna i otvorenog koda te ima aktivnu zajednicu korisnika koji pomažu jedni drugima na forumu za diskusiju. Publii je najmanje tehnički od trenutno ponuđenih generatora statičkih stranica, a pritom još uvijek ima u potpunosti sve njihove prednosti. Za nekoga tko ne želi ući u kodiranje i naredbeni redak to je sjajno rješenje.

9. WP2Static

wp2static logotip

WP2Static ima prilično drugačiji pristup od ostalih generatora statičkih web mjesta: on nije strogo sam voditelj web mjesta. Umjesto toga, uspijeva s WordPressom napraviti statičku verziju web mjesta kojom upravlja sam WordPress.

Na jeziku gore opisanog, WP2Static ostavlja WordPressu zaduženom za uređivanje i pretvaranje vašeg sadržaja u HTML kombinirajući ga s vašim temama i predlošcima. Zatim zakoračite u WP2Static da uzmete taj HTML i objavite ga kao običan HTML negdje na webu.

Postoje neke očite prednosti ovoga: možete nastaviti koristiti WordPress sučelje s kojim ste upoznati i imati pristup cijeloj WordPressovoj širokoj biblioteci tema i dodataka.

Međutim, postoje i nedostaci ovoga: važno je da svoju WordPress instalaciju premjestite na neko drugo mjesto, jer ćete u suprotnom izgubiti većinu prednosti statičke izrade web mjesta.

Ako vaša web lokacija bude statična, pruža velike sigurnosne prednosti jer ne upotrebljavate dinamičan proizvod kao što je WordPress, ali s ovim rješenjem su još uvijek koristi WordPress. Zato je važno sakriti taj WordPress negdje gdje ga nitko osim vas ne može pronaći.

Tehnički oni mogu to premjestiti na skriveni poslužitelj ili pokrenuti WordPress na svojim lokalnim računalima. Nekome tko odmah ne razumije kako to učiniti, može slijediti koncepte koji su uključeni, a može vas zbuniti sjetiti se da web mjesto koje generira vaš (skriveni) WordPress nije web mjesto koje javnost vidi dok ne objavi gumb je pritisnut.

Međutim, ako ste jako navikli na korisničko sučelje WordPressa ili ste jako vezani za određene WP dodatke ili teme koje bi bilo teško pronaći ili staviti na raspolaganje na drugom SSG-u, WP2Static bi mogao biti idealno rješenje.

10. Dalje.js

Nextjs logo

Next.js je manje generator za statička mjesta i više je okvir za izgradnju statičkih aplikacija pomoću React-a. Podržava generiranje statičkih web lokacija (i nadogradio je ovu podršku da bi je znatno poboljšao u izdanju 9.3 početkom 2020.), a ako želite izgraditi aplikaciju s Reactom i želite da generiraju statičku web lokaciju najbolje u klasi, to spremite, Sljedeće .js je dobro mjesto za pogledati.

Pretpostavlja dobro poznavanje i JavaScript-a i React-a, tako da nije netehničko, a dokumentacija se naginje Linux ili Mac okruženju s uslugom usana plaćenim Windows korisnicima.

No, za ono što vrijedi, to je vrlo dobro, i oko njega se događa jako puno zubi, što znači da se razvija jako i napreduje u skokovima i naprijed.

Kako odabrati pravu?

Tu ga imate: popis onoga što izabrati.

Ali kako odabrati onaj koji je najbolji za vas?

Pa, ako niste zainteresirani za ulazak u naredbeni redak, svakako pogledajte Publii. Ako ste stručnjak za WordPress koji želi statički stav, tada WP2Static nadograđuje te opsežne vještine koje već imate. Ako vas brine brzina, onda su mjesta za gledanje 11ty ili Hugo.

Ako imate iskustva u određenom programskom jeziku ili okruženju, odaberite generator statičkog web mjesta napisan tim jezikom kako biste najbolje iskoristili svoje postojeće vještine: za Python koristite Pelican ili Nikola; za Ruby, Jekyll, za .NET, Statiq, za React pogledajte Next.js i Gatsby, a za JavaScript 11ty.

Ako se premještate s postojeće WordPress stranice, svakako provjerite ima li vaš alat alat koji ima uvoz za vaš WordPress sadržaj (većina), i budite svjesni da je eksperimentiranje jeftino i jednostavno. Možete izgraditi testno statičko web mjesto s nekim primjerima sadržaja i generirati ga na vlastitom računalu bez da ga itko drugi može vidjeti.

Isprobajte alate koji vam se sviđa zvukom – svi su besplatni i otvorenog koda – a onda kad budete spremni, počnite tražiti mjesta za hostiranje statičkog sadržaja.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map