Anbefalt, 2024

Redaksjonens

10 Best Static Site Generators

Det har nylig vært stort skift til statiske nettsteder innen webutvikling. Statiske nettsteder er enklere å vedlikeholde (Ingen databaser, Ingen server-side skript!) Og er sikrere, generelt, vurderer det eneste som blir servert til brukerens enheter, er HTML, CSS og Javascript-filer. For at noen typer nettsteder som blogger og dokumentasjonswebsteder skal bli statiske, blir det bare å skrive direkte kode i HTML-filer anstrengende. Det blir også vanskelig å vedlikeholde nettsteder med stort innhold, spesielt når noen små funksjoner (som design) må endres.

Det er her statiske nettstedgeneratorer kommer inn. Static Site Generators konverterer (eller kompilerer) en masse forskjellige ressursfiler til et nettsted. Dette betyr at innholdet kan holdes skilt fra layoutkode, og nettstedets ressurser som bilder kan holdes helt fra hverandre. Det er mange statiske nettstedgeneratorer der ute, hundrevis selv. Her er en liste over de 10 beste statiske nettstedgeneratorene sammen med sine vurderinger.

Statiske nettsted generatorer

1. Jekyll

I ett ord: The King of Static Site generatorer . Jekyll er den mest brukte statiske generatoren der ute, med den største dokumentasjonen, største samfunnet og den beste støtten. Selv GitHub tilbyr innebygd støtte for Jekyll på sin GitHub Pages-tjeneste. Jekyll er stolt av å være bloggbevisst. Å lage en statisk blogg på Jekyll er veldig enkelt. Det krever bare kunnskap om grunnleggende webutvikling. Det skinner virkelig, på grunn av sine enkle oppsettfunksjoner for nybegynnere, samtidig som de har veldig kraftige funksjoner for de med kunnskapen til å bruke dem.

Jekyll lar deg lage og bruke forskjellige plugins, tags, og til og med lage dine egne omformere for hvilket opprettingsspråk du vil bruke med Jekyll. Standard oppslagsspråk for Jekyll-lignende de fleste andre - er Markdown. Jekyll har plugins for å samle Mindre, Stylus, generere taggskyger, brukersider for blogger og mye mer.

Jekyll er basert på Liquid Template Engine av Shopify. Den kjører helt på Ruby, så det er lett installerbart sammen med avhengigheter ved hjelp av rvm, eller ved hjelp av bunter. Jekyll har også enkle overføringsalternativer, hvis du ønsker å migrere fra WordPress, Blogger eller et annet blogging-nettsted. Det slår alle andre statiske nettstedgeneratorer der ute, hendene ned, når det gjelder brukerstørrelse. Det er under aktiv utvikling (den siste forandringen til GitHub-repoen som kommer for en dag siden, på tidspunktet for skriving).

For å installere Jekyll, skriv inn denne kommandoen i Ruby: gem install jekyll

hjemmeside

2. Pelican

Pelican er en statisk side generator bygget på Python. Den har innhold i flere språk, kode (syntaks), samt enkel generering av RSS- og Atom-feeder. Pelican har et fint utvalg av Plugins, som alle er vert på et sentralt GitHub-depot. Den støtter 3 dokumentformater som standard: Markdown, reStructuredText og Ascii Doc.

Pelican er ganske unik, siden den er bygget på Python. Den støtter den kraftige Jinja Template Engine som er pythonbasert, for å tillate enkel opprettelse av vakre temaer og maler for Pelican. Når det gjelder overføringsstøtte, tilbyr Pelican støtte for WordPress og Tumblr. I stedet for de vanlige YAML-filene for konfigurasjon, bruker Pelican en .py-fil kalt pelicanconf.py for konfigurasjon og innstillinger.

Den enkleste måten å installere pelikan på, er å bruke pip: pip install pelican

hjemmeside

3. Middleman

Middleman er en Ruby-powered statisk nettsted generator som følger en lett første tilnærming til å bygge statiske steder. Den har kraftige funksjoner for å opprettholde statiske blogger, som enkel taggenerering, raske kommandoer for oppføring av kategoriserte artikler og paginering. Middleman tilbyr ikke noen migreringsstøtte, så hvis du vil lage en eksisterende blogg statisk, kan Middleman ikke være den beste ideen for nå.

Middleman tilbyr støtte til de fleste moderne verktøy for webutvikling som HAML, Coffeescript, Sass og resten. Standardmembranen er eRb, men den lar deg bytte til en tilpasset malemotor av ditt valg. Alle Tilt-aktiverte malmotorer (den fullstendige listen finner du her) fungerer på Middleman. Den støtter 2 konfigurasjonsformater - YAML, JSON. Frontmatter for innholdet ditt må også være YAML eller JSON, avhengig av konfigurasjonsformatet du bruker.

Installer Middleman ved hjelp av Ruby med: gem install middleman

hjemmeside

4. Metalsmith

Metalsmith er stolt av å være pluggable statisk nettsted generator. Dette betyr at all logikken til Metalsmith håndteres av plugins. Enhver funksjon du trenger, bare legg til de nødvendige pluginene. Det rene antallet plugins som tilbys av Metalsmith slår nesten hver konkurrent (kanskje sperrer Jekyll og Docpad). Dette betyr at Metalsmith kan brukes som mer enn bare en statisk nettstedgenerator.

I sine egne ord "Siden alt er et plugin, er kjernebiblioteket faktisk bare en abstraksjon for å manipulere en katalog med filer". Hva dette til slutt legger til, er at du bruker Metalsmith like enkelt som et prosjektspottelager, en ebook-generator, et byggverktøy, teknisk dokumentasjon og mer (disse eksemplene vises på Metalsmith-nettsiden).

