Suositeltava, 2022

Toimituksen Valinta

10 Best Static Site Generators

Web-kehityksen alalla on viime aikoina tapahtunut valtavia muutoksia staattisiin verkkosivustoihin. Staattisia sivustoja on helpompi ylläpitää (ei tietokantoja, ei palvelinpuolen skriptejä!) Ja ne ovat turvallisempia, kun otetaan huomioon, että ainoa asia, jota käyttäjille toimitetaan, ovat HTML-, CSS- ja Javascript-tiedostot. Jotta tietyt verkkosivustot, kuten blogit ja dokumentointisivustot, voivat muuttua staattisiksi, vain suoraan koodin kirjoittaminen HTML-tiedostoihin muuttuu rasittavaksi. Se on myös vaikeaa ylläpitää sivustoja, joissa on suuri sisältö, varsinkin kun pieniä ominaisuuksia (kuten muotoilu) on muutettava.

Staattisten sivustojen generaattorit tulevat sisään. Staattiset sivustojen generaattorit muuntaa (tai kääntää) erilaisten resurssitiedostojen joukon yhteen sivustoon. Tämä tarkoittaa, että sisältöä voidaan pitää erillään ulkoasukoodista, ja sivuston omaisuutta, kuten kuvia, voidaan pitää täysin erillään. Siellä on paljon staattisia sivustoja, satoja. Tässä on luettelo kymmenestä parhaasta staattisen sivuston generaattorista sekä niiden arviot.

Staattiset sivustojen generaattorit

1. Jekyll

Yhdellä sanalla: Staattisen sivuston generaattoreiden kuningas . Jekyll on siellä käytetyin staattinen generaattori, jolla on suurin dokumentaatio, suurin yhteisö ja paras tuki. Jopa GitHub tarjoaa sisäänrakennetun tuen Jekyllille sen GitHub Pages -palvelussa. Jekyll on ylpeä siitä, että hän on tietoinen blogista. Staattisen blogin tekeminen Jekyllistä on todella helppoa. Se vaatii vain perustiedot web-kehityksestä. Se todella loistaa, koska se on helppo asentaa aloittelijoille, samalla kun sillä on todella tehokkaita ominaisuuksia niille, joilla on tietoa käyttää niitä.

Jekyllin avulla voit luoda ja käyttää erilaisia ​​laajennuksia, tunnisteita ja jopa luoda omia muuntimia mihin tahansa merkintäkieliin, jota haluat käyttää Jekyllin kanssa. Jekyllin oletusmerkintäkieli, kuten useimmat muut, on Markdown. Jekyllillä on laajennuksia vähemmän, Stylus-tiedostoja, tag-pilvien luomista, blogien käyttäjien sivuja ja paljon muuta.

Jekyll perustuu Shopifen nestemäiseen malliin. Se toimii kokonaan Ruby-ohjelmalla, joten se on helppo asentaa yhdessä rvm-ohjelmistojen kanssa tai käyttämällä pakettia. Jekyllillä on myös helppoja siirtymisvaihtoehtoja, jos haluat siirtyä WordPressista, Bloggerista tai muusta blogging-sivustosta. Se voittaa kaikki muut staattiset sivustogeneraattorit, kädet alas, käyttäjän koon mukaan. Se on aktiivisessa kehityksessä (viimeinen muutos GitHub-repoonsa tulossa päivä sitten, kirjoituksen aikaan).

Jos haluat asentaa Jekyllin, kirjoita tämä komento Ruby: gem install jekyll

kotisivu

2. Pelikaani

Pelican on Pythoniin rakennettu staattisen sivuston generaattori. Se sisältää monikielisen sisällön lähettämisen, koodin (syntaksi) korostuksen sekä RSS- ja Atom-syötteiden helpon tuottamisen. Pelicanilla on mukava valikoima laajennuksia, jotka kaikki ovat isäntänä GitHub-keskusvarastossa. Se tukee oletusarvoisesti 3 asiakirjaformaattia: Markdown, reStructuredText ja Ascii Doc.

Pelikaani on aivan ainutlaatuinen, koska se on rakennettu Pythoniin. Se tukee voimakasta Jinja Template Engine -ohjelmaa, joka on python-pohjainen ja jonka avulla voit helposti luoda kauniita teemoja ja malleja Pelicanille. Muuttotukien osalta Pelican tarjoaa tukea WordPressille ja Tumblrille. Pelikaani käyttää konfiguraatiota varten tavallisia YAML-tiedostoja sen sijaan .py-tiedostolla, jonka nimi on pelicanconf.py .

Helpoin tapa asentaa pelikaani on käyttää pip: pip install pelican

