Rekommenderas, 2022

Redaktionen

10 Bästa Static Site Generators

Det har nyligen varit stort skift till statiska webbplatser inom webbutveckling. Statiska webbplatser är enklare att behålla (Inga databaser, Inga serverns skript!) Och är säkrare, i allmänhet, eftersom det enda som serveras för användarnas enheter är HTML, CSS och Javascript-filer. För att vissa typer av webbplatser som bloggar och dokumentationswebbplatser ska bli statiska blir bara direktskrivande kod i HTML-filer ansträngande. Det blir också svårt att behålla webbplatser med stort innehåll, särskilt när vissa små funktioner (som design) behöver ändras.

Det här är där statiska webbplatsgeneratorer kommer in. Static Site Generators konverterar (eller sammanställer) en massa olika resursfiler till en webbplats. Det betyder att innehållet kan hållas åtskilt från layoutkoden, och webbplatsens tillgångar som bilder kan hållas helt ifrån varandra. Det finns många statiska generatorer där ute, hundratals även. Här är en lista över de 10 bästa statiska webbplatsgeneratorerna tillsammans med deras recensioner.

Static Site Generators

1. Jekyll

I ett ord: The King of Static Site generatorer . Jekyll är den mest använda statiska generatorn där ute, med den största dokumentationen, största samhället och bästa stöd. Även GitHub erbjuder inbyggt stöd för Jekyll på sin GitHub Pages-tjänst. Jekyll är stolt över att vara bloggmedveten. Att göra en statisk blogg på Jekyll är väldigt lätt. Det kräver bara kunskap om grundläggande webbutveckling. Det skiner verkligen på grund av sina enkla installationsfunktioner för nybörjare, samtidigt som de har riktigt kraftfulla funktioner för dem med kunskapen att använda dem.

Jekyll låter dig skapa och använda olika plugins, taggar och till och med skapa egna omvandlare för vilket språket du vill använda med Jekyll. Standardmarkeringsspråket för Jekyll-liknande de flesta andra - är Markdown. Jekyll har plugins för att sammanställa Less, Stylus, generera taggmoln, användarsidor för bloggar och mycket mer.

Jekyll är baserat på Liquid Template Engine av Shopify. Den går helt och hållet på Ruby, så det är lätt att installera tillsammans med beroenden med hjälp av rvm eller med hjälp av buntaren. Jekyll har också enkla migreringsalternativ om du vill migrera från WordPress, Blogger eller någon annan bloggwebbplats. Det slår varje annan statisk webbplatsgenerator där ute, händerna ner, vad gäller användarstorlek. Det är under aktiv utveckling (den senaste ändringen till dess GitHub repo som kom för en dag sedan, vid skrivningstillfället).

För att installera Jekyll, skriv bara detta kommando i Ruby: gem install jekyll

Hemsida

2. Pelican

Pelican är en statisk sida generator byggd på Python. Den innehåller flerspråkig innehållspostering, kod (syntax), samt enkel generering av RSS- och Atom-flöden. Pelican har ett bra urval av plugins, som alla är värd på ett centralt GitHub-förråd. Den stöder 3 dokumentformat som standard: Markdown, reStructuredText och Ascii Doc.

Pelican är ganska unik, eftersom den är byggd på Python. Den stöder den kraftfulla Jinja Template Engine som är pythonbaserad för att möjliggöra enkel skapande av vackra teman och mallar för pelikan. När det gäller migreringsstöd erbjuder Pelican stöd för WordPress och Tumblr. I stället för de vanliga YAML-filerna för konfiguration använder Pelican en .py-fil med namnet pelicanconf.py för konfiguration och inställningar.

Det enklaste sättet att installera pelikan, är att använda pip: pip install pelican

Hemsida

3. Middleman

Middleman är en Ruby-powered statisk webbplats generator som följer en lätt första tillvägagångssätt för att bygga statiska platser. Den har kraftfulla funktioner för att upprätthålla statiska bloggar, som enkelt taggenerering, snabbkommandon för listning av kategoriserade artiklar och paginering. Middleman erbjuder inte något migreringsstöd, så om du vill göra en befintlig blogg statisk, kan Middleman inte vara den bästa idén för nu.

Middleman erbjuder stöd för de flesta moderna verktyg för webbutveckling som HAML, Coffeescript, Sass och resten. Standardmallen är eRb, men den låter dig byta till en anpassad mallmaskin av ditt val. Alla Tilt-aktiverade mallmotorer (hela listan finns här) arbetar på Middleman. Den stöder inbyggt 2 konfigurationsformat - YAML, JSON. Frontmatter för ditt innehåll måste också vara YAML eller JSON beroende på konfigurationsformatet du använder.

Installera Middleman med Ruby med: gem install middleman

Hemsida

4. Metalsmith

Metalsmith är stolt över att vara en pluggbar statisk platsgenerator. Det betyder att all logik i Metalsmith hanteras av plugins. Alla funktioner du behöver, lägg bara till de obligatoriska pluginsna. Det stora antalet plugins som erbjuds av Metalsmith slår nästan alla konkurrenter (kanske utesluter Jekyll och Docpad). Det betyder att Metalsmith kan användas som mer än bara en statisk webbplatsgenerator.

I sina egna ord "Eftersom allt är ett plugin, är kärnbiblioteket egentligen bara en abstraktion för att manipulera en katalog med filer". Vad det äntligen lägger till är att du använder Metalsmith lika enkelt som ett projektvakt, en e-bokgenerator, ett byggverktyg, teknisk dokumentation och mer (några av de exempel som visas på Metalsmiths hemsida).

