12 bedste statiske stedgeneratorer, du skal bruge

Der er en række grunde til, at nogen vil bruge en statisk generator til deres hjemmeside. Statiske sider er nemmere at vedligeholde (ingen databaser, ingen scripts på serversiden) og er mere sikre i betragtning af, at brugerne kun får vist HTML-, CSS- og Javascript-filer. Mens du direkte kan skrive kode i HTML for at oprette et statisk sted, kan processen være lidt anstrengende, og det er her, hvor statiske stedgeneratorer spiller ind. Statiske webstedsgeneratorer konverterer (eller kompilerer) en masse forskellige ressourcefiler til et websted, hvilket betyder, at indholdet kan holdes adskilt fra layoutkoden, og ethvert 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 ønsker at opbygge et fuldt udbygget 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 porteføljesider det rette sted for kommende designere og kunstnere. Med det ude af vejen, lad os komme til listen.

1. Jekyll

Utvivlsomt kongen af ​​statiske stedgeneratorer, Jekyll er ikke overraskende den mest anvendte statiske stedgenerator, da den tilbyder den største dokumentation, det største samfund og den bedste support derude. Jekyll er stolt af at være blogbevidst, og det er virkelig let at lave en statisk blog på Jekyll, kræver kun det grundlæggende i webudvikling. Det skinner virkelig på grund af dets nemme opsætningsfunktioner for begyndere, samtidig med at det har virkelig effektive funktioner for dem med viden om 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. Standardmarkupsproget for Jekyll, som de fleste andre, er Markdown. Jekyll har plugins til kompilering af Less, Stylus, generere tag skyer, brugersider til blogs og meget mere.

Jekyll er baseret på Liquify Template Engine fra Shopify. Det kører udelukkende på Ruby, så det er let at installere sammen med afhængigheder ved hjælp af rvm eller ved hjælp af bundler. Jekyll har også nemme migrationsindstillinger, hvis du ønsker at migrere fra WordPress, Blogger eller ethvert andet blogging-websted. Det slår alle andre statiske stedgeneratorer derude, hænder ned med hensyn til brugerstørrelse, og det bedste er, at den 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 letvægts statisk blogramme, der er stolt af sin brændende hurtige webstedsgenereringshastighed. Hexo er fantastisk til bloggere med store mængder indhold, der ønsker en simpel statisk stedgenerator. Det tilbyder nemme migrationsindstillinger 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 lavet til Jekyll med meget mindre ændringer.

Hexo understøtter Markdown, YAML til front materie og konfiguration. At holde med sin hurtige natur Hexo giver dig mulighed for at implementere til websteder som GitHub, Heroku og Rsync med kun en kommando.

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

Besøg Hexo

3. Pelikan

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

Pelican er ret unik, da den er bygget på Python. Det understøtter den kraftfulde Jinja Template Engine, som er pythonbaseret for at tillade det nem oprettelse af smukke temaer og skabeloner til Pelican. Med hensyn til migrationsstøtte 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 tweaks for at forbedre ydeevnen. Den seneste opdatering inkluderer forbedret kopi / linkadfærd for store statiske filer, ny statisk syntaks for at linke til statisk indhold, en ny kladdestatus 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 installer pelikan

Besøg Pelican

4. Gatsby

Gatsby er en anden god mulighed, som du kan vælge, som, ligesom Hexo, er drevet af Node.js, hvilket gør det ret praktisk for erfarne JavaScript-udviklere. Tjenesten gør brug af 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 ved byggetidspunktet til at hente data og indhold fra kilder, hvilket giver det en moderne og konsistent grænseflade, der sikrer, at hver side modtager 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 til en side, hvilket betyder, at hele det statiske websted 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, kunne læringskurven vise sig at være lidt stejl.

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

Besøg Gatsby

5. Mellemmand

Middleman er en Ruby-powered statisk generator 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 over kategoriserede artikler og paginering.

