10 najlepších generátorov statických stránok

• 2019

Nedávno došlo k obrovskému posunu na statické webové stránky v oblasti vývoja webových aplikácií. Statické lokality sa ľahšie udržiavajú (bez databáz, bez skriptov na strane servera!) A sú bezpečnejšie, vo všeobecnosti vzhľadom na to, že jediné, čo sa používateľom poskytuje, sú súbory HTML, CSS a Javascript. Aby sa niektoré typy webových stránok, ako sú blogy a webové stránky s dokumentáciou, stali statickými, jednoduché písanie kódu v súboroch HTML sa stáva namáhavé. Tiež sa stáva ťažké udržiavať stránky s veľkým obsahom, najmä ak je potrebné meniť niektoré malé vlastnosti (napríklad dizajn).

To je miesto, kde generujú statické stránky. Generátory statických stránok v podstate konvertujú (alebo kompilujú) veľa súborov s rôznymi zdrojmi na jednu webovú stránku. To znamená, že obsah môže byť oddelený od kódu rozloženia a aktíva stránok, ako sú obrázky, môžu byť úplne oddelené. Existuje veľa generátorov statických stránok, dokonca stovky. Tu je zoznam 10 najlepších statických generátorov webových stránok spolu s ich recenziami.

Statické stránky Generátory

1. Jekyll

Jedným slovom: Kráľ generátorov statických stránok . Jekyll je najpoužívanejším statickým generátorom s najväčšou dokumentáciou, najväčšou komunitou a najlepšou podporou. Dokonca aj GitHub ponúka vstavanú podporu pre Jekyll v službe GitHub Pages. Jekyll sa pýši tým, že je na blogu. Vytváranie statického blogu na Jekyll je naozaj jednoduché. Vyžaduje len znalosť základného vývoja webu. To naozaj svieti, pretože jeho jednoduché nastavenie funkcie pre začiatočníkov, súčasne majú naozaj silné funkcie pre tých, ktorí majú vedomosti na ich použitie.

Jekyll vám umožňuje vytvárať a používať rôzne doplnky, značky a dokonca vytvárať vlastné prevodníky pre každý značkovací jazyk, ktorý chcete použiť s Jekyllom. Predvolený značkovací jazyk pre Jekyll - ako väčšina ostatných - je Markdown. Jekyll má doplnky na kompiláciu menej, Stylus, vytvára oblaky značiek, stránky používateľa pre blogy a oveľa viac.

Jekyll je založený na motore šablóny kvapalín Shopify. Beží úplne na Ruby, takže je ľahko inštalovateľný spolu so závislosťami pomocou rvm alebo pomocou balíčka. Jekyll má tiež jednoduché možnosti migrácie, ak chcete migrovať z aplikácií WordPress, Blogger alebo iných blogov. To bije každý iný statický generátor lokality tam, ruky nadol, pokiaľ ide o veľkosť užívateľa. Je to v aktívnom vývoji (posledná zmena na GitHub repo, ktorá prichádza pred dňom, v čase písania).

Ak chcete nainštalovať Jekyll, stačí zadať tento príkaz v Ruby: gem install jekyll

Úvodná stránka

2. Pelican

Pelican je statický generátor lokality postavený na Pythone. Obsahuje viacjazyčné vysielanie obsahu, zvýraznenie kódu (syntaxe), ako aj jednoduché generovanie RSS a Atom Feeds. Pelican má pekný výber doplnkov, z ktorých všetky sú umiestnené na centrálnom úložisku GitHub. V predvolenom nastavení podporuje 3 formáty dokumentov: Markdown, reStructuredText a Ascii Doc.

Pelikán je úplne jedinečný, pretože je postavený na Pythone. Podporuje silný Jinja Template Engine, ktorý je založený na pytóne, ktorý umožňuje jednoduché vytváranie krásnych motívov a šablón pre Pelican. Pokiaľ ide o podporu migrácie, Pelican ponúka podporu pre WordPress a Tumblr. Skôr než bežné súbory YAML na konfiguráciu, Pelican používa súbor .py s názvom pelicanconf.py pre konfiguráciu a nastavenia.

Najjednoduchší spôsob inštalácie pelican je pomocou pip: pip install pelican

Úvodná stránka

3. Middleman

