12 bästa statiska generatorer du bör använda

Det finns ett antal skäl till varför någon skulle använda en statisk webbplatsgenerator för sin webbplats. Statiska webbplatser är lättare att underhålla (inga databaser, inga skripter på serversidan) och är säkrare med tanke på att användarna endast får HTML-, CSS- och Javascript-filer. Medan du direkt kan skriva kod i HTML för att skapa en statisk webbplats kan processen vara lite ansträngande, det är där statiska webbplatsgeneratorer spelar in. Statiska webbplatsgeneratorer konverterar (eller kompilerar) en massa olika resursfiler till en webbplats, vilket innebär att innehållet kan hållas åtskilt från layoutkoden och alla webbplatstillgångar som bilder kan också hållas isär. Så, om du har varit ute efter en bra statisk webbplatsgenerator för din webbplats, här är de 12 bästa statiska webbplatsgeneratorerna du kan använda 2020.

Bästa statiska webbplatsgeneratorer 2020

Om du vill bygga en fullfjädrad webbplats som innehåller funktioner som bloggning, e-handel och mer, bör du läsa vår artikel om Squarespace-alternativ genom att klicka på länken. Å andra sidan är vår samling av bästa portföljwebbplatser platsen för kommande designers och artister. Med det ur vägen, låt oss komma till listan.

1. Jekyll

Utan tvekan kungen av statiska generatorer, Jekyll är förvånansvärt den mest använda statiska webbplatsgeneratorn eftersom den erbjuder den största dokumentationen, största communityn och bästa supporten där ute. Jekyll är stolt över att vara bloggmedveten och det är verkligen enkelt att göra en statisk blogg på Jekyll, kräver endast grunderna för webbutveckling. Det lyser verkligen, på grund av dess enkla inställningsfunktioner 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 dina egna omvandlare för vilket markeringsspråk du vill använda med Jekyll. Standardmarkeringsspråket för Jekyll, som de flesta andra, är Markdown. Jekyll har plugins för att kompilera Less, Stylus, generera taggmoln, användarsidor för bloggar och mycket mer.

Jekyll är baserad på Liquid Template Engine från Shopify. Det körs helt på Ruby, så det är enkelt att installera tillsammans med beroenden som använder rvm eller använder bundler. Jekyll har också enkla migreringsalternativ om du vill migrera från WordPress, Blogger eller någon annan bloggsida. Det slår alla andra statiska generatorer där ute, utan att behöva, när det gäller användarstorlek och det bästa är att den är under aktiv utveckling.

För att installera Jekyll, skriv bara detta kommando i Ruby: pärla installera jekyll

Besök Jekyll

2. Hexo

Hexo är en lätt statisk bloggram som är stolt över sin flammande snabba webbplatsgenereringshastighet. Hexo är bra för bloggare med stora mängder innehåll som vill ha en enkel statisk webbplatsgenerator. Det erbjuder enkla migrationsalternativ från andra bloggplattformar som WordPress, Joomla, Jekyll, Octopress och RSS.

En av de bästa sakerna med Hexo är 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 mindre modifieringar.

Hexo stöder Markdown, YAML för främre materia och konfiguration. Att hålla med sin snabba natur Hexo låter dig distribuera till webbplatser som GitHub, Heroku och Rsync med bara ett kommando.

För att installera Hexo med hjälp av Node.js anger du bara det här kommandot: npm installera hexo-cli -g

Besök Hexo

3. Pelikan

Pelikan är en statisk webbplatsgenerator byggd på Python. Den har flerspråkigt innehållsinlägg, kod (syntax) markering, samt enkel generering av RSS och Atom Feeds. Pelican har ett bra urval av plugins, som alla finns i ett centralt GitHub-arkiv. Den stöder som standard 3 dokumentformat: 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 tillåta enkelt att skapa vackra teman och mallar för Pelikan. När det gäller migrationsstö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.

Tjänsten fick nyligen en uppdatering som introducerade ett antal förbättringar, korrigeringar och justeringar för att förbättra prestanda. Den senaste uppdateringen inkluderar förbättrat kopierings- / länkbeteende för stora statiska filer, ny statisk syntax för att länka till statiskt innehåll, ett nytt utkaststatus för sidor och förbättringar av bland annat importören.

Du kan installera Pelican med pip och skriva in följande kommando: pip installera pelikan

Besök Pelican

4. Gatsby

Gatsby är ett annat bra alternativ som du kan välja, som, precis som Hexo, drivs av Node.js vilket gör det ganska bekvämt för erfarna JavaScript-utvecklare. Tjänsten använder React, vilket innebär att allt är uppbyggt av komponenter, vilket gör att det kan dra nytta av Reacts inställning till DOM-rendering.