Middleman tilbyder support til det meste af moderne værktøjer til webudvikling som HAML, Coffeescript, Sass og resten. Dens standard skabelonmotor 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 indbygget 2 konfigurationsformater - YAML, JSON. Frontmatter til dit indhold skal også være YAML eller JSON afhængigt af det konfigurationsformat, du bruger. Desuden tilbyder Middleman ingen migrationssupport, så hvis du vil oprette en eksisterende blogstatisk, er Middleman muligvis ikke den bedste idé for nu.

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 ekstrem enkel, tilslutbar statisk generator af stedet ' hvilket giver brugerne mulighed for at tilføje plugins til stort set enhver funktion, de har brug for. Det store antal plugins, der tilbydes af Metalsmith, slår næsten enhver konkurrent, hvilket giver det alsidigheden ved at være mere end bare en simpel statisk stedgenerator.

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

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

Besøg Metalsmith

7. Hugo

En anden stor statisk generator til generelle formål, Hugo kommer med en masse anstændige all-round funktioner som skabeloner og partielle understøttelse, pagination og 'taksonomier' hvilket grundlæggende er et unikt indholdskategoriseringssystem. Dette gør det muligt for dig at klassificere indlæg let på basis af ikke kun tags, men også på enhver anden måde, du ønsker, som kategorier eller serier, direkte fra frontmatter.

Hugo kommer med understøttelse af tre datafiltyper - YAML, JSON og TOML - giver brugerne friheden til at vælge, hvad de er mest fortrolige med. I stedet for plugins bruger Hugo 'shortcodes', som giver dig mulighed for at bruge rigt indhold i din Markdown-fil.

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

Hvis du bruger Homebrew, kan Hugo og alle afhængigheder installeres med: bryg installer hugo

Besøg Hugo

8. Octopress

Octopress er i det væsentlige 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 railsudviklere), og det kan bruges til let at opbygge en blog, da den som standard leveres med et antal plugins.

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

Installationsprocessen for Octopress kan dog være lidt 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
  • blæksprutte
  • cd octopress
• Installer afhængigheder
  • perle installere bundler
  • rbenv rehash; # Hvis du bruger rbenv, skal du genvask for at kunne køre bundle-kommandoen
  • bundtinstallation
• Installer standard Octopress-temaet
  • riveinstallation

Besøg Octopress

9. Docpad

Docpad er en dynamisk statisk stedgenerator, der udvider kapaciteten 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 native soport til præ-processorer, som f.eks. Coffeescript, Stylus og LESS, 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 ved hjælp af npm: npm installation -g npm; npm installer -g [email protected] 

Besøg Docpad

10. Harpe

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

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

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

Besøg Harpe

11. NUXT

Baseret på en avanceret modulær arkitektur er Nuxt en af ​​de fineste statiske site-generatorer. Pakket med mere end 50 moduler, den er fuldt udstyret til at fremskynde din udvikling. Et andet bemærkelsesværdigt træk ved denne statiske stedgenerator er, at den optimalt optimerer din applikation, så den problemfrit kan køre 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 fejlene.

Men hvad der giver Nuxt.js en fordel i forhold til mange andre rivaler, er evnen til at generere 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 vil gengive alle sider på forhånd, men også bestå af vigtig HTML. Hvad mere er, det giver dig også mulighed for let at implementere den resulterende side på Netlify- eller GitHub-sider. Med hensyn til installation er det ret på 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 statisk generator, 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 konfigureret med en enkelt YAML-konfigurationsfil, kan du nemt administrere dem. For alt at være enkelt er MkDocs op til opgaven, når det kommer til effektivitet. Du kan bruge det til opbygge helt statiske HTML-sider, som kan hostes på Amazon S3, GitHub, og på andre platforme.

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

Installer mkdocs-pakken ved hjælp af pip: pip install mkdocs

Besøg MKDocs

Prøv disse statiske stedgeneratorer med det samme

Nå, det afrunder vores liste over de 12 bedste statiske stedgeneratorer, du skal prøve. Listen består af en række forskellige muligheder, hver af dem tilbyder et unikt sæt funktioner til en række brugssager. Afhængigt af det aktuelle projekt kan du vælge en af ​​de ovennævnte statiske stedgeneratorer og oprette din statiske webside på ingen tid. Har du nogle forslag? Lad os vide i kommentarerne nedenfor, og vi opdaterer listen i overensstemmelse hermed.