Er is recent een enorme verschuiving geweest naar statische websites op het gebied van webontwikkeling. Statische sites zijn gemakkelijker te onderhouden (geen databases, geen scripts op de server!) En zijn veiliger, aangezien het enige dat wordt aangeboden aan apparaten van gebruikers HTML-, CSS- en Javascript-bestanden zijn. Om sommige soorten websites zoals blogs en documentatiewebsites statisch te maken, wordt het direct inspelen van code in HTML-bestanden inspannend. Het wordt ook moeilijk om sites met grote inhoud te onderhouden, vooral wanneer sommige kleine functies (zoals ontwerp) moeten worden gewijzigd.
Dit is waar statische site-generatoren binnenkomen. Statische site-generators zetten in principe een aantal verschillende bronbestanden om in één website. Dit betekent dat inhoud kan worden gescheiden van de lay-outcode en dat de siteactiva zoals afbeeldingen volledig uit elkaar kunnen worden gehouden. Er zijn veel statische site-generatoren, honderden zelfs. Hier is een lijst van de 10 beste statische site-generators samen met hun beoordelingen.
Statische site-generatoren
1. Jekyll
In één woord: Generators van de King of Static Site . Jekyll is de meest gebruikte statische generator die er is, met de beste documentatie, de grootste community en de beste ondersteuning. Zelfs GitHub biedt ingebouwde ondersteuning voor Jekyll op zijn GitHub Pages-service. Jekyll is er trots op dat hij blogs kent. Het maken van een statische blog op Jekyll is heel eenvoudig. Het vereist alleen kennis van basiswebontwikkeling. Het schijnt echt, vanwege de eenvoudige instellingsfuncties voor beginners, terwijl het tegelijkertijd krachtige functies biedt voor mensen met de kennis om ze te gebruiken.
Met Jekyll kunt u verschillende plug-ins, tags maken en gebruiken en zelfs uw eigen converters maken voor elke opmaaktaal die u met Jekyll wilt gebruiken. De standaard opmaaktaal voor Jekyll - net als de meeste andere - is Markdown. Jekyll heeft plug-ins voor het compileren van Less, Stylus, het genereren van tag clouds, gebruikerspagina's voor blogs en nog veel meer.
Jekyll is gebaseerd op de Liquid Template Engine van Shopify. Het draait volledig op Ruby, dus het is eenvoudig te installeren samen met afhankelijkheden met behulp van rvm, of met behulp van bundler. Jekyll heeft ook eenvoudige migratieopties, als u op zoek bent om te migreren vanuit WordPress, Blogger of een andere blogsite. Het verslaat elke andere statische site-generator die er is, zonder twijfel, in termen van gebruikersgrootte. Het is onder actieve ontwikkeling (de laatste wijziging in zijn GitHub repo komt een dag geleden, op het moment van schrijven).
Om Jekyll te installeren, voert u dit commando in Ruby: gem install jekyll
2. Pelikaan
Pelican is een statische site-generator gebouwd op Python. Het biedt meertalige content-posting, codering (syntaxis), evenals eenvoudige generatie van RSS- en Atom-feeds. Pelican heeft een mooie selectie van plug-ins, die allemaal worden gehost op een centrale GitHub-repository. Het ondersteunt standaard 3 documentformaten: Markdown, reStructuredText en Ascii Doc.
Pelican is vrij uniek, omdat het op Python is gebouwd. Het ondersteunt de krachtige Jinja Template Engine die op python is gebaseerd, om eenvoudige creatie van prachtige thema's en sjablonen voor Pelican mogelijk te maken. Wat betreft migratiesteun biedt Pelican ondersteuning voor WordPress en Tumblr. In plaats van de gebruikelijke YAML-bestanden voor configuratie, gebruikt Pelican een .py-bestand met de naam pelicanconf.py voor configuratie en instellingen.
De eenvoudigste manier om pelican te installeren, is door pip: pip install pelican
3. Middleman
Middleman is een door Ruby aangedreven statische site-generator die een eenvoudige benadering volgt voor het bouwen van statische sites. Het heeft krachtige functies voor het onderhouden van statische blogs, zoals eenvoudige taggeneratie, snelle opdrachten voor het weergeven van gecategoriseerde artikelen en paginering. Middleman biedt geen ondersteuning voor migratie, dus als je een bestaande blog statisch wilt maken, is Middleman voor nu misschien niet het beste idee.
Middleman biedt ondersteuning voor de meeste moderne tools voor webontwikkeling zoals HAML, Coffeescript, Sass en de rest. De standaard template-engine is eRb, maar hiermee kunt u overschakelen naar een aangepaste template-engine van uw keuze. Alle Tilt-enabled template-engines (de volledige lijst is hier te vinden) werken op Middleman. Het ondersteunt native 2 configuratieformaten - YAML, JSON. Frontmatter voor uw inhoud moet ook YAML of JSON zijn, afhankelijk van het configuratieformaat dat u gebruikt.
Installeer Middleman met Ruby met: gem install middleman
4. Metalsmith
Metalsmith gaat er prat op dat hij een pluggable static site generator kan zijn. Dit betekent dat alle logica van Metalsmith wordt afgehandeld door plug-ins. Elke functie die u nodig hebt, voegt u gewoon de vereiste plug-ins toe. Het enorme aantal plug-ins aangeboden door Metalsmith verslaat bijna elke concurrent (misschien met uitzondering van Jekyll en Docpad). Dit betekent dat Metalsmith kan worden gebruikt als meer dan alleen een statische site-generator.
In hun eigen woorden "Omdat alles een plug-in is, is de kernbibliotheek eigenlijk gewoon een abstractie voor het manipuleren van een directory met bestanden". Wat dit uiteindelijk toevoegt, is dat u Metalsmith net zo gemakkelijk gebruikt als een projectsteiger, een ebook-generator, een bouwtool, het maken van technische documentatie en meer (deze enkele voorbeelden zijn te zien op de website van Metalsmith).
Metalsmith is gebaseerd op Node.js en kan worden geïnstalleerd met behulp van de knooppuntpakketbeheerder met: $ npm install metalsmith
Homepage 5. Harp
Harp heeft ingebouwde voorbewerking voor Jade, Markdown, LESS, Sass, Coffeescript, EjS en Stylus zonder enige extra configuratie. Het laat je ook de lay-outs / gedeeltelijke paradigma gebruiken met Jade en EjS, die speciale plug-ins nodig heeft op andere statische site-generators.
Harp is gebouwd op Node.Js en kan hand in hand werken met het Harp-platform, waarmee je webpagina's kunt maken vanuit je Dropbox-map. Harp kan ook pagina's compileren voor gebruik op GitHub-pagina's, PhoneGap en Heroku.
Om harp te installeren, gebruik je npm en voer je uit: sudo npm install -g harp
Startpagina
6. Octopress
Technisch gezien is Octopress een gemodificeerde Jekyll-vork, maar vanwege zijn enorme populariteit is hij opgenomen in deze lijst. Octopress is in feite Jekyll voor hackers (en ontwikkelaars van rails). Het aanpassen van Octopress wordt eenvoudig, vooral als je een blog aan het bouwen bent, omdat Octopress standaard veel van de plug-ins bevat die je nodig hebt om een blog op Jekyll te draaien.
In het aanpassingsgedeelte maakt de code van Octopress het gemakkelijker voor gebruikers om code te wijzigen en hun eigen code te schrijven. Dat gezegd hebbende, veel van de plug-ins voor Octopress zijn compatibel met Jekyll (en omgekeerd).
Om Octopress te installeren,
- Kloon de GitHub repo
git clone git://github.com/imathis/octopress.git octopresscd octopress - Afhankelijkheden installeren
gem install bundlerrbenv rehash# Als u rbenv gebruikt, moet u opnieuw hashen om de bundelopdracht te kunnen uitvoerenbundle install - Installeer het standaard Octopress-thema
rake install
7. Docpad
Docpad is een dynamische statische-sitegenerator. Het breidt de mogelijkheden van normale statische site-generators uit, met functies zoals databasequery's via een query-engine, het importeren van pagina's uit externe databases en het opnieuw weergeven van de webpagina voor elk verzoek.
Docpad heeft ingebouwde ondersteuning voor pre-processors, zoals Coffeescript, Stylus en LESS, en maakt gebruik van plug-ins voor het ondersteunen van sjabloonmotoren, pre-processoren en opmaaktalen, zodat u elke gewenste combinatie kunt kiezen met behulp van de benodigde plug-in. Docpad ondersteunt ook het importeren van pagina's van externe bronnen zoals Tumblr, GitHub en Dropbox via plug-ins.
Docpad is een platform met veel functies, met veel plug-ins en geweldige documentatie. Het is gebouwd op en gebruikt, Node.js, voor serverinteracties.
Installeer gewoon Docpad met behulp van npm: npm install -g npm; npm install -g [email protected] npm install -g npm; npm install -g [email protected]
Startpagina
8. Hexo
Hexo is een lichtgewicht statisch blograamwerk dat trots is op zijn razendsnelle snelheid voor het genereren van sites. Hexo is geweldig voor bloggers met grote hoeveelheden inhoud die een eenvoudige statische site-generator willen. Het biedt eenvoudige migratie-opties van andere blogplatforms zoals WordPress, Joomla, Jekyll, Octopress en RSS. Een van de geweldige dingen aan Hexo is dat je de meeste plug-ins kunt gebruiken die gemaakt zijn voor Octopress (en bij uitbreiding plug-ins gemaakt voor Jekyll met zeer kleine wijzigingen)
Hexo ondersteunt Markdown, YAML voor front-mattering en configuratie. Met zijn snelheid behouden Met Hexo kunt u met slechts één opdracht sites zoals GitHub, Heroku en Rsync implementeren.
Hexo kan worden geïnstalleerd met behulp van Node.js: npm install hexo-cli -g
9. Hugo
Hugo is een statische site-generator voor algemeen gebruik met goede allroundfuncties, zoals sjablonen en gedeeltelijke ondersteuning, paginering en 'taxonomieën', wat in feite een uniek contentcategorisatiesysteem is, gevolgd door Hugo. Dit betekent dat je posts eenvoudig kunt classificeren op basis van niet alleen tags, maar ook op elke andere manier die je wilt, zoals categorieën of series direct van frontmatter. Hugo ondersteunt drie soorten gegevensbestanden - YAML, JSON en TOML, en laat u beslissen welke het meest comfortabel voor u is.
In plaats van plug-ins gebruikt Hugo 'shortcodes' waarmee u rijke inhoud in uw Markdown kunt gebruiken. Lees dit artikel om te weten hoe dit werkt. Hugo is geschreven in de programmeertaal Go en biedt afzonderlijke installatiebestanden voor verschillende platforms op zijn GitHub-pagina. Als u precies wilt weten hoe u Hugo kunt installeren die u moet gebruiken, lees dan de installatie-instructies voor Hugo.
Als u Homebrew gebruikt, kunnen Hugo en alle afhankelijkheden worden geïnstalleerd met: brew install hugo
10. Brunch
Brunch leunt naar HTML5 webapplicaties in plaats van blogs en websites, maar het is nog steeds een zeer eenvoudig te gebruiken, snelle statische site-generator. Het compileert niet alleen al uw code en scripts, maar kan ook uw code verkleinen (verkleinen) en afbeeldingen automatisch comprimeren. Brunch heeft een hele reeks plug-ins die u kunt gebruiken om het aan te passen aan uw behoeften. De complete lijst met Brunch-plug-ins vindt u hier.
Brunch biedt 'skeletten' aan, in wezen ketelplaten voor het starten van uw website (of web-app). Het biedt een van de snelste compilatiesnelheden, simpelweg omdat Brunch alle ongewijzigde delen van uw project in de cache opslaat en alleen de bestanden compileert die zijn herzien. Brunch is gebouwd op Node.js en kan worden geïnstalleerd met behulp van npm: npm install -g brunch
Hebt u suggesties voor dit artikel? Laat het in de comments!
