12 bedste statiske stedgeneratorer, du skal bruge

Der er en række grunde til, at nogen vil bruge en statisk stedgenerator til deres websted. Statiske websteder er lettere at vedligeholde (ingen databaser, ingen scripts på serversiden) og er mere sikre, i betragtning af, at brugerne kun serveres HTML-, CSS- og Javascript-filer. Selvom du direkte kan skrive kode i HTML for at oprette et statisk sted, kan processen være en smule anstrengende, og det er her statiske stedgeneratorer kommer i spil. Statiske webstedsgeneratorer konverterer (eller kompilerer) en masse forskellige ressourcefiler til et websted, hvilket betyder, at indholdet kan holdes adskilt fra layoutkoden, og eventuelle webstedsaktiver som billeder kan også holdes adskilt. Så hvis du har været på udkig efter en god statisk stedgenerator til dit websted, her er de 12 bedste statiske stedgeneratorer, du kan bruge i 2020.

Bedste statiske stedgeneratorer i 2020

Hvis du søger at opbygge et komplet websted, der bringer funktioner som blogging, e-handel og mere, skal du læse vores artikel om Squarespace-alternativer ved at klikke på linket. På den anden side er vores samling af bedste portfolio-websteder stedet at være for kommende designere og kunstnere. Med det ude af vores måde, lad os komme til listen.

1. Jekyll

Uden tvivl kongen af ​​statiske stedgeneratorer, er Jekyll overraskende den mest anvendte statiske stedgenerator, da den tilbyder den største dokumentation, største samfund og bedste support derude. Jekyll er stolt af at være blog-opmærksom, og som et resultat er det nemt at lave en statisk blog på Jekyll, der kun kræver det grundlæggende i webudvikling. Det skinner virkelig på grund af dets lette opsætningsfunktioner for begyndere, samtidig med at de har virkelig kraftige funktioner til dem med viden til at bruge dem.

Jekyll giver dig mulighed for at oprette og bruge forskellige plugins, tags og endda lave dine egne konvertere til ethvert markup-sprog, du vil bruge med Jekyll. Standard markup-sprog for Jekyll er som de fleste af de andre Markdown. Jekyll har plugins til kompilering af Less, Stylus, generering af tagskyer, brugersider til blogs og meget mere.

Jekyll er baseret på Liquid Template Engine fra Shopify. Det kører udelukkende på Ruby, så det er let at installere sammen med afhængigheder, der bruger rvm, eller ved hjælp af bundler. Jekyll har også nemme migreringsindstillinger, hvis du søger at migrere fra WordPress, Blogger eller et andet bloggingwebsted. Det slår enhver anden statisk stedgenerator derude, hænderne ned, hvad angår brugerstørrelse, og det bedste er, at det er under aktiv udvikling.

For at installere Jekyll skal du bare indtaste denne kommando i Ruby: perle installere jekyll

Besøg Jekyll

2. Hexo

Hexo er en let statisk blogramme der er stolt af sin hurtige hurtige generering af webstedet. Hexo er fantastisk til bloggere med store mængder indhold, der ønsker en simpel statiske stedgenerator. Det tilbyder nemme migreringsmuligheder fra andre blogplatforme som WordPress, Joomla, Jekyll, Octopress og RSS.

En af de store ting ved Hexo er, at du kan bruge det meste af de plugins, der er lavet til Octopress og i forlængelse heraf plugins, der er lavet til Jekyll med meget mindre ændringer..

Hexo understøtter Markdown, YAML til front materie og konfiguration. Med sin hurtige karakter Hexo kan du distribuere til steder som GitHub, Heroku og Rsync med kun en kommando.

For at installere Hexo ved hjælp af Node.js skal du bare indtaste denne kommando: npm installere hexo-cli -g

Besøg Hexo

3. Pelikan

Pelikan er en statisk stedgenerator bygget på Python. Det har flere sproglige indholdsposteringer, kode (syntaks) fremhævning samt let generering af RSS- og Atom-feeds. Pelican har et pænt udvalg af plugins, som alle er hostet på et centralt GitHub-arkiv. Det understøtter 3 dokumentformater som standard: Markdown, reStructuredText og Ascii Doc.

Pelikan er ganske unik, da den er bygget på Python. Det understøtter den kraftfulde Jinja Template Engine, som er pythonbaseret for at tillade nem oprettelse af smukke temaer og skabeloner til pelikan. Med hensyn til migrationssupport tilbyder Pelican support til WordPress og Tumblr. I stedet for de sædvanlige YAML-filer til konfiguration, bruger Pelican en .py-fil med navnet pelicanconf.py til konfiguration og indstillinger.

Tjenesten modtog for nylig en opdatering, der introducerede en række forbedringer, rettelser og justeringer for at forbedre ydelsen. Den seneste opdatering inkluderer forbedret kopi / link-opførsel for store statiske filer, ny statisk syntaks til link til statisk indhold, et nyt udkast til status for sider og forbedringer til importøren blandt andet.

Du kan installere Pelican ved hjælp af pip og skrive i følgende kommando: pip installere pelikan

Besøg Pelican

4. Gatsby