Tjänsten använder också GraphQL vid byggtid för att hämta data och innehåll från källor, vilket ger det ett modernt och konsekvent gränssnitt som säkerställer att varje sida får den exakta data som behövs när den byggs. Det är också värt att notera att Gatsby bygger sidor som progressiva appar på en sida, vilket innebär att hela den statiska webbplatsen laddas ner och kan navigeras omedelbart.

Gatsby kan enkelt hämtas av utvecklare som har arbetat med React tidigare, men om du inte har arbetat med React innan kan inlärningskurvan visa sig vara lite brant.

Du kan enkelt installera Gatsby med kommandoradsverktyget Gatsby och följande kommando: npm installera -global gatsby-cli

Besök Gatsby

5. Middleman

Middleman är en Ruby-driven statisk generator som följer ett enkelt sätt att bygga statiska platser. Den har kraftfulla funktioner för att underhålla statiska bloggar, som enkel tagggenerering, snabbkommandon för listning av kategoriserade artiklar och paginering.

Middleman erbjuder support för det mesta av moderna verktyg för webbutveckling som HAML, Coffeescript, Sass och resten. Dess standardmallmotor är eRb, men det låter dig växla till en anpassad mallmotor efter eget val. Alla tilt-aktiverade mallmotorer (hela listan finns här) fungerar på Middleman.

Den stöder naturligtvis två konfigurationsformat - YAML, JSON. Frontmatter för ditt innehåll måste också vara YAML eller JSON beroende på det konfigurationsformat du använder. Dessutom erbjuder Middleman inget migrationsstöd, så om du vill göra en befintlig blogg statisk kanske Middleman inte är den bästa idén för tillfället.

Du kan installera Middleman med Ruby med det här kommandot: gem install mellanhand

Besök Middleman

6. Metallsmed

Metalsmith är också ett bra alternativ om du letar efter en plugin-baserad statisk generator. Tjänsten är stolt över att vara ''en extremt enkel, pluggbar statisk generator '' vilket gör det möjligt för användare att lägga till plugins för i princip alla funktioner de behöver. Det stora antalet plugins som erbjuds av Metalsmith slår nästan alla konkurrenter, vilket ger den mångsidigheten att vara mer än bara en enkel statisk webbplatsgenerator.

Med sina egna ord, "Eftersom allt är ett plugin är kärnbiblioteket faktiskt bara en abstraktion för att manipulera en katalog med filer". Vad detta äntligen lägger till är att du kan använda Metalsmith lika enkelt som en projektställare, en e-bokgenerator, ett byggverktyg och mycket mer.

Metalsmith är också baserat på Node.js och det kan installeras med hjälp av nodpakethanteraren med det här kommandot: $ npm installera metalsmith

Besök Metalsmith

7. Hugo

En annan stor statisk generator för allmänt ändamål, Hugo kommer med en massa anständiga allroundfunktioner som mallar och partiell support, paginering och 'taxonomier' som i grunden är ett unikt innehållskategoriseringssystem. Detta gör att du enkelt kan klassificera inlägg på grundval av inte bara taggar utan också på något annat sätt som du vill, som kategorier eller serier, direkt från frontmatter.

Hugo kommer med stöd för tre datafiltyper - YAML, JSON och TOML - ger användarna frihet att välja det de är mest bekväma med. Istället för plugins använder Hugo "kortkoder" som låter dig använda rikt innehåll i din Markdown-fil.

Hugo är skrivet på Go-programmeringsspråket och det erbjuder separata installationsfiler för olika plattformar på sin GitHub-sida. Du kan följa dessa installationsanvisningar för att installera Hugo på din enhet.

Om du använder Homebrew kan Hugo och alla beroenden installeras med: brygga installera hugo

Besök Hugo

8. Octopress

Octopress är i huvudsak en modifierad Jekyll-gaffel, men på grund av dess popularitet har vi inkluderat den på den här listan. De tjänsten är i grunden Jekyll för hackare (och rails-utvecklare) och den kan användas för att enkelt bygga en blogg eftersom den levereras med ett antal plugins som standard.

För anpassning gör Octopress-koden det enklare för användare att ändra kod och skriva sin egen kod. Det som är riktigt bra är att ett antal plugins för Octopress är kompatibla med Jekyll (och vice versa) så att du kan testa båda tjänsterna utan att oroa dig för kompatibilitetsproblem.

Installationsprocessen för Octopress kan dock vara lite komplicerad för nybörjare, men du kan göra detsamma genom att följa dessa steg:

