V poslední době došlo k velkému posunu ke statickým webovým stránkám v oblasti webového vývoje. Statické stránky jsou snadněji udržovatelné (žádné databáze, žádné skripty na straně serveru!) A jsou bezpečnější, obecně, vzhledem k tomu, že jediná věc, která je uživatelům poskytována, jsou soubory HTML, CSS a Javascript. Aby se některé typy webových stránek, jako jsou blogy a webové stránky s dokumentací, staly statickými, je namístě přímo napsat kód do souborů HTML. Je také obtížné udržovat weby s velkým obsahem, zejména když je třeba změnit některé malé funkce (například design).
To je místo, kde statické generátory stránek přijdou palců Statické generátory stránek v podstatě převést (nebo kompilovat) spoustu různých zdrojů souborů do jedné webové stránky. To znamená, že obsah může být uchováván odděleně od kódu rozvržení. Existuje spousta statických generátorů stránek, dokonce i stovky. Zde je seznam 10 nejlepších generátorů statických stránek spolu s jejich recenzemi.
Generátory statických stránek
1. Jekyll
Jedním slovem: Král statických stránek generátorů . Jekyll je nejpoužívanějším statickým generátorem, s největší dokumentací, největší komunitou a nejlepší podporou. Dokonce i GitHub nabízí vestavěnou podporu pro Jekyll ve službě GitHub Pages. Jekyll se pyšní tím, že si je vědom blogu. Vytváření statického blogu na Jekyll je opravdu snadné. Vyžaduje pouze znalost základního vývoje webu. Je to opravdu svítí, protože jeho snadné nastavení funkce pro začátečníky, zároveň mají opravdu silné funkce pro ty, kteří mají znalosti používat.
Jekyll vám umožní vytvářet a používat různé pluginy, tagy a dokonce vytvářet vlastní konvertory pro jakýkoli značkovací jazyk, který chcete používat s Jekyll. Výchozí značkovací jazyk pro Jekyll-like většinu ostatních je Markdown. Jekyll má pluginy pro kompilaci Méně, Stylus, generování mraků tagů, uživatelské stránky pro blogy a mnoho dalšího.
Jekyll je založen na Liquid Template Engine od Shopify. Běží zcela na Ruby, takže je snadno instalovatelný spolu se závislostmi pomocí rvm nebo pomocí svazku. Jekyll má také snadné možnosti migrace, pokud hledáte migrovat z WordPressu, Bloggeru nebo z jiných blogovacích stránek. Bije všechny ostatní statické stránky generátor tam, ruce dolů, pokud jde o velikost uživatele. Je v aktivním vývoji (poslední změna jeho repozitáře GitHub přichází před dnem, v době psaní).
Chcete-li nainstalovat Jekyll, stačí zadat tento příkaz v Ruby: gem install jekyll
2. Pelikán
Pelican je generátor statických stránek postavený na Pythonu. Je vybaven multi-jazyk vysílání obsahu, kód (syntaxe) zvýraznění, stejně jako snadné generování RSS a Atom kanály. Pelican má pěkný výběr pluginů, z nichž všechny jsou umístěny v centrálním úložišti GitHub. Standardně podporuje 3 formáty dokumentů: Markdown, reStructuredText a Ascii Doc.
Pelican je zcela unikátní, protože je postaven na Pythonu. Podporuje výkonný Jinja Template Engine, který je založen na pythonu, aby umožnil snadné vytváření krásných témat a šablon pro Pelican. Pokud jde o podporu migrace, Pelican nabízí podporu pro WordPress a Tumblr. Spíše než obvyklé YAML soubory pro konfiguraci, Pelican používá .py soubor s názvem pelicanconf.py pro konfiguraci a nastavení.
Nejjednodušší způsob, jak nainstalovat pelican, je použití pip: pip install pelican
3. Středník
Middleman je generátor statických stránek poháněný ruby, který sleduje snadný přístup k vytváření statických stránek. Má výkonné funkce pro udržování statických blogů, jako je snadné generování značek, rychlé příkazy pro výpis kategorizovaných článků a stránkování. Middleman nenabízí žádnou podporu migrace, takže pokud chcete vytvořit existující statický blog, nemusí být Middleman zatím nejlepší.
Middleman nabízí podporu pro většinu moderních nástrojů vývoje webu, jako je HAML, Coffeescript, Sass a zbytek. Výchozí modul šablon je eRb, ale umožňuje přepnout na vlastní šablonu motoru podle vašeho výběru. Veškeré šablony šablon s podporou náklonu (úplný seznam naleznete zde) pracují na webu Middleman. Nativně podporuje 2 konfigurační formáty - YAML, JSON. Frontmatter pro váš obsah musí být také YAML nebo JSON v závislosti na konfiguračním formátu, který používáte.
Nainstalujte Middleman pomocí Ruby s: gem install middleman
4. Metalsmith
Metalsmith se pyšní tím, že je možné připojit statický generátor stránek. To znamená, že veškerá logika Metalsmithu je obsluhována zásuvnými moduly. Jakékoliv funkce, které potřebujete, stačí přidat požadované pluginy. Samotný počet pluginů, které nabízí Metalsmith, porazí téměř každého soutěžícího (možná i Jekyll a Docpad). To znamená, že Metalsmith může být použit jako více než jen statický generátor stránek.
Vlastními slovy „Jelikož je vše plugin, jádrová knihovna je vlastně jen abstrakcí pro manipulaci s adresářem souborů“. To, co to nakonec dodává, je, že Metalsmith používáte stejně snadno jako projektový lešení, generátor e-knih, nástroj pro tvorbu, vytváření technické dokumentace a další (tyto příklady jsou uvedeny na webových stránkách Metalsmith).
Metalsmith je založen na Node.js a lze jej nainstalovat pomocí správce balíčků uzlů s: $ npm install metalsmith
Homepage 5. Harfa
Harp má vestavěný pre-processing pro Jade, Markdown, LESS, Sass, Coffeescript, EjS a Stylus bez jakékoliv další konfigurace. Také vám umožní použít rozvržení / částečné paradigma s Jade a EjS, které potřebují speciální pluginy na jiných statických generátorech stránek.
Harfa je postavena na Node.Js a může pracovat ruku v ruce s Harp Platform, která umožňuje vytvářet webové stránky ze složky Dropbox. Harp může také zkompilovat stránky pro použití na stránkách GitHub, PhoneGap a Heroku.
Pro instalaci Harp použijte npm a run: sudo npm install -g harp
Domovská stránka
6. Octopress
Technicky je Octopress modifikovanou vidličkou Jekyll, ale díky své velké popularitě byl zařazen do tohoto seznamu. Octopress je v podstatě Jekyll pro hackery (a vývojáře kolejnic). Přizpůsobení systému Octopress se stává snadným, zejména pokud vytváříte blog, protože Octopress ve výchozím nastavení obsahuje mnoho pluginů, které byste museli spustit na blogu Jekyll.
V části přizpůsobení usnadňuje kód Octopress uživatelům úpravy kódu a psaní vlastního kódu. Řada pluginů pro Octopress je kompatibilní s Jekyll (a naopak).
Chcete-li nainstalovat Octopress,
- Klonujte repo GitHub
git clone git://github.com/imathis/octopress.git octopresscd octopress - Nainstalovat závislosti
gem install bundlerrbenv rehash# Pokud používáte rbenv, rehash, abyste mohli spustit příkaz svazkubundle install - Nainstalujte výchozí motiv Octopress
rake install
7. Docpad
Docpad je dynamický generátor statických stránek. Rozšiřuje možnosti normálních generátorů statických stránek s funkcemi, jako je dotazování databází prostřednictvím vyhledávacího nástroje, import stránek z externích databází a re-renderování webové stránky na každém požadavku.
Docpad má nativní podporu pro pre procesory, jako je Coffeescript, Stylus a LESS, a používá pluginy pro podporu šablonových modulů, preprocesorů a značkovacích jazyků, takže si můžete vybrat potřebné kombinace pomocí nezbytného pluginu. Docpad také podporuje import stránek z externích zdrojů, jako je Tumblr, GitHub a Dropbox prostřednictvím pluginů.
Docpad je platforma bohatá na funkce, se spoustou pluginů a skvělou dokumentací. Je postaven na a používá, Node.js pro interakce serveru.
Stačí nainstalovat Docpad pomocí npm: npm install -g npm; npm install -g [email protected] npm install -g npm; npm install -g [email protected]
Domovská stránka
8. Hexo
Hexo je lehký statický blogový rámec, který se pyšní rychlou rychlostí generování stránek. Hexo je ideální pro bloggery s velkým množstvím obsahu, kteří chtějí jednoduchý statický generátor stránek. Nabízí snadné možnosti migrace z jiných blogovacích platforem jako WordPress, Joomla, Jekyll, Octopress a RSS. Na skvělých věcech o Hexu je to, že můžete využít většinu pluginů, které jsou vytvořeny pro Octopress (a rozšíření, pluginy pro Jekyll s velmi malými úpravami)
Hexo podporuje Markdown, YAML pro front záležitosti a konfiguraci. Díky své rychlé povaze vám Hexo umožňuje nasazení na stránky jako GitHub, Heroku a Rsync s jedním příkazem.
Hexo lze instalovat pomocí Node.js: npm install hexo-cli -g
9. Hugo
Hugo je generátor statických stránek pro všeobecné použití s dobrými všestrannými funkcemi, jako je podpora šablon a partiálů, stránkování a „taxonomie“, což je v podstatě unikátní systém kategorizace obsahu následovaný Hugem. To znamená, že můžete příspěvky jednoduše třídit na základě nejen tagů, ale také jakýmkoli jiným způsobem, který si přejete, jako jsou kategorie nebo série přímo z frontmatteru. Hugo podporuje tři typy datových souborů - YAML, JSON a TOML a umožňuje rozhodnout, který z nich je pro vás nejpohodlnější.
Namísto pluginů používá Hugo „shortcodes“, které umožňují používat bohatý obsah uvnitř vašeho Markdown. Chcete-li vědět, jak to funguje, přečtěte si tento článek. Hugo je napsáno v programovacím jazyce Go a nabízí samostatné instalační soubory pro různé platformy na stránce GitHub. Chcete-li přesně zjistit, jak můžete nainstalovat Hugo pro vás, přečtěte si instalační pokyny pro Hugo.
Pokud používáte Homebrew, pak Hugo a všechny závislosti mohou být instalovány s: brew install hugo
10. Brunch
Brunch se opírá o webové aplikace ve formátu HTML5, nikoli o blogy a webové stránky, ale stále je to velmi jednoduchý generátor rychlých statických stránek. Nejenže kompiluje všechny vaše kódy a skripty, ale může také zmenšit (minify) váš kód a automaticky komprimovat obrázky. Brunch má celou řadu pluginů, které můžete použít k přizpůsobení podle vašich potřeb. Kompletní seznam pluginů Brunch naleznete zde.
Brunch nabízí 'kostry', které jsou v podstatě kotelny pro spuštění vaší webové stránky (nebo webové aplikace). Nabízí jednu z nejrychlejších kompilačních rychlostí, jednoduše proto, že Brunch ukládá všechny nezměněné části vašeho projektu do mezipaměti a sestavuje pouze ty soubory, které jsou revidovány. Brunch je postaven na Node.js a lze jej nainstalovat pomocí npm: npm install -g brunch
Máte nějaké návrhy ohledně tohoto článku? Nechte to v komentářích!