kotisivu

3. Middleman

Middleman on Ruby-powered staattinen sivuston generaattori, joka seuraa helppokäyttöistä lähestymistapaa staattisten sivustojen rakentamiseen. Siinä on tehokkaita ominaisuuksia staattisten blogien ylläpitämiseksi, kuten helppo tunnisteiden luominen, pikakomennot luokiteltujen artikkeleiden ja sivunluetteloon. Middleman ei tarjoa mitään siirtotukea, joten jos haluat tehdä olemassa olevan blogin staattisen, Middleman ei ehkä ole paras idea nyt.

Middleman tarjoaa tukea useimmille nykyaikaisille web-kehitystyökaluille, kuten HAML, Coffeescript, Sass ja loput. Sen oletusmallimalli on eRb, mutta sen avulla voit siirtyä valitsemallesi mukautetulle mallimoottorille. Kaikki Tilt-mallin moottorit (täydellinen luettelo löytyy täältä) toimivat Middlemanilla. Se tukee luonnollisesti kahta kokoonpanomuotoa - YAML, JSON. Sisällön etuosan on oltava myös YAML tai JSON riippuen käyttämästäsi kokoonpanomuodosta.

Asenna Middleman käyttäen Ruby: a: gem install middleman

kotisivu

4. Metalsmith

Metalsmith on ylpeä siitä, että se on liitettävissä staattisen sivuston generaattoriin. Tämä tarkoittaa sitä, että kaikki Metalsmithin logiikat käsitellään laajennuksilla. Kaikki tarvitsemasi ominaisuudet, lisää vain tarvittavat lisäosat. Metalsmithin tarjoamien laajennusten suuri määrä voittaa lähes kaikki kilpailijat (ehkä Jekyll ja Docpad). Tämä tarkoittaa sitä, että Metalsmithia voidaan käyttää enemmän kuin vain staattisen sivuston generaattorina.

Oman sanansa "Koska kaikki on plugin, ydin kirjasto on itse asiassa vain abstrakti tiedostojen hakemiston manipuloimiseksi ". Se, mitä tämä vihdoin lisää, on se, että käytät Metalsmithiä yhtä helposti kuin projektien rakennusteline, ebook-generaattori, rakennustyökalu, teknisten asiakirjojen tekeminen ja paljon muuta (näitä joitakin esimerkkejä on esitetty Metalsmithin verkkosivustolla).

Metalsmith perustuu Node.js: iin, ja se voidaan asentaa käyttämällä solmujen hallintaohjelmaa: $ npm install metalsmith

  Homepage 

5. Harppu

Harpilla on sisäänrakennettu Jade-, Markdown-, LESS-, Sass-, Coffeescript-, EjS- ja Stylus-esikäsittelyt ilman ylimääräistä kokoonpanoa. Sen avulla voit myös käyttää ulkoasuja / osittaista paradigmaa Jade ja EjS: llä, joka tarvitsee erityisiä laajennuksia muille staattisille sivustojen generaattoreille.

Harp on rakennettu Node.J: iin ja voi toimia käsi kädessä Harp-alustan kanssa, jonka avulla voit luoda Web-sivuja Dropbox-kansiosta. Harp voi myös koota sivuja käytettäväksi myös GitHub-sivuilla, PhoneGapissa ja Herokussa.

Jos haluat asentaa Harpin, käytä npm: ää ja suorita: sudo npm install -g harp

 kotisivu 

6. Octopress

Teknisesti Octopress on muutettu Jekyll-haarukka, mutta sen suuren suosion vuoksi se on sisällytetty tähän luetteloon. Octopress on periaatteessa Jekyll hakkerit (ja kiskojen kehittäjät). Octopressin mukauttaminen on helppoa, varsinkin jos olet rakentamassa blogia, koska Octopress sisältää oletuksena useita pluginaja, joita sinun tarvitsee käyttää blogissa Jekyllissä.

Mukauttamisosassa Octopress-koodi helpottaa käyttäjien muokata koodia ja kirjoittaa oman koodinsa. Sitä vastoin monet Octopressin lisäosat ovat yhteensopivia Jekyllin kanssa (ja päinvastoin).

Asenna Octopress,

  1. Kloonaa GitHub-repo
    git clone git://github.com/imathis/octopress.git octopress
    cd octopress
  2. Asenna riippuvuudet
    gem install bundler
    rbenv rehash # Jos käytät rbenv-toimintoa, palaa pakettikomentoon uudelleen
    bundle install
  3. Asenna Octopress-oletusarvo
    rake install
kotisivu

7. Docpad