• Klona GitHub repo
  • git klon
  • git: //github.com/imathis/octopress.get
  • bläckfisk
  • cd octopress
• Installera beroenden
  • pärla installera bundler
  • rbenv rehash; # Om du använder rbenv ska du tvätta om för att kunna köra kommandot bundle
  • buntinstallation
• Installera standardtema för Octopress
  • rake installera

Besök Octopress

9. Docpad

Docpad är en dynamisk statisk platsgenerator som utökar kapaciteten hos normala statiska generatorer, erbjuder funktioner som databasfrågor genom en unik frågemotor, importera sidor från externa databaser och åter rendera webbsidan på varje begäran.

Docpad har inbyggda support för förprocessorer, som Coffeescript, Stylus och LESS, och använder plugins för att stödja mallmotorer, förprocessorer och markeringsspråk, så att du kan välja vilka kombinationer du vill med hjälp av det nödvändiga plugin. Docpad stöder också import av 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 och den är byggd på Node.js för serverinteraktioner.

För att installera Docpad, använd följande kommando med npm: npm installera -g npm; npm installera -g [email protected] 

Besök Docpad

10. Harpa

Harp är en annan stor statisk webbplatsgenerator som kommer med inbyggd förbehandling för Jade, Markdown, LESS, Sass, Coffeescript, EjS och Stylus utan extra konfiguration. Tjänsten låter dig använda layouter / partiellt paradigm med Jade och EjS, som behöver speciella plugins på andra statiska webbplatsgeneratorer.

Harp är också byggt på Node.js och kan fungera hand i hand med Harp-plattformarna, som låter dig skapa webbsidor från din Dropbox-mapp. Tjänsten kan också sammanställa sidor för användning på GitHub-sidor, PhoneGap och Heroku.

För att installera Harp, använd npm och kör följande kommando: sudo npm installera -g harpa

Besök Harp

11. NUXT

Baserat på en avancerad modulär arkitektur är Nuxt en av de finaste statiska webbplatsgeneratorerna. Packad med mer än 50 moduler, den är fullt utrustad för att påskynda din utveckling. En annan anmärkningsvärd egenskap hos denna statiska generator är att den optimalt optimerar din applikation så att den smidigt kan köras på olika plattformar. Med en buntanalysator, det ser till att du kan finjustera din app och bli av med alla brister.

Men det som ger Nuxt.js en fördel jämfört med många andra rivaler är förmågan att generera en statisk webbplats enligt Vue-appen. Som ett resultat behöver du inte en fristående server utan kommer att kunna ha fördelarna med SEO, eftersom Nuxt inte bara förrenderar alla sidor utan också består av viktig HTML. Dessutom kan du enkelt distribuera den resulterande sidan till Netlify- eller GitHub-sidor. När det gäller installation är det ganska på förhand tack vare ställningsverktyg. Men för det måste du ha npx (det kommer som standard sedan NPM 5.2.0) installerat.

För att installera NUXT, se till att du har installerat NPX och kör sedan följande kommando: $ npx create-nuxt-app

Besök NUXT JS

12. MkDocs

Om dina behov motiverar en enkel statisk webbplatsgenerator kan MkDocs vara rätt svar på dina behov. Med lättanvända verktyg, det gör projektdokumentation problemfri. Eftersom dokumentationskällfilerna är skrivna i Markdown och konfigurerade med en enda YAML-konfigurationsfil kan du enkelt hantera dem. För alla är enkla är MkDocs upp till uppgiften när det gäller effektivitet. Du kan använda den för att bygg helt statiska HTML-webbplatser som kan vara värd på Amazon S3, GitHub, och på andra plattformar.

En av mina favoritfunktioner i MkDocs är en gedigen samling teman. Beroende på dina behov kan du välj bland både de inbyggda teman och teman från tredje part som kan ge önskat utseende till din dokumentation. Med den praktiska inbyggda servern till hands kan du enkelt förhandsgranska din dokumentation. När det gäller installationen är det ganska enkelt. Men se till att du har Python och Python Manager Pip installerat på ditt system.

Installera mkdocs-paketet med pip: pip install mkdocs

Besök MKDocs

Testa dessa statiska generatorer direkt

Tja, det avrundar vår lista över de 12 bästa statiska webbplatsgeneratorerna du bör prova. Listan består av en mängd olika alternativ, var och en av dem erbjuder en unik uppsättning funktioner för en mängd olika användningsfall. Beroende på vilket projekt du har till hands kan du välja någon av de ovannämnda statiska webbplatsgeneratorerna och skapa din statiska webbsida på nolltid. Har du några förslag? Låt oss veta i kommentarerna nedan och vi uppdaterar listan därefter.