Middleman je rubínový generátor statickej lokality, ktorý sleduje jednoduchý prístup k budovaniu statických miest. Má výkonné funkcie na udržiavanie statických blogov, ako je generovanie jednoduchých značiek, rýchle príkazy na zaradenie kategorizovaných článkov a stránkovanie. Middleman neponúka žiadnu migračnú podporu, takže ak chcete vytvoriť existujúci blog statický, Middleman nemusí byť zatiaľ najlepší nápad.

Middleman ponúka podporu pre väčšinu moderných nástrojov vývoja webových stránok, ako sú HAML, Coffeescript, Sass a zvyšok. Jeho štandardný templátový motor je eRb, ale umožňuje prepnúť na vlastný šablónový motor podľa vášho výberu. Všetky motory so šablónou Tilt-enabled (úplný zoznam nájdete tu) pracujú na Middleman. Natívne podporuje 2 konfiguračné formáty - YAML, JSON. Frontmatter pre váš obsah musí byť tiež YAML alebo JSON v závislosti na použitom konfiguračnom formáte.

Nainštalujte Middleman pomocou Ruby s: gem install middleman

Úvodná stránka

4. Kováč

Metalsmith sa pýši tým, že je pripojiteľný generátor statickej lokality. To znamená, že logika Metalsmithu je spracovaná pomocou doplnkov. Akékoľvek funkcie, ktoré potrebujete, stačí pridať požadované doplnky. Veľký počet pluginov, ktoré ponúka Metalsmith, prekonáva skoro všetkých súťažiacich (možno zakázajú Jekyll a Docpad). To znamená, že Metalsmith môže byť použitý ako viac ako statický generátor lokality.

Vo vlastných slovách "Keďže všetko je plugin, jadrová knižnica je vlastne len abstrakciou pre manipuláciu s adresárom súborov". To, čo sa nakoniec pridáva, je to, že používate Metalsmith rovnako ľahko ako projektový lešenie, generátor ebook, nástroj na vytváranie, tvorbu technickej dokumentácie a ďalšie (niektoré z týchto príkladov sú prezentované na webovej stránke Metalsmith).

Metalsmith je založený na Node.js a dá sa nainštalovať pomocou manažéra balíkov uzlov s: $ npm install metalsmith

  Homepage 

5. Harfa

Harf má zabudované predbežné spracovanie pre Jade, Markdown, LESS, Sass, Coffeescript, EjS a Stylus bez akejkoľvek inej konfigurácie. Takisto vám umožňuje používať rozloženia / čiastkové paradigmy s Jade a EjS, ktoré vyžadujú špeciálne pluginy na iných generátoroch statických stránok.

Harf je postavená na Node.Js a môže pracovať ruka v ruke s platformou Harp, ktorá umožňuje vytvárať webové stránky z priečinka Dropbox. Harf môže tiež kompilovať stránky na použitie na stránkach GitHub, PhoneGap a Heroku.

Ak chcete nainštalovať Harp, použite npm a spustite: sudo npm install -g harp

 Úvodná stránka 

6. Octopress

Technicky Octopress je modifikovaná Jekyllová vidlica, ale vzhľadom na obrovskú popularitu bola zaradená do tohto zoznamu. Octopress je v podstate Jekyll pre hackerov (a vývojárov koľajníc). Prispôsobenie aplikácie Octopress sa stáva jednoduchým, najmä ak vytvárate blog, pretože Octopress štandardne obsahuje mnoho pluginov, ktoré by ste potrebovali na spustenie blogu na Jekyll.

V časti prispôsobenia uľahčuje užívateľovi zmenu kódu kód Octopress a napíše vlastný kód. To je povedané, veľa pluginov pre Octopress je kompatibilné s Jekyllom (a naopak).

Ak chcete nainštalovať aplikáciu Octopress,

1. Clonujte repo GitHub
   git clone git://github.com/imathis/octopress.git octopress
cd octopress
2. Inštalácia závislostí
   gem install bundler
rbenv rehash # Ak použijete rbenv, rehash na spustenie príkazu balíka
   bundle install
3. Nainštalujte predvolenú tému Octopress
   rake install

Úvodná stránka

7. Docpad