Metalsmith er basert på Node.js, og det kan installeres ved hjelp av nodepakkeadministratoren med: $ npm install metalsmith

  Homepage 

5. Harpe

Harpe har innebygget forbehandling for Jade, Markdown, LESS, Sass, Coffeescript, EjS og Stylus uten ekstra konfigurasjon. Det lar deg også bruke layoutene / delvise paradigmet med Jade og EjS, som trenger spesielle plugins på andre statiske nettstedgeneratorer.

Harpe er bygget på Node.Js og kan fungere hånd i hånd med Harp-plattformen, som lar deg lage nettsider fra Dropbox-mappen. Harpe kan også sette sammen sider for bruk på GitHub-sider, PhoneGap og Heroku også.

For å installere Harp, bruk npm og kjør: sudo npm install -g harp

 hjemmeside 

6. Octopress

Teknisk Octopress er en modifisert Jekyll gaffel, men på grunn av sin store popularitet, har den blitt inkludert i denne listen. Octopress er i utgangspunktet Jekyll for hackere (og skinner utviklere). Å tilpasse Octopress blir enkelt, spesielt hvis du bygger en blogg, som Octopress som standard inneholder mange av pluginene du trenger for å kjøre en blogg på Jekyll.

I tilpasningsdelen gjør Octopress 'kode det enklere for brukerne å endre kode, og skrive sin egen kode. Når det er sagt, er mange plugins for Octopress kompatibel med Jekyll (og omvendt).

For å installere Octopress,

  1. Klon GitHub repo
    git clone git://github.com/imathis/octopress.git octopress
    cd octopress
  2. Installer avhengigheter
    gem install bundler
    rbenv rehash # Hvis du bruker rbenv, rehash for å kunne kjøre pakken kommandoen
    bundle install
  3. Installer standard Octopress-temaet
    rake install
hjemmeside

7. Docpad

Docpad er en dynamisk statisk nettsted generator. Det utvider mulighetene til vanlige statiske nettstedgeneratorer, med funksjoner som databasespørring gjennom en spørringsmotor, import av sider fra eksterne databaser, og gjengivelse av nettsiden på hver forespørsel.

Docpad har innfødt støtte for forprosessorer, som Coffeescript, Stylus og LESS, og bruker plugins for å støtte malmotorer, preprosessorer og markup-språk, slik at du kan velge hvilke kombinasjoner du vil ha ved hjelp av nødvendig plugin. Docpad støtter også importerende sider fra eksterne kilder som Tumblr, GitHub og Dropbox gjennom plugins.

Docpad er en funksjonsrik plattform, med mange plugins og god dokumentasjon. Det er bygget på og bruker Node.js for serverinteraksjoner.

Bare installer Docpad ved hjelp av npm: npm install -g npm; npm install -g [email protected] npm install -g npm; npm install -g [email protected]

 hjemmeside 

8. Hexo

Hexo er en lett statisk bloggramme som stoler seg på sin blitsende raskere generasjonshastighet. Hexo er flott for bloggere med store mengder innhold som ønsker en enkel statisk nettsted generator. Det tilbyr enkle overføringsalternativer fra andre bloggingplattformer som WordPress, Joomla, Jekyll, Octopress og RSS. På de store tingene om Hexo er det at du kan bruke det meste av pluginene som er laget for Octopress (og ved forlengelse, plugins laget for Jekyll med svært små endringer)

Hexo støtter Markdown, YAML for frontmateriell og konfigurasjon. Med sin raske natur kan Hexo du distribuere til nettsteder som GitHub, Heroku og Rsync med bare én kommando.

Hexo kan installeres ved hjelp av Node.js: npm install hexo-cli -g

hjemmeside

9. Hugo

Hugo er en generell bruk statisk nettsted generator med gode allsidige funksjoner som maler og delvise støtte, paginering og 'taksonomier' som i utgangspunktet er et unikt innhold kategoriseringssystem etterfulgt av Hugo. Dette betyr at du enkelt kan klassifisere innlegg på grunnlag av ikke bare koder, men også på annen måte som du ønsker, som kategorier eller serier direkte fra frontmatteren. Hugo støtter tre datafiltyper - YAML, JSON og TOML, og lar deg bestemme hvilken som er mest behagelig for deg.

I stedet for plugins bruker Hugo "shortcodes" som lar deg bruke rikt innhold inne i Markdown. For å vite hvordan dette virker, les denne artikkelen. Hugo er skrevet i Go-programmeringsspråket, og det tilbyr separate installasjonsfiler for forskjellige plattformer på GitHub-siden. For å vite nøyaktig hvordan du kan installere Hugo for at du skal bruke, må du lese installeringsinstruksjonene for Hugo.

Hvis du bruker Homebrew, kan Hugo og alle avhengigheter installeres med: brew install hugo

hjemmeside

10. Brunsj

Brunsj lener seg mot HTML5 webapplikasjoner i stedet for blogger og nettsteder, men det er fortsatt en veldig enkel å bruke, rask statisk nettstedgenerator. Det samler ikke bare all kode og skript, men kan også krympe (redusere) koden din og komprimere bilder automatisk. Brunsj har en hel rekke plugins som du kan bruke til å tilpasse den etter dine behov. Den komplette listen over Brunch plugins finner du her.

Brunsj tilbyr "skjeletter" som i utgangspunktet er kjeleplater for å starte nettstedet ditt (eller webapp). Den tilbyr en av de raskeste kompileringshastighetene, ganske enkelt fordi Brunch caches alle uendrede deler av prosjektet ditt og kompilerer bare de filene som er revidert. Brunsj er bygget på Node.js og kan installeres ved hjelp av npm: npm install -g brunch

hjemmeside

Har du noen forslag til denne artikkelen? La det stå i kommentarene!

Top