A webfejlesztés területén a közelmúltban hatalmas váltás történt a statikus weboldalakra. A statikus helyek könnyebben karbantarthatók (nincsenek adatbázisok, nincsenek szerveroldali szkriptek!), És általában biztonságosabbak, figyelembe véve, hogy az egyetlen dolog, amit a felhasználók eszközei szolgálnak, a HTML, CSS és Javascript fájlok. Annak érdekében, hogy bizonyos típusú webhelyek, például a blogok és a dokumentációs webhelyek statikussá váljanak, a HTML-fájlokban csak közvetlenül a kódok írása megerőltetővé válik. A nagy tartalmú webhelyek karbantartása is nehézkes lesz, különösen akkor, ha néhány apró funkciót (mint például a tervezést) meg kell változtatni.
Ez az a hely, ahol a statikus webhelygenerátorok beérkeznek. A statikus webhelygenerátorok alapvetően különböző erőforrásfájlok egy csomópontját konvertálják (vagy fordítják) egy weboldalra. Ez azt jelenti, hogy a tartalmat elkülöníthetjük az elrendezési kódtól, és az olyan helyek, mint a képek, teljesen egymástól távol tarthatók. Sok statikus webhelygenerátor van, több száz. Itt van egy lista a 10 legjobb statikus webhelygenerátorról és azok értékeléséről.
Statikus webhelygenerátorok
1. Jekyll
Egy szóval: a statikus webhelygenerátorok királya . Jekyll a leginkább használt statikus generátor, a legnagyobb dokumentációval, a legnagyobb közösséggel és a legjobb támogatással. Még a GitHub kínál beépített támogatást a Jekyll számára a GitHub Pages szolgáltatásán. Jekyll büszke arra, hogy blogos. A Jekyll-ről szóló statikus blog készítése nagyon egyszerű. Csak az alapvető webfejlesztés ismeretét igényli. Ez tényleg ragyog, mivel a kezdők számára könnyen beállítható, ugyanakkor nagyon erős funkciókkal rendelkeznek azok számára, akik tudással rendelkeznek a használatukhoz.
A Jekyll segítségével különböző bővítményeket, címkéket hozhat létre és használhat, és akár saját konvertereket is készíthet a Jekyll-ben használni kívánt jelölőnyelvre. A Jekyll alapértelmezett jelölő nyelve - a többiekhez hasonlóan - a Markdown. A Jekyll-nek kevesebbet, Stylust, címkefelhőt, blogokat tartalmazó felhasználói oldalakat és még sok más plugint tartalmaznak.
Jekyll a Shopify folyékony sablonmotorján alapul. Teljesen Ruby-n fut, így könnyen telepíthető az rvm-t használó függőségekkel vagy a csomagcsomaggal. A Jekyll-nek könnyű átállási opciói is vannak, ha a WordPress, a Blogger vagy bármely más blogolási oldalról szeretne áttelepíteni. Minden más statikus webhelygenerátort leküzd, odakint, a felhasználó méretét tekintve. Aktív fejlesztés alatt áll (az utolsó változás a GitHub repójába, ami egy nappal ezelőtt jött, az írás idején).
A Jekyll telepítéséhez írja be ezt a parancsot Ruby: gem install jekyll
2. Pelikán
A Pelican egy Pythonra épített statikus helygenerátor. Többnyelvű tartalom közzétételét, kódolási (szintaxis) kiemelését, valamint az RSS és az Atom Feeds egyszerű generálását tartalmazza. A Pelican-nak van egy csodálatos bővítménye, amelyek mindegyike a GitHub központi tárolójában található. Alapértelmezés szerint támogatja a 3 dokumentumformátumot: Markdown, reStructuredText és Ascii Doc.
A Pelikán meglehetősen egyedi, mivel Pythonra épül. Támogatja az erőteljes Jinja Template Engine-t, amely a python alapú, lehetővé téve a Pelican egyszerű témáinak és sablonjainak egyszerű létrehozását. A migrációs támogatás tekintetében a Pelican támogatja a WordPress és a Tumblr. A konfiguráláshoz a szokásos YAML fájlok helyett a Pelican a pelicanconf.py nevű .py fájlt használja a konfiguráláshoz és beállításhoz.
A pelikán telepítésének legegyszerűbb módja a pip: pip install pelican
3. Middleman
A Middleman egy Ruby-meghajtású statikus webhelygenerátor, amely a legegyszerűbb megközelítést követi a statikus webhelyek építésében. Hatékony funkciókkal rendelkezik a statikus blogok, például az egyszerű címkefelújítás, gyors kategorikus cikkek és a lapozás felsorolásához. A Middleman nem kínál semmilyen migrációs támogatást, így ha már létezik egy blog statikus, akkor a Middleman nem lehet a legjobb ötlet.
A Middleman támogatja a legtöbb webes fejlesztés eszközét, mint a HAML, a Coffeescript, a Sass és a többi. Alapértelmezett sablonmotorja az eRb, de lehetővé teszi, hogy váltson az Ön által választott egyéni sablonmotorra. Minden Tilt-alapú sablonmotor (a teljes lista itt található) működik a Middleman-on. Természetesen két konfigurációs formátumot támogat - YAML, JSON. A tartalomnak a Frontmatter-nek YAML vagy JSON-nak kell lennie a használt konfigurációs formátumtól függően.
Telepítse a Middleman-t Ruby-val: gem install middleman
4. Metalsmith
A Metalsmith büszke arra, hogy csatlakoztatható statikus helygenerátor. Ez azt jelenti, hogy a Metalsmith minden logikáját a pluginok kezelik. Minden szükséges funkció, csak adja meg a szükséges bővítményeket. A Metalsmith által kínált pluginok száma szinte minden versenytársat verhet (talán a Jekyll és a Docpad korlátozása). Ez azt jelenti, hogy a Metalsmith több, mint egy statikus helygenerátor.
Saját szavaikban: „Mivel mindent egy plugin, a magkönyvtár valójában csak absztrakció a fájlok könyvtárának manipulálására ”. Amit ez végül hozzáteszi, az, hogy a Metalsmith-et ugyanolyan könnyen használja, mint egy projekt-állványt, egy ebook-generátort, egy építési eszközt, technikai dokumentációt, és többet (ezek a példák a Metalsmith honlapján mutathatók be).
A Metalsmith a Node.js alapú, és a csomópont-csomagkezelő segítségével $ npm install metalsmith : $ npm install metalsmith
Homepage 5. Hárfa
A Harp beépített előfeldolgozással rendelkezik a Jade, Markdown, LESS, Sass, Coffeescript, EjS és Stylus kiegészítő konfigurációk nélkül. Lehetővé teszi továbbá, hogy az elrendezéseket / részleges paradigmákat Jade és EjS segítségével is használhassa, amely más statikus webhelygenerátorokon speciális bővítményeket igényel.
A Harp a Node.Js-re épül, és kéz a kézben működik a Harp platformmal, amely lehetővé teszi, hogy a Dropbox mappájából weboldalakat hozzon létre. A Harp is lefordíthat oldalakat a GitHub oldalakon, a PhoneGap-on és a Heroku-on is.
A Harp telepítéséhez használja az npm értéket és futtassa: sudo npm install -g harp
Homepage
6. Octopress
Technikailag az Octopress egy módosított Jekyll villa, de hatalmas népszerűsége miatt ebbe a listába került. Az Octopress alapvetően Jekyll a hackerek (és a sínfejlesztők) számára. Az Octopress testreszabása egyszerűvé válik, különösen akkor, ha blogot építesz, mivel az Octopress alapértelmezés szerint számos olyan plugint tartalmaz, amelyekre szükséged lenne egy blogot futtatni Jekyll-en.
A testreszabási részben az Octopress kód megkönnyíti a felhasználók számára a kód módosítását és saját kódjának írását. Az Octopress sok pluginje kompatibilis a Jekyll-nel (és fordítva).
Az Octopress telepítése:
- Klónozzuk a GitHub repót
git clone git://github.com/imathis/octopress.git octopresscd octopress - Telepítse a függőségeket
gem install bundlerrbenv rehash# Ha az rbenv-t használja, akkor ismételten állítsa be a köteg parancsotbundle install - Telepítse az Octopress alapértelmezett témáját
rake install
7. Docpad
A Docpad dinamikus statikus helygenerátor. Ez kiterjeszti a normál statikus webhelygenerátorok képességeit, olyan funkciókkal, mint az adatbázis lekérdezés egy lekérdező motoron keresztül, oldalak importálása külső adatbázisokból, és a weblap újbóli megjelenítése minden kérésre.
A Docpad natív támogatást nyújt az előfeldolgozóknak, mint például a Coffeescript, a Stylus és a LESS, és plugineket használ a sablonmotorok, az előfeldolgozók és a jelölőnyelvek támogatására, így kiválaszthatja, hogy melyik kombinációt kívánja a szükséges bővítmény használatával. A Docpad támogatja a külső forrásokból származó oldalak, például a Tumblr, a GitHub és a Dropbox importálását a bővítmények segítségével.
A Docpad funkciókkal gazdag platform, sok pluginnel és nagyszerű dokumentációval. A szerver kölcsönhatásokra épül, és a Node.js-ot használja.
Csak telepítse a Docpadot npm: npm install -g npm; npm install -g [email protected] npm install -g npm; npm install -g [email protected]
Homepage
8. Hexo
A Hexo egy könnyű, statikus blogkeret, amely büszke a lángoló, gyors helyszíni generációs sebességre. A Hexo nagyszerű tartalmú bloggerek számára ideális, akik egyszerű statikus webhelygenerátort akarnak. Könnyű migrációs lehetőségeket kínál más blogplatformoktól, mint például a WordPress, Joomla, Jekyll, Octopress és RSS. A Hexo nagyszerű dologja az, hogy az Octopress-hez készült legtöbb bővítményt használhatja (és kiterjesztve, a Jekyll-nek a kisebb módosításokkal készült pluginjeit).
A Hexo támogatja a Markdown-ot, a YAML-et az elülső anyag és a konfiguráció számára. A Hexo gyors természete révén egyetlen parancs segítségével telepítheti azokat a webhelyeket, mint a GitHub, a Heroku és az Rsync.
A Hexo telepíthető a Node.js segítségével: npm install hexo-cli -g
9. Hugo
A Hugo egy általános célú statikus helygenerátor, melynek mindenre kiterjedő funkciói vannak, mint pl. Sablonok és részleges támogatások, lapozás és „taxonómiák”, amelyek alapvetően egyedülálló tartalom kategorizálási rendszer, amelyet Hugo követ. Ez azt jelenti, hogy a bejegyzéseket egyszerűen nem csak címkék alapján, hanem bármilyen más módon is osztályozhatja, például kategóriákat vagy sorozatokat közvetlenül a frontmatterből. A Hugo három adatfájltípust támogat: a YAML, a JSON és a TOML, és eldöntheti, hogy melyik a legkényelmesebb az Ön számára.
A pluginok helyett a Hugo „shortcodes” -et használ, amelyek segítségével gazdag tartalmat használhat a Markdown-on belül. Ha tudni szeretné, hogy ez hogyan működik, olvassa el ezt a cikket. A Hugo a Go programozási nyelven íródott, és külön telepítési fájlokat kínál a különböző platformokra a GitHub oldalon. A Hugo telepítésének pontos ismertetéséhez olvassa el a Hugo telepítési útmutatóját.
Ha Homebrew-t használ, akkor Hugo és minden függőség telepíthető a következővel: brew install hugo
10. Villásreggeli
A brunchok inkább a HTML5 webalkalmazások felé támaszkodnak, mint a blogok és weboldalak, de még mindig nagyon egyszerű, gyors statikus webhelygenerátor. Nem csak az összes kódot és szkriptet állítja össze, hanem a kódot is zsugoríthatja (kicsinyítheti), és automatikusan tömörítheti a képeket. A brunch számos olyan plugint tartalmaz, amelyek segítségével az Ön igényeihez igazíthatja. A brunch pluginok teljes listája itt található.
A villásreggeli „csontvázakat” kínál, amelyek alapvetően a webhely (vagy webes alkalmazás) indításához szükségesek. Az egyik leggyorsabb fordítási sebességet kínálja, egyszerűen azért, mert a brunch gyorsítótárazza a projekt összes változatlan részét, és csak azokat a fájlokat állítja össze, amelyeket felülvizsgáltak. A villásreggeli a Node.js-ra épül, és az npm: npm install -g brunch használatával npm install -g brunch
Van javaslata erről a cikkről? Hagyja a megjegyzéseket!