Gatsby er en anden fantastisk mulighed, som du kan gå til, som ligesom Hexo er drevet af Node.js, hvilket gør det ganske praktisk for erfarne JavaScript-udviklere. Tjenesten bruger React, hvilket betyder, at alt er bygget op af komponenter, så det kan drage fordel af Reacts tilgang til DOM-gengivelse.

Tjenesten bruger også GraphQL på bygningstidspunktet til at hente data og indhold fra kilder, hvilket giver det en moderne og konsekvent grænseflade, der sikrer, at hver side får de nøjagtige data, der er nødvendige, når de bygges.. Det er også værd at bemærke, at Gatsby bygger sider som progressive apps på en side, hvilket betyder, at hele det statiske sted downloades og kan navigeres med det samme.

Gatsby kan let hentes af udviklere, der har arbejdet med React før, men hvis du ikke har arbejdet med React før læringskurven kunne vise sig at være en smule stejl.

Du kan nemt installere Gatsby ved hjælp af kommandolinjeværktøjet Gatsby og følgende kommando: npm installere -global gatsby-cli

Besøg Gatsby

5. Middelmand

Middleman er en Rubin-drevet statisk stedgenerator som følger en let-første tilgang til bygning af statiske steder. Det har kraftfulde funktioner til vedligeholdelse af statiske blogs, som nem taggenerering, hurtige kommandoer til liste af kategoriserede artikler og pagination.

Middleman tilbyder support til det meste af moderne værktøjer til webudvikling som HAML, Coffeescript, Sass og resten. Dens standardtempelmotor er eRb, men det giver dig mulighed for at skifte til en tilpasset skabelonmotor efter eget valg. Alle Tilt-aktiverede skabelonmotorer (den fulde liste kan findes her) fungerer på Middleman.

Det understøtter naturligt 2 konfigurationsformater - YAML, JSON. Frontmatter til dit indhold skal også være YAML eller JSON afhængigt af det konfigurationsformat, du bruger. Derudover tilbyder Middleman ikke nogen migrationssupport, så hvis du vil gøre en eksisterende blog statisk, er Middleman muligvis ikke den bedste idé i øjeblikket.

Du kan installere Middleman ved hjælp af Ruby ved hjælp af denne kommando: perle installere mellemmand

Besøg Middleman

6. Metalsmed

Metalsmith er også en god mulighed, hvis du leder efter en plugin-baseret statisk stedgenerator. Tjenesten er stolt af at være 'en ekstremt enkel, pluggbar statisk stedgenerator ' hvilket giver brugerne mulighed for at tilføje plugins til dybest set enhver funktion, de har brug for. Det store antal plugins, som Metalsmith tilbyder, slår næsten enhver konkurrent, hvilket giver det alsidigheden ved at være mere end bare en simpel statiske stedgenerator.

Med sine egne ord, ”Da alt er et plugin, er kernebiblioteket faktisk bare en abstraktion til at manipulere et bibliotek med filer”. Hvad dette endelig tilføjer, er, at du kan bruge Metalsmith lige så let som en projektstilladser, en e-boggenerator, et build-værktøj og meget mere.

Metalsmith er også baseret på Node.js, og den kan installeres ved hjælp af node-pakkehåndtereren ved hjælp af denne kommando: $ npm installerer metallsmed

Besøg Metalsmith

7. Hugo

En anden stor generel generel statisk stedgenerator, Hugo kommer med en masse anstændige all-round funktioner som skabeloner og partiel support, pagination og 'taxonomier' hvilket stort set er et unikt indholdskategoriseringssystem. Dette giver dig mulighed for nemt at klassificere indlæg på baggrund af ikke kun tags, men også på enhver anden måde, du ønsker, som kategorier eller serier, direkte fra frontmatter.

Hugo kommer med support til tre datafiltyper - YAML, JSON og TOML - giver brugerne frihed til at vælge, hvad de er mest komfortable med. I stedet for plugins bruger Hugo 'shortcodes', som giver dig mulighed for at bruge rig indhold i din Markdown-fil.

Hugo er skrevet på Go-programmeringssprog, og det tilbyder separate installationsfiler til forskellige platforme på sin GitHub-side. Du kan følge disse installationsinstruktioner for at installere Hugo på din enhed.

I tilfælde af at du bruger Homebrew, kan Hugo og alle afhængigheder installeres med: bryg installere hugo

Besøg Hugo

8. Blæksprutte

Octopress er hovedsagelig en modificeret Jekyll-gaffel, men på grund af dens popularitet har vi inkluderet den på denne liste. Det service er dybest set Jekyll for hackere (og skinner udviklere), og den kan bruges til let at opbygge en blog, da den leveres med et antal plugins som standard.

Til tilpasning gør Octopress 'kode det lettere for brugerne at ændre kode og skrive deres egen kode. Hvad der virkelig er fantastisk, er, at et antal plugins til Octopress er kompatible med Jekyll (og vice versa), så du kan prøve begge tjenester uden at bekymre dig om kompatibilitetsproblemer.

Installationsprocessen for Octopress er muligvis en smule kompliceret for begyndere, men du kan gøre det samme ved at følge disse trin:

• Klon GitHub-repoen
  • git klon
  • git: //github.com/imathis/octopress.get
  • octopress
  • cd octopress
• Installer afhængigheder
  • perleinstallation bundler
  • rbenv rehash; # Hvis du bruger rbenv, skal du omskylle for at kunne køre bundle-kommandoen
  • bundt installation
• Installer standard Octopress-tema
  • rake installation

Besøg Octopress

9. Docpad

Docpad er en dynamisk statisk stedgenerator, der udvider funktionerne hos normale statiske stedgeneratorer, tilbyder funktioner som databaseforespørgsel gennem en unik forespørgselsmotor, import af sider fra eksterne databaser og gengivelse af websiden på hver anmodning.

Docpad har oprindelige søverste til forprocessorer, som Coffeescript, Stylus og MINDRE, og bruger plugins til understøttelse af skabelonmotorer, forprocessorer og markup-sprog, så du kan vælge hvilke kombinationer du ønsker ved hjælp af det nødvendige plugin. Docpad understøtter også import af sider fra eksterne kilder som Tumblr, GitHub og Dropbox gennem plugins.

Docpad er en funktionsrig platform, med masser af plugins og god dokumentation, og den er bygget på Node.js til serverinteraktioner.

For at installere Docpad skal du bruge følgende kommando vha. Npm: npm installation -g npm; npm installation -g [e-mail beskyttet] 

Besøg Docpad

10. Harpe

Harpe er en anden stor statisk stedgenerator, der følger med indbygget forbehandling til Jade, Markdown, LESS, Sass, Coffeescript, EjS og Stylus uden nogen ekstra konfiguration. Tjenesten giver dig mulighed for at bruge layout / delvis paradigme med Jade og EjS, som har brug for specielle plugins på andre statiske stedgeneratorer.

Harp er også bygget på Node.js og kan arbejde hånd i hånd med Harp-platforme, som giver dig mulighed for at oprette websider fra din Dropbox-mappe. Tjenesten kan også samle sider til brug på GitHub-sider, PhoneGap og Heroku også.

For at installere Harp skal du bruge npm og køre følgende kommando: sudo npm installere -g harpe

Besøg Harp

11. NUXT

Baseret på en avanceret modulær arkitektur er Nuxt en af ​​de fineste statiske stedgeneratorer. Pakket med mere end 50 moduler, det er fuldt udstyret til at fremskynde din udvikling. En anden bemærkelsesværdig funktion ved denne statiske stedgenerator er, at den ideelt optimerer din applikation, så den kan køre problemfrit på forskellige platforme. med en bundtanalysator, det sørger for, at du er i stand til at finjustere din app og slippe af med alle mangler.

Men hvad der giver Nuxt.js en fordel i forhold til mange andre rivaler er evnen til generer et statisk websted i henhold til Vue-appen. Som et resultat behøver du ikke en enkeltstående server, men vil være i stand til at have fordelene ved SEO, da Nuxt ikke kun gengiver alle sider, men også består af essentiel HTML. Hvad mere er, det giver dig også mulighed for let at implementere den resulterende side til Netlify- eller GitHub-sider. Med hensyn til installation er det temmelig forhånd takket være stilladsværktøj. Men for det skal du have npx (det kommer som standard siden NPM 5.2.0) installeret.

For at installere NUXT skal du sørge for at have installeret NPX og derefter køre følgende kommando: $ npx create-nuxt-app

Besøg NUXT JS

12. MkDocs

Hvis dine behov berettiger en simpel statiske stedgenerator, kan MkDocs være det rigtige svar på dine behov. Med brugervenlige værktøjer er det gør projektdokumentation problemfri. Da dokumentationskildefilerne er skrevet i Markdown og konfigureres med en enkelt YAML-konfigurationsfil, kan du nemt administrere dem. For alle at være enkle, er MkDocs op til opgaven, når det kommer til effektivitet. Du kan bruge det til opbygge helt statiske HTML-websteder, der kan være vært på Amazon S3, GitHub, og på andre platforme.

En af mine yndlingsfunktioner i MkDocs er en solid samling af temaer. Afhængig af dine behov kan du vælg både de indbyggede temaer og tredjeparts temaer som kan give det ønskede udseende til din dokumentation. Med den praktiske indbyggede server til rådighed kan du nemt få vist din dokumentation. Med hensyn til installationen er det ganske ligetil. Men sørg for, at du har Python og Python manager Pip installeret på dit system.

Installer mkdocs-pakken vha. Pip: pip installer mkdocs

Besøg MKDocs

Prøv disse statiske stedgeneratorer med det samme

Det runder vores liste over de 12 bedste statiske site-generatorer, du skal prøve. Listen består af en række forskellige muligheder, som hver af dem tilbyder et unikt sæt funktioner til forskellige anvendelsessager. Afhængig af det aktuelle projekt kan du vælge en hvilken som helst af de nævnte statiske stedgeneratorer og oprette din statiske webside på kort tid. Har du nogle forslag? Fortæl os det i kommentarerne nedenunder, og vi opdaterer listen i overensstemmelse hermed.