Docpad je dynamický generátor statických stránok. Rozširuje možnosti bežných generátorov statickej lokality s funkciami, ako je vyhľadávanie databáz prostredníctvom vyhľadávacieho nástroja, import stránok z externých databáz a opätovné zobrazovanie webovej stránky na každej žiadosti.

Docpad má natívnu podporu pre preprocesorov, ako napríklad Coffeescript, Stylus a LESS, a používa pluginy na podporu šablónových motívov, predprocesorov a značkovacích jazykov, takže si môžete vybrať ľubovoľné kombinácie, ktoré potrebujete pomocou potrebného pluginu. Docpad tiež podporuje importovanie stránok z externých zdrojov ako Tumblr, GitHub a Dropbox cez pluginy.

Docpad je platforma bohatá na funkcie, s množstvom pluginov a skvelou dokumentáciou. Je postavený a používa, Node.js pre interakcie serverov.

Stačí nainštalovať program Docpad pomocou npm: npm install -g npm; npm install -g [email protected] npm install -g npm; npm install -g [email protected]

 Úvodná stránka 

8. Hexo

Hexo je ľahký statický blogový rámec, ktorý sa pyšní svojou horúcou rýchlou rýchlosťou generovania lokality. Hexo je skvelý pre blogerov s veľkým množstvom obsahu, ktorí chcú jednoduchý statický generátor lokality. Ponúka jednoduché možnosti migrácie z iných blogovacích platforiem ako WordPress, Joomla, Jekyll, Octopress a RSS. Medzi skvelými vecami o Hexo je, že môžete použiť väčšinu pluginov, ktoré sú vytvorené pre Octopress (a navyše, pluginy pre Jekyll s veľmi malými úpravami)

Hexo podporuje Markdown, YAML pre prednú hmotu a konfiguráciu. Udržiavajúc svoju rýchlu povahu, Hexo vám umožňuje nasadiť na stránky ako GitHub, Heroku a Rsync iba jedným príkazom.

Hexo je možné nainštalovať pomocou Node.js: npm install hexo-cli -g

Úvodná stránka

9. Hugo

Hugo je univerzálny generátor statických stránok s dobrými všestrannými funkciami, ako sú podpora šablón a čiastočiek, paginácia a "taxonomie", čo je v podstate jedinečný systém kategorizácie obsahu, po ktorom nasleduje Hugo. To znamená, že môžete ľahko klasifikovať príspevky na základe nielen tagov, ale aj akýmkoľvek iným spôsobom, aký chcete, napríklad kategórií alebo sérií priamo z frontmatteru. Hugo podporuje tri typy dátových súborov - YAML, JSON a TOML, a umožňuje vám rozhodnúť, ktorá z nich je pre vás najvhodnejšia.

Namiesto pluginov používa Hugo 'krátke kódy', ktoré vám umožnia používať bohatý obsah vo vašom Markdown. Ak chcete vedieť, ako to funguje, prečítajte si tento článok. Hugo je napísaný v programovacom jazyku Go a na svojej stránke GitHub ponúka samostatné inštalačné súbory pre rôzne platformy. Ak chcete presne vedieť, ako môžete nainštalovať zariadenie Hugo, prečítajte si pokyny na inštaláciu Hugo.

Ak použijete Homebrew, potom môžete nainštalovať Hugo a všetky závislosti s: brew install hugo

Úvodná stránka

10. Brunch

Brunch sa opiera skôr o webové aplikácie HTML5 než o blogy a webové stránky, ale stále je veľmi jednoduchý a rýchly generátor statických stránok. Nielenže kompiluje celý kód a skripty, ale môže tiež zmenšiť (zmenšiť) váš kód a automaticky komprimovať obrázky. Brunch má celý rad doplnkov, ktoré môžete použiť na prispôsobenie podľa vašich potrieb. Kompletný zoznam pluginov Brunch nájdete tu.

Brunch ponúka "kostry", ktoré sú v podstate kotlové dosky pre spustenie webových stránok (alebo webovej aplikácie). Ponúka jednu z najrýchlejších rýchlostí kompilácie, jednoducho preto, že Brunch ukladá všetky nezmenené časti vášho projektu a zostavuje iba tie súbory, ktoré sú revidované. Brunch je postavený na Node.js a môže byť nainštalovaný pomocou npm: npm install -g brunch

Úvodná stránka

Máte nejaké návrhy o tomto článku? Nechajte to v komentároch!