Docpad on dynaaminen staattisen sivuston generaattori. Se laajentaa normaalien staattisten sivustojen generaattoreiden ominaisuuksia, kuten ominaisuuksia, kuten tietokantakysely kyselymoottorin kautta, sivujen tuominen ulkoisista tietokannoista ja verkkosivun uudelleenmuodostus jokaisesta pyynnöstä.

Docpadilla on natiivi tuki esikäsittelijöille, kuten Coffeescriptille, Stylusille ja LESS: lle, ja käyttää laajennuksia mallipohjaisten moottoreiden, esikäsittelijöiden ja merkintäkielien tukemiseen, joten voit valita haluamasi yhdistelmät tarvittavan laajennuksen avulla. Docpad tukee myös sivujen tuontia ulkoisista lähteistä, kuten Tumblr, GitHub ja Dropbox pluginsin kautta.

Docpad on monipuolinen ohjelmisto, jossa on paljon laajennuksia ja hienoja asiakirjoja. Se on rakennettu ja käyttää, Node.js palvelimen vuorovaikutusta varten.

Asenna Docpad käyttämällä npm: npm install -g npm; npm install -g [email protected] npm install -g npm; npm install -g [email protected]

 kotisivu 

8. Hexo

Hexo on kevyt, staattinen blogikehys, joka ylpeilee kiihtyvän nopean sivuston tuotannon nopeudesta. Hexo on hyvä bloggaajille, joilla on paljon sisältöä ja jotka haluavat yksinkertaisen staattisen sivuston generaattorin. Se tarjoaa helppoja siirtymisvaihtoehtoja muista blogialustoista kuten WordPress, Joomla, Jekyll, Octopress ja RSS. Hexon suurista asioista on, että voit käyttää suurinta osaa Octopressille tehtyjä laajennuksia (ja laajennuksia varten Jekyllille tehtyjä laajennuksia erittäin pienin muutoksin)

Hexo tukee Markdownia, YAML: ää etuosassa ja kokoonpanossa. Nopea luonne Hexo antaa sinulle mahdollisuuden sijoittaa GitHubiin, Herokuun ja Rsynciin vain yhdellä komennolla.

Hexo voidaan asentaa Node.js: n avulla: npm install hexo-cli -g

kotisivu

9. Hugo

Hugo on yleiskäyttöinen staattisen sivuston generaattori, jolla on hyvät monipuoliset ominaisuudet, kuten mallipohjat ja osittaiset tukipalvelut, sivutus ja taksonomiat, jotka ovat periaatteessa ainutlaatuinen sisällönluokitusjärjestelmä, jota seuraa Hugo. Tämä tarkoittaa, että voit luokitella viestit helposti vain tunnisteiden perusteella, mutta myös muulla tavalla, kuten haluamasi kategoriat tai sarjat . Hugo tukee kolmea tiedostotyyppiä - YAML, JSON ja TOML, ja voit päättää, mikä niistä on sinulle sopivin.

Pluginien sijasta Hugo käyttää lyhytkoodeja, joiden avulla voit käyttää runsaasti sisältöä Markdownin sisällä. Jos haluat tietää, miten tämä toimii, lue tämä artikkeli. Hugo on kirjoitettu Go-ohjelmointikielellä, ja se tarjoaa erilliset asennustiedostot eri alustoille GitHub-sivulla. Jos haluat tietää, miten voit asentaa Hugon käytettäväksi, lue Hugon asennusohjeet.

Jos käytät Homebrewia, Hugo ja kaikki riippuvuudet voidaan asentaa: brew install hugo

kotisivu

10. Brunssi

Brunssi nojaa HTML5-verkkosovelluksiin pikemminkin blogien ja verkkosivustojen sijaan, mutta se on silti erittäin helppokäyttöinen, nopea staattisen sivuston generaattori. Se ei vain koko koodia ja komentosarjoja, vaan voi myös pienentää (pienentää) koodia ja pakata kuvat automaattisesti. Brunssi sisältää koko joukon laajennuksia, joiden avulla voit muokata sitä tarpeidesi mukaan. Täydellinen luettelo brunssi-laajennuksista löytyy täältä.

Brunssi tarjoaa "luurankoja", jotka ovat pohjimmiltaan valmiita sivustosi (tai web-sovelluksen) käynnistämiseen. Se tarjoaa yhden nopeimmista kokoelmanopeuksista, koska brunssi tallentaa kaikki projektisi muuttumattomat osat ja kokoaa vain tarkistetut tiedostot. Brunssi on rakennettu Node.js: iin ja se voidaan asentaa npm: n: npm install -g brunch

kotisivu

Onko sinulla ehdotuksia tästä artikkelista? Jätä se kommentteihin!

Top