12 nejlepších generátorů statických stránek, které byste měli použít

Existuje několik důvodů, proč by někdo pro svůj web použil statický generátor stránek. Statické stránky se snadněji udržují (žádné databáze, žádné skripty na straně serveru) a jsou bezpečnější, vzhledem k tomu, že uživatelům jsou poskytovány pouze soubory HTML, CSS a Javascript. I když můžete přímo napsat kód v HTML a vytvořit statický web, proces může být trochu namáhavý, což je místo, kde vstupují do hry statické generátory webů. Generátory statických webů převádějí (nebo kompilují) spoustu různých souborů zdrojů na jeden web, což znamená, že obsah lze uchovávat odděleně od kódu rozložení a jakékoli prostředky webu, jako jsou obrázky, lze také oddělit. Pokud jste tedy hledali dobrý generátor statického webu pro svůj web, zde je 12 nejlepších generátorů statického webu, které můžete použít v roce 2020.

Nejlepší statické generátory webů roku 2020

Pokud hledáte vytvoření plnohodnotného webu, který přináší funkce jako blogování, elektronický obchod a další, měli byste si přečíst náš článek o alternativách Squarespace kliknutím na odkaz. Na druhou stranu je naše kolekce nejlepších portfoliových webů místem pro nadcházející designéry a umělce. S tím, že jsme z cesty, pojďme na seznam.

1. Jekyll

Jekyll, který je nepochybně králem generátorů statických stránek, je nepřekvapivě nejpoužívanějším generátorem statických stránek, protože nabízí tu největší dokumentaci, největší komunitu a nejlepší podporu. Jekyll se pyšní tím, že si je vědom blogu, a proto je vytvoření statického blogu na Jekyll opravdu snadné, vyžadující pouze základy vývoje webu. Skutečně svítí díky svým snadným funkcím nastavení pro začátečníky a zároveň má opravdu výkonné funkce pro ty, kteří mají znalosti je používat.

Jekyll vám umožňuje vytvářet a používat různé doplňky, tagy a dokonce vytvářet vlastní převaděče pro jakýkoli značkovací jazyk, který chcete s Jekyll používat. Výchozí značkovací jazyk pro Jekyll, stejně jako většina ostatních, je Markdown. Jekyll má pluginy pro kompilaci Less, Stylus, generování cloudů značek, 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í bundleru. Jekyll má také snadné možnosti migrace, pokud hledáte migraci z WordPress, Blogger nebo jiného blogovacího webu. Poráží všechny ostatní statické generátory webů, ruce dolů, pokud jde o velikost uživatele a nejlepší na tom je, že je v aktivním vývoji.

Chcete-li nainstalovat Jekyll, zadejte tento příkaz do Ruby: klenot nainstalovat jekyll

Navštivte Jekyll

2. Hexo

Hexo je lehký statický blogový rámec, který si zakládá na své bleskurychlé rychlosti generování stránek. Hexo je skvělé pro blogery s velkým množstvím obsahu, kteří chtějí jednoduchý statický generátor stránek. Nabízí možnosti snadné migrace z jiných blogovacích platforem, jako jsou WordPress, Joomla, Jekyll, Octopress a RSS.

Jednou ze skvělých věcí na Hexu je, že můžete použít většinu pluginů, které jsou vytvořeny pro Octopress, a rozšíření, pluginy vytvořené pro Jekyll s velmi malými úpravami.

Hexo podporuje Markdown, YAML pro přední hmotu a konfiguraci. Vzhledem k jeho rychlé povaze vám Hexo umožňuje nasadit na stránky jako GitHub, Heroku a Rsync jediným příkazem.

Chcete-li nainstalovat Hexo pomocí Node.js, stačí zadat tento příkaz: npm install hexo-cli -g

Navštivte Hexo

3. Pelikán

Pelikán je a statický generátor stránek postavený na Pythonu. Zahrnuje zveřejňování vícejazyčného obsahu, zvýraznění kódu (syntaxe) a snadné generování kanálů RSS a Atom. Pelican má pěkný výběr pluginů, které jsou hostovány v centrálním úložišti GitHub. Ve výchozím nastavení podporuje 3 formáty dokumentů: Markdown, reStructuredText a Ascii Doc.

Pelican je docela jedinečný, protože je postaven na Pythonu. Podporuje výkonný Jinja Template Engine, který je založen na pythonu snadné vytváření krásných motivů a šablon pro Pelican. Pokud jde o podporu migrace, Pelican nabízí podporu pro WordPress a Tumblr. Spíše než obvyklé soubory YAML pro konfiguraci používá Pelican pro konfiguraci a nastavení soubor .py s názvem pelicanconf.py.

Tato služba nedávno obdržela aktualizaci, která představila řadu vylepšení, oprav a vylepšení pro zlepšení výkonu. Nejnovější aktualizace zahrnuje vylepšené chování kopírování / propojení pro velké statické soubory, novou statickou syntaxi pro odkaz na statický obsah, nový stav konceptu stránek a vylepšení importéru mimo jiné.

Pelican můžete nainstalovat pomocí pipu a zadáním následujícího příkazu: pip install pelican

Navštivte Pelican

4. Gatsby

Gatsby je další skvělá volba, kterou můžete použít, a podobně jako Hexo je poháněn Node.js, takže je docela vhodný pro zkušené vývojáře JavaScriptu. Tato služba využívá React, což znamená, že vše je sestaveno z komponent, což mu umožňuje těžit z přístupu React k vykreslování DOM.

Tato služba také využívá GraphQL v době sestavování k načítání dat a obsahu ze zdrojů, což jí dává moderní a konzistentní rozhraní, které zajišťuje, že každá stránka obdrží přesná data potřebná při vytváření. Za zmínku stojí také to, že Gatsby vytváří stránky jako progresivní jednostránkové aplikace, což znamená, že je stažen celý statický web a lze v něm okamžitě procházet.

Gatsbyho mohou snadno vyzvednout vývojáři, kteří s Reactem pracovali dříve, ale pokud jste s Reactem nepracovali dříve, než se křivka učení může ukázat jako trochu strmá.

Gatsbyho můžete snadno nainstalovat pomocí nástroje příkazového řádku Gatsby a následujícího příkazu: npm install -global gatsby-cli

Navštivte Gatsbyho

5. Zprostředkovatel

Zprostředkovatel je Generátor statické stránky napájený rubínem který sleduje snadný první 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í.

Zprostředkovatel nabízí podporu pro většinu z moderní nástroje pro vývoj webových aplikací, jako je HAML, Coffeescript, Sass a další. Jeho výchozí šablonovací modul je eRb, ale umožňuje vám přepnout na vlastní šablonový modul podle vašeho výběru. Všechny nástroje šablon s povoleným náklonem (úplný seznam naleznete zde) fungují na prostředníkovi.

Nativně podporuje 2 konfigurační formáty - YAML, JSON. Frontmatter pro váš obsah musí být také YAML nebo JSON v závislosti na formátu konfigurace, který používáte. Kromě toho zprostředkovatel nenabízí žádnou podporu migrace, takže pokud chcete stávající blog vytvořit statický, zprostředkovatel nemusí být prozatím nejlepším nápadem.

Prostřednictvím Ruby můžete nainstalovat prostředníka pomocí tohoto příkazu: klenot nainstalovat prostředníka

Navštivte prostředníka

6. Kovář

Metalsmith je také dobrá volba, pokud hledáte generátor statických stránek založený na zásuvných modulech. Služba se pyšní tím, že je ''extrémně jednoduchý, připojitelný statický generátor stránek ' což uživatelům umožňuje přidávat doplňky pro jakoukoli funkci, kterou potřebují. Pouhý počet pluginů, které nabízí Metalsmith, překonává téměř každého konkurenta, což mu dává univerzálnost více než jen jednoduchý statický generátor stránek.

Podle jeho vlastních slov, "Jelikož je vše zásuvný modul, základní knihovna je vlastně jen abstrakce pro manipulaci s adresářem souborů". K čemu to nakonec přispívá, je to, že Metalsmith můžete používat stejně snadno jako lešení projektu, generátor e-knih, nástroj pro sestavení a mnoho dalšího.

Metalsmith je také založen na Node.js a lze jej nainstalovat pomocí správce balíčků uzlů pomocí tohoto příkazu: $ npm instalace metalsmith

Navštivte Metalsmith

7. Hugo

Další skvělý generátor statických stránek pro všeobecné účely, Hugo přichází s řadou decentních všestranných funkcí, jako je podpora šablon a částí, stránkování a 'taxonomie' což je v zásadě jedinečný systém kategorizace obsahu. To vám umožní snadno třídit příspěvky nejen na základě značek, ale také jakýmkoli jiným způsobem, jako jsou kategorie nebo série, přímo z frontmatteru.

Hugo přichází s podpora tří typů datových souborů - YAML, JSON a TOML - dávat uživatelům svobodu volby, podle čeho jsou nejvhodnější. Namísto pluginů používá Hugo „krátké kódy“, které vám umožní používat bohatý obsah uvnitř vašeho souboru Markdown.

Hugo je napsán v programovacím jazyce Go a na své stránce GitHub nabízí samostatné instalační soubory pro různé platformy. Podle těchto pokynů k instalaci nainstalujete Hugo do svého zařízení.

V případě, že používáte Homebrew, pak lze Hugo a všechny závislosti nainstalovat s: brew install hugo

Navštivte Huga

8. Octopress

Octopress je v podstatě upravená vidlice Jekyll, ale kvůli své popularitě jsme ji zahrnuli do tohoto seznamu. The služba je v podstatě Jekyll pro hackery (a vývojáři kolejnic) a lze jej snadno použít k vytvoření blogu, protože ve výchozím nastavení je dodáván s řadou pluginů.

Kvůli přizpůsobení kód Octopressu usnadňuje uživatelům úpravy kódu a psaní vlastního kódu. Opravdu skvělé je, že řada pluginů pro Octopress je kompatibilní s Jekyll (a naopak), takže si můžete obě služby vyzkoušet bez obav z problémů s kompatibilitou.

Proces instalace Octopressu může být pro začátečníky trochu komplikovaný, ale můžete udělat totéž podle následujících kroků:

• Naklonujte repozitář GitHub
  • git klon
  • git: //github.com/imathis/octopress.get
  • octopress
  • cd octopress
• Nainstalujte závislosti
  • gem install bundler
  • rbenv rehash; # Pokud používáte rbenv, rehash, abyste mohli spustit příkaz bundle
  • instalace balíčku
• Nainstalujte si výchozí motiv Octopress
  • instalace rake

Navštivte Octopress

9. Docpad

Docpad je dynamický generátor statické stránky, který rozšiřuje možnosti běžných generátorů statické stránky, nabízí funkce, jako je dotazování na databázi prostřednictvím jedinečného vyhledávacího stroje, import stránek z externích databází a opětovné vykreslení webové stránky na každý požadavek.

Docpad má nativní spodpora pro předběžné procesory, jako jsou Coffeescript, Stylus a LESS, a používá pluginy pro podporu šablonových modulů, předběžných procesorů a značkovacích jazyků, takže si můžete pomocí libovolného pluginu vybrat libovolnou kombinaci. Docpad také podporuje import stránek z externích zdrojů, jako jsou Tumblr, GitHub a Dropbox prostřednictvím pluginů.

Docpad je platforma bohatá na funkce se spoustou pluginů a skvělou dokumentací a je postavena na Node.js pro interakce se serverem.

Chcete-li nainstalovat Docpad, použijte následující příkaz pomocí npm: npm install -g npm; npm install -g [email protected] 

Navštivte Docpad

10. Harfa

Harfa je další skvělý generátor statických stránek, který je součástí vestavěné předzpracování pro Jade, Markdown, LESS, Sass, Coffeescript, EjS a Stylus bez jakékoli další konfigurace. Tato služba vám umožňuje používat rozvržení / částečné paradigma s Jade a EjS, které vyžadují speciální doplňky na jiných generátorech statických stránek.

Harp je také postaven na Node.js a může pracovat ruku v ruce s platformami Harp, které vám umožňují vytvářet webové stránky ze složky Dropbox. Tato služba může také kompilovat stránky pro použití na stránkách GitHub, PhoneGap a Heroku.

Chcete-li nainstalovat harfu, použijte npm a spusťte následující příkaz: sudo npm install -g harfa

Navštivte Harfu

11. NUXT

Na základě pokročilé modulární architektury je Nuxt jedním z nejlepších generátorů statických stránek. Sbaleno s více než 50 modulů, je plně vybaven pro urychlení vašeho vývoje. Další pozoruhodnou vlastností tohoto statického generátoru webů je, že ideálně optimalizuje vaši aplikaci tak, aby mohla hladce běžet na různých platformách. Představovat analyzátor svazků, zajišťuje, že budete moci svou aplikaci doladit a zbavit se všech nedostatků.

Ale co dává Nuxt.js náskok před mnoha jinými soupeři, je schopnost vygenerujte statický web podle aplikace Vue. Výsledkem je, že nebudete potřebovat samostatný server, ale budete moci využívat výhod SEO, protože Nuxt nejen předem vykreslí všechny stránky, ale také se skládá ze základního HTML. Navíc vám umožní snadno nasadit výslednou stránku na stránky Netlify nebo GitHub. Pokud jde o instalaci, je to docela předem díky lešení nástroj. Ale pro to budete muset mít nainstalován npx (standardně je dodáván od NPM 5.2.0).

Chcete-li nainstalovat NUXT, ujistěte se, že jste nainstalovali NPX a poté spusťte následující příkaz: $ npx create-nuxt-app

Navštivte NUXT JS

12. MkDocs

Pokud vaše potřeby vyžadují jednoduchý statický generátor stránek, MkDocs může být tou pravou odpovědí na vaše potřeby. Díky snadno použitelným nástrojům dělá projektovou dokumentaci bezproblémovou. Protože zdrojové soubory dokumentace jsou psány v Markdownu a konfigurovány pomocí jediného konfiguračního souboru YAML, můžete je snadno spravovat. Přesto, že je vše jednoduché, MkDocs je na úkolu, pokud jde o efektivitu. Můžete to použít k vytvářejte zcela statické stránky HTML, které lze hostovat na Amazonu S3, GitHub, a na dalších platformách.

Jednou z mých oblíbených funkcí MkDocs je solidní sbírka témat. V závislosti na vašich potřebách můžete vyberte si jak z integrovaných motivů, tak z motivů třetích stran což může vaší dokumentaci poskytnout požadovaný vzhled. Díky praktickému integrovanému serveru můžete snadno zobrazit náhled dokumentace. Pokud jde o instalaci, je to docela jednoduché. Ale ujistěte se, že máte ve svém systému nainstalován Python a správce Pythonu Pip.

Nainstalujte balíček mkdocs pomocí pip: pip install mkdocs

Navštivte MKDocs

Vyzkoušejte hned tyto statické generátory webů

Tím se zařadí náš seznam 12 nejlepších generátorů statických stránek, které byste měli vyzkoušet. Seznam se skládá z celé řady různých možností, z nichž každá nabízí jedinečnou sadu funkcí pro různé případy použití. V závislosti na projektu, který máte k dispozici, si můžete vybrat kterýkoli z výše uvedených generátorů statických stránek a vytvořit svou statickou webovou stránku v žádném okamžiku. Máte nějaké návrhy? Dejte nám vědět v komentářích níže a podle toho aktualizujeme seznam.