Nedavno je došlo do velikog pomaka prema statičkim web-lokacijama u području razvoja weba. Statična su mjesta lakša za održavanje (bez baza podataka, bez skripti na strani poslužitelja!) I općenito su sigurnija, s obzirom da je jedina stvar koja se poslužuje korisničkim uređajima datoteke HTML, CSS i Javascript. Da bi neke vrste web-mjesta poput blogova i web-lokacija za dokumentaciju postale statične, samo izravno pisanje koda u HTML datotekama postaje naporno. Također postaje teško održavati mjesta s velikim sadržajem, pogotovo kada je potrebno promijeniti neke male značajke (poput dizajna).
Ovo je mjesto gdje statični web generatori dolaze u. Statički web Generatori u osnovi pretvoriti (ili sastaviti) hrpa različitih resursa datoteka u jednu web stranicu. To znači da sadržaj može biti odvojen od koda rasporeda, a imovina web-lokacije kao što su slike mogu biti potpuno odvojene. Postoji mnogo statičkih generatora mjesta, čak stotine. Ovdje je popis 10 najboljih statičkih generatora web-lokacija i njihovih recenzija.
Statički generatori stranica
1. Jekyll
Jednom riječju: Kralj statičkih generatora . Jekyll je najčešće korišteni statički generator tamo, s najvećom dokumentacijom, najvećom zajednicom i najboljom podrškom. Čak i GitHub nudi ugrađenu podršku za Jekyll na svojoj GitHub stranicama. Jekyll se ponosi time što je svjestan bloga. Stvaranje statičkog bloga na Jekyllu je stvarno jednostavno. To zahtijeva samo znanje o osnovnom razvoju weba. To doista sjaji, zbog svojih jednostavnih značajki podešavanja za početnike, a istovremeno imaju zaista moćne značajke za one koji ih koriste.
Jekyll vam omogućuje stvaranje i korištenje različitih dodataka, oznaka, pa čak i stvaranje vlastitih pretvarača za bilo koji označni jezik koji želite koristiti s Jekyllom. Zadani jezik označavanja za Jekyll - poput većine ostalih - je Markdown. Jekyll ima dodatke za kompilaciju Manje, Stylus, generiranje oblaka oznaka, korisničkih stranica za blogove i još mnogo toga.
Jekyll je baziran na Liquid Template Engine tvrtke Shopify. Ona radi u cijelosti na Ruby, tako da je lako instalirati zajedno s ovisnosti pomoću rvm, ili koristeći bundler. Jekyll također ima jednostavne mogućnosti migracije, ako želite migrirati iz WordPressa, Bloggera ili bilo kojeg drugog bloga. To pobjeđuje svaki drugi statički site generator vani, ruke dolje, u smislu veličine korisnika. Ona je pod aktivnim razvojem (posljednja promjena na GitHub repo dolazi dan prije, u vrijeme pisanja).
Da biste instalirali Jekyll, samo unesite ovu naredbu u Ruby: gem install jekyll
2. Pelikan
Pelican je generator statičkih stranica izgrađen na Pythonu. Sadrži višejezično postavljanje sadržaja, označavanje koda (sintaksa), kao i jednostavno generiranje RSS i Atom feedova. Pelican ima lijep izbor dodataka, koji su smješteni na središnjem GitHub repozitoriju. Podržava 3 formata dokumenata prema zadanim postavkama: Markdown, reStructuredText i Ascii Doc.
Pelican je prilično jedinstven, budući da je izgrađen na Pythonu. Ona podržava snažan Jinja Template Engine koji se temelji python, kako bi se omogućilo jednostavno stvaranje prekrasne teme i predloške za Pelican. Što se tiče podrške za migraciju, Pelican nudi podršku za WordPress i Tumblr. Umjesto uobičajenih YAML datoteka za konfiguraciju, Pelican koristi datoteku .py pod nazivom pelicanconf.py za konfiguraciju i postavke.
Najjednostavniji način postavljanja pelikana je pomoću pip: pip install pelican
3. Srednji čovjek
Middleman je statički generator koji pokreće Ruby koji slijedi jednostavan pristup izgradnji statičkih stranica. Ima moćne značajke za održavanje statičkih blogova, kao što je jednostavno generiranje oznaka, brze naredbe za popisivanje kategoriziranih članaka i paginacija. Middleman ne nudi nikakvu podršku za migraciju, tako da ako želite napraviti postojeći blog statičnim, Middleman možda neće biti najbolja ideja za sada.
Middleman nudi podršku za većinu modernih alata za razvoj weba kao što su HAML, Coffeescript, Sass i ostalo. Njegov zadani mehanizam templating je eRb, ali vam omogućuje da se prebacite na prilagođeni predložak motora po vašem izboru. Svi motori predložaka s omogućenim nagibom (cijeli popis možete pronaći ovdje) rade na Middlemanu. Ona izvorno podržava 2 konfiguracijska formata - YAML, JSON. Prednost za vaš sadržaj mora biti i YAML ili JSON, ovisno o konfiguracijskom formatu koji koristite.
Instalirajte Middleman koristeći Ruby s: gem install middleman
4. Metalsmith
Metalsmith se ponosi time što se može priključiti na statički generator. To znači da sve logike Metalsmitha rješavaju dodaci. Bilo koja značajka koja vam je potrebna, samo dodajte potrebne dodatke. Sama brojka dodataka koje nudi Metalsmith pobjeđuje gotovo svakog natjecatelja (možda zabranjuje Jekyll i Docpad). To znači da se Metalsmith može koristiti kao više od statičkog generatora.
Prema vlastitim riječima "Budući da je sve plugin, jezgra knjižnice je zapravo samo apstrakcija za manipuliranje direktorijem datoteka". Što to konačno dodaje do, je da koristite Metalsmith jednako lako kao projekt skela, generator knjiga, alat za izgradnju, izradu tehničke dokumentacije, i još mnogo toga (ovi primjeri prikazani su na Metalsmithovoj web stranici).
Metalsmith se temelji na Node.js i može se instalirati pomoću upravitelja paketa čvorova s: $ npm install metalsmith
Homepage 5. Harfa
Harp ima ugrađenu predobradu za Jade, Markdown, LESS, Sass, Coffeescript, EjS i Stylus bez ikakve dodatne konfiguracije. Također vam omogućuje da koristite izgled / djelomičnu paradigmu s Jade i EjS, koja zahtijeva posebne dodatke na drugim statičkim generatorima.
Harpa je izgrađena na Node.Js i može raditi ruku pod ruku s Harp platformom, koja vam omogućuje stvaranje web stranica iz vaše Dropbox mape. Harpa također može kompilirati stranice za upotrebu na stranicama GitHub, PhoneGap i Heroku.
Da biste instalirali Harp, koristite npm i pokrenite: sudo npm install -g harp
Početna stranica
6. Octopress
Tehnički, Octopress je modificirana Jekyll vilica, ali zbog svoje velike popularnosti uključena je u ovaj popis. Octopress je u osnovi Jekyll za hakere (i rails programere). Prilagodba Octopress postaje jednostavna, pogotovo ako gradite blog, jer Octopress po defaultu uključuje mnoge dodatke koje biste trebali pokrenuti blog na Jekyllu.
U dijelu za prilagodbu, Octopressov kod olakšava korisnicima izmjenu koda i upisivanje vlastitog koda. To je, rekao je, puno dodataka za Octopress je kompatibilan s Jekyll (i obrnuto).
Da biste instalirali Octopress,
- Klonirajte GitHub repo
git clone git://github.com/imathis/octopress.git octopresscd octopress - Instalirajte ovisnosti
gem install bundlerrbenv rehash# Ako koristite rbenv, ponovite unos kako biste mogli pokrenuti naredbu bundlebundle install - Instalirajte zadanu temu Octopress
rake install
7. Docpad
Docpad je dinamički statički generator stranica. On proširuje mogućnosti normalnih statičkih generatora web-lokacija, sa značajkama kao što je pretraživanje baza podataka putem mehanizma upita, uvoz stranica iz vanjskih baza podataka i ponovno prikazivanje web-stranice za svaki zahtjev.
Docpad ima izvornu podršku za pre-procesore, kao što su Coffeescript, Stylus i LESS, te koristi dodatke za podršku motora predloška, pre-procesora i označnih jezika, tako da pomoću potrebnog dodatka možete odabrati željene kombinacije. Docpad također podržava uvoz stranica iz vanjskih izvora kao što su Tumblr, GitHub i Dropbox putem dodataka.
Docpad je platforma bogata značajkama, s mnogo dodataka i izvrsnom dokumentacijom. Izgrađen je na i koristi Node.js za interakcije poslužitelja.
Samo instalirajte Docpad pomoću npm: npm install -g npm; npm install -g [email protected] npm install -g npm; npm install -g [email protected]
Početna stranica
8. Hexo
Hexo je lagani statički okvir za blog koji se ponosi svojom brzom brzinom generiranja mjesta. Hexo je super za blogere s velikim količinama sadržaja koji žele jednostavan statički generator. Ona nudi jednostavne mogućnosti migracije iz drugih platformi za bloganje kao što su WordPress, Joomla, Jekyll, Octopress i RSS. Jedna od sjajnih stvari o Hexo je da možete koristiti većinu dodataka koji su napravljeni za Octopress (i prema tome, dodaci napravljeni za Jekyll s vrlo malim izmjenama)
Hexo podržava Markdown, YAML za prednju stvar i konfiguraciju. Imajući u vidu brzu prirodu, Hexo vam omogućuje da se rasporedite na web-mjesta kao što su GitHub, Heroku i Rsync pomoću samo jedne naredbe.
Hexo se može instalirati pomoću Node.js: npm install hexo-cli -g
9. Hugo
Hugo je generator statičkih stranica opće namjene s dobrim značajkama kao što su predlošci i parcijali, paginacija i "taksonomije", što je u osnovi jedinstveni sustav kategorizacije sadržaja kojeg slijedi Hugo. To znači da postove možete lako klasificirati na temelju ne samo oznaka, već i na bilo koji drugi način, kao što su kategorije ili serije izravno s prednje strane. Hugo podržava tri vrste podatkovnih datoteka - YAML, JSON i TOML i omogućuje vam da odlučite koji vam je najprijatniji.
Umjesto dodataka, Hugo koristi 'shortcodes' koji vam omogućuju korištenje bogatog sadržaja unutar vašeg Markdown-a. Da biste saznali kako to funkcionira, pročitajte ovaj članak. Hugo je napisan u Go programskom jeziku i nudi zasebne instalacijske datoteke za različite platforme na svojoj GitHub stranici. Da biste točno znali kako možete instalirati Hugo za korištenje, pročitajte upute za instalaciju za Hugo.
Ako koristite Homebrew, onda se Hugo i sve ovisnosti mogu instalirati s: brew install hugo
10. Brunch
Brunch je skloniji HTML5 web aplikacijama, a ne blogovima i web stranicama, ali i dalje je vrlo jednostavan za korištenje, brz generator statičkih stranica. To ne samo da kompilira sve svoje kod i skripte, ali također može smanjiti (smanjiti) svoj kod, i komprimirati slike automatski. Brunch ima cijeli niz dodataka koje možete koristiti za prilagodbu prema vašim potrebama. Potpuni popis dodataka Brunch možete pronaći ovdje.
Brunch nudi 'kosture' koji su u osnovi boilerplates za pokretanje vaše web stranice (ili web app). Ona nudi jednu od najbržih brzina kompilacije, jednostavno zato što Brunch sprema sve neizmijenjene dijelove vašeg projekta i kompilira samo one datoteke koje se revidiraju. Brunch je izgrađen na Node.js i može se instalirati pomoću npm: npm install -g brunch
Imate li kakvih prijedloga o ovom članku? Ostavite ga u komentarima!