Metalsmith är baserat på Node.js, och det kan installeras med nodpaketscheman med: $ npm install metalsmith

  Homepage 

5. Harpa

Harpa har inbyggd förbehandling för Jade, Markdown, LESS, Sass, Coffeescript, EjS och Stylus utan någon extra konfiguration. Det låter dig också använda layouterna / partiella paradigmet med Jade och EjS, som behöver speciella plugins på andra statiska generatorer.

Harpa är byggt på Node.Js och kan fungera hand i hand med Harp-plattformen, som låter dig skapa webbsidor från din Dropbox-mapp. Harpa kan också kompilera sidor för användning på GitHub sidor, PhoneGap och Heroku också.

För att installera Harp, använd npm och kör: sudo npm install -g harp

 Hemsida 

6. Octopress

Tekniskt Octopress är en modifierad Jekyll gaffel, men på grund av sin enorma popularitet har den blivit med i denna lista. Octopress är i grunden Jekyll för hackare (och skenor utvecklare). Anpassning av Octopress blir lätt, speciellt om du bygger en blogg, eftersom Octopress som standard innehåller många av de plugin du skulle behöva köra en blogg på Jekyll.

I anpassningsdelen gör Octopress-koden det enklare för användarna att ändra kod och skriva sin egen kod. Med detta sagt är många plugins för Octopress kompatibla med Jekyll (och vice versa).

För att installera Octopress,

  1. Klon GitHub repo
    git clone git://github.com/imathis/octopress.git octopress
    cd octopress
  2. Installera beroenden
    gem install bundler
    rbenv rehash # Om du använder rbenv, rehash för att kunna köra buntkommandot
    bundle install
  3. Installera standard Octopress-temat
    rake install
Hemsida

7. Docpad

Docpad är en dynamisk statisk webbplatsgenerator. Det utökar möjligheterna hos normala statiska webbplatsgeneratorer, med funktioner som databasfrågor via en sökmotor, import av sidor från externa databaser och återgivning av webbsidan på varje förfrågan.

Docpad har inbyggt stöd för förbehandlare, som Coffeescript, Stylus och LESS, och använder plugins för att stödja mallmotorer, förbehandlare och markup-språk så att du kan välja vilka kombinationer du vill ha med hjälp av det nödvändiga plugin. Docpad stöder också importerande sidor från externa källor som Tumblr, GitHub och Dropbox via plugins.

Docpad är en funktionsrik plattform, med många plugins och bra dokumentation. Det är byggt på och använder Node.js för server interaktioner.

Installera bara Docpad med npm: npm install -g npm; npm install -g [email protected] npm install -g npm; npm install -g [email protected]

 Hemsida 

8. Hexo

Hexo är ett lättviktigt statiskt bloggramverk som stoltserar med sin flammande snabba generationshastighet. Hexo är utmärkt för bloggare med stora mängder innehåll som vill ha en enkel statisk webbplatsgenerator. Det erbjuder enkla migreringsalternativ från andra bloggplattformar som WordPress, Joomla, Jekyll, Octopress och RSS. På de stora sakerna om Hexo är det att du kan använda det mesta av plugins som är gjorda för Octopress (och i tillägg, plugins gjorda för Jekyll med mycket små modifieringar)

Hexo stöder Markdown, YAML för frontmaterial och konfiguration. Med sin snabba natur kan Hexo du distribuera till webbplatser som GitHub, Heroku och Rsync med bara ett kommando.

Hexo kan installeras med Node.js: npm install hexo-cli -g

Hemsida

9. Hugo

Hugo är en generell statisk webbplatsgenerator med bra allroundfunktioner som mallar och partials support, pagination och taxonomics, vilket i grunden är ett unikt innehålls kategoriseringssystem följt av Hugo. Det innebär att du enkelt kan klassificera inlägg på grundval av inte bara taggar, men också på något annat sätt du vill, som kategorier eller serier direkt från frontmatteren. Hugo stöder tre datafiltyper - YAML, JSON och TOML, och låter dig bestämma vilken som är mest bekväm för dig.

I stället för plugins använder Hugo "kortnummer" som låter dig använda riktigt innehåll inne i din Markdown. För att veta hur det fungerar läser du den här artikeln. Hugo är skrivet i Go-programmeringsspråket, och det erbjuder separata installationsfiler för olika plattformar på sin GitHub-sida. För att veta exakt hur du kan installera Hugo för att du ska använda, läs installationsanvisningarna för Hugo.

Om du använder Homebrew, kan Hugo och alla beroenden installeras med: brew install hugo

Hemsida

10. Brunch

Brunch lutar mot HTML5 webbapplikationer snarare än bloggar och webbplatser, men det är fortfarande en mycket enkel att använda, snabb statisk webbplatsgenerator. Det sammanställer inte bara all din kod och skript, utan kan också minska (minifiera) din kod och komprimera bilder automatiskt. Brunch har en hel mängd plugins som du kan använda för att anpassa den efter dina behov. Den fullständiga listan över Brunch plugins finns här.

Brunch erbjuder "skelett" som i grunden är pannplattor för att starta din webbplats (eller webbapp). Det erbjuder en av de snabbaste kompileringshastigheterna, helt enkelt för att Brunch cachar alla oförändrade delar av ditt projekt och sammanställer bara de filer som revideras. Brunch är byggt på Node.js och kan installeras med hjälp av npm: npm install -g brunch

Hemsida

Har du några förslag på den här artikeln? Lämna det i kommentarerna!

Top