Der har for nylig været et stort skift til statiske hjemmesider inden for webudvikling. Statiske websteder er lettere at vedligeholde (Ingen databaser, Ingen server-side scripts!) Og er mere sikre, da det eneste, der serveres til brugernes enheder, er HTML, CSS og Javascript-filer. For at nogle typer websites som blogs og dokumentationswebsteder kan blive statiske, bliver det kun anstrengende at skrive kode direkte i HTML-filer. Det bliver også svært at opretholde websteder med stort indhold, især når nogle små funktioner (som design) skal ændres.
Dette er her statiske site generatorer kommer ind. Static Site Generators konvertere (eller kompilere) en masse forskellige ressourcefiler til et websted. Det betyder, at indholdet kan holdes adskilt fra layoutkode, og webstedets aktiver som billeder kan holdes helt fra hinanden. Der er mange statiske site generatorer derude, hundredvis selv. Her er en liste over de 10 bedste statiske site generatorer sammen med deres anmeldelser.
Statiske Site Generators
1. Jekyll
I ét ord: The King of Static Site generatorer . Jekyll er den mest anvendte statiske generator derude, med den største dokumentation, største samfund og bedste support. Selv GitHub tilbyder indbygget support til Jekyll på sin GitHub Pages-tjeneste. Jekyll er stolt af at være blogbevidste. At lave en statisk blog på Jekyll er virkelig let. Det kræver kun viden om grundlæggende webudvikling. Det skinner virkelig, på grund af dets nemme opsætningsfunktioner for begyndere, samtidig med at de virkelig har magtfulde 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 konverteringsprogrammer til ethvert markeringssprog, du vil bruge med Jekyll. Standard markup sprog for Jekyll-lignende de fleste af de andre - er Markdown. Jekyll har plugins til at kompilere Mindre, Stylus, generere tag clouds, bruger sider til blogs og meget mere.
Jekyll er baseret på Liquid Template Engine af Shopify. Den kører helt på Ruby, så det er nemt at installere sammen med afhængigheder ved hjælp af rvm, eller ved hjælp af bundler. Jekyll har også nemme migreringsmuligheder, hvis du søger migrere fra WordPress, Blogger eller et andet blogside. Det slår alle andre statiske sitegeneratorer derude, hænder ned, hvad angår brugerstørrelse. Det er under aktiv udvikling (den sidste ændring til dens GitHub repo kommer for en dag siden, på tidspunktet for skrivning).
For at installere Jekyll skal du blot indtaste denne kommando i Ruby: gem install jekyll
2. Pelican
Pelican er en statisk site generator bygget på Python. Den indeholder multimedieindhold, kode (syntax) fremhævning samt nem generation af RSS og Atom Feeds. Pelican har et flot udvalg af plugins, som alle er vært på et centralt GitHub repository. Den understøtter 3 dokumentformater som standard: Markdown, reStructuredText og Ascii Doc.
Pelican er helt unik, da den er bygget på Python. Den 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 migrationsstøtte tilbyder Pelican støtte til WordPress og Tumblr. I stedet for de sædvanlige YAML-filer til konfiguration bruger Pelican en .py-fil ved navn pelicanconf.py til konfiguration og indstillinger.
Den nemmeste måde at installere pelikan på er ved hjælp af pip: pip install pelican
3. Middleman
Middleman er en Ruby-powered statisk site generator, der følger en let-første tilgang til at opbygge statiske steder. Det har kraftfulde funktioner til at opretholde statiske blogs, som let taggenerering, hurtige kommandoer til notering af kategoriserede artikler og pagination. Middleman tilbyder ikke nogen migreringsstøtte, så hvis du ønsker at lave en eksisterende blog statisk, kan Middleman ikke være den bedste ide for nu.
Middleman tilbyder støtte til de fleste moderne værktøjer til webudvikling som HAML, Coffeescript, Sass og resten. Dens standard templating motor er eRb, men det giver dig mulighed for at skifte til en brugerdefineret skabelonmaskine efter eget valg. Alle Tilt-aktiverede skabelonmotorer (den fulde liste kan findes her) arbejde på Middleman. Det understøtter nativt 2 konfigurationsformater - YAML, JSON. Frontmatter for dit indhold skal også være YAML eller JSON afhængigt af konfigurationsformatet, du bruger.
Installer Middleman ved hjælp af Ruby med: gem install middleman
4. Metalsmith
Metalsmith er stolt af at være pluggbar statisk site generator. Det betyder, at Metalsmiths logik håndteres af plugins. Enhver funktion du har brug for, skal du blot tilføje de nødvendige plugins. Det rene antal plugins, der tilbydes af Metalsmith slår næsten alle konkurrenter (måske udelukker Jekyll og Docpad). Det betyder, at Metalsmith kan bruges som mere end bare en statisk site generator.
I deres egne ord "Da alt er et plugin, er kernebiblioteket faktisk bare en abstraktion til at manipulere en mappe af filer". Hvad dette endelig tilføjer til, er at du bruger Metalsmith lige så nemt som et projekt scaffolder, en e-boggenerator, et byggeværktøj, teknisk dokumentation og mere (disse eksempler fremvist på Metalsmiths hjemmeside).
Metalsmith er baseret på Node.js, og det kan installeres ved hjælp af noden pakke manager med: $ npm install metalsmith
Homepage 5. Harpe
Harpe har indbygget forbehandling til Jade, Markdown, LESS, Sass, Coffeescript, EjS og Stylus uden nogen ekstra konfiguration. Det giver dig også mulighed for at bruge layout / delparadigm med Jade og EjS, som har brug for specielle plugins på andre statiske site generatorer.
Harpe er bygget på Node.Js og kan arbejde hånd i hånd med Harp-platformen, som giver dig mulighed for at oprette websider fra din Dropbox-mappe. Harpe kan også sammensætte sider til brug på GitHub sider, PhoneGap og Heroku også.
For at installere Harp, brug npm og kør: sudo npm install -g harp
Hjemmeside
6. Octopress
Teknisk Octopress er en modificeret Jekyll gaffel, men på grund af sin enorme popularitet er den blevet medtaget på denne liste. Octopress er dybest set Jekyll for hackere (og skinner udviklere). Tilpasning af Octopress bliver nemt, især hvis du opbygger en blog, da Octopress som standard indeholder mange af de plugins, du skal bruge til at køre en blog på Jekyll.
I tilpasningsdelen gør Octopress 'kode lettere for brugerne at ændre kode og skrive deres egen kode. Når det er sagt, er en masse plugins til Octopress kompatibel med Jekyll (og omvendt).
For at installere Octopress,
- Klon GitHub repo
git clone git://github.com/imathis/octopress.git octopresscd octopress - Installer afhængigheder
gem install bundlerrbenv rehash# Hvis du bruger rbenv, rehash for at kunne køre bundle kommandoenbundle install - Installer standard Octopress-temaet
rake install
7. Docpad
Docpad er en dynamisk statisk site generator. Det udvider mulighederne for normale statiske site generatorer med funktioner som database forespørgsler via en forespørgselsmaskine, importere sider fra eksterne databaser og genudgivelse af websiden på hver anmodning.
Docpad har indbygget support til præprocessorer, som Coffeescript, Stylus og LESS, og bruger plugins til understøttelse af skabelonmotorer, præprocessorer og markup-sprog, så du kan vælge, hvilke kombinationer du vil have ved at bruge det nødvendige plugin. Docpad understøtter også importerende sider fra eksterne kilder som Tumblr, GitHub og Dropbox via plugins.
Docpad er en funktionsrig platform, med masser af plugins og god dokumentation. Det er bygget på og bruger Node.js for server interaktioner.
Bare installer Docpad ved hjælp af 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 letvægts statisk blogramme, der pryder sig på sin blæste hurtige generationshastighed. Hexo er fantastisk til bloggere med store mængder indhold, der ønsker en simpel statisk site generator. Det giver nemme migreringsmuligheder fra andre blogging platforme som WordPress, Joomla, Jekyll, Octopress og RSS. På de store ting om Hexo er det, at du kan bruge mest af plugins, der er lavet til Octopress (og i forlængelse, plugins lavet til Jekyll med meget små ændringer)
Hexo understøtter Markdown, YAML til frontmateriel og konfiguration. Med sin hurtige natur kan Hexo du distribuere til websteder som GitHub, Heroku og Rsync med kun en kommando.
Hexo kan installeres ved hjælp af Node.js: npm install hexo-cli -g
9. Hugo
Hugo er en generel statisk site generator med gode allround funktioner som skabeloner og partials support, pagination og 'taxonomics', som i grunden er et unikt indhold kategoriseringssystem efterfulgt af Hugo. Det betyder, at du nemt kan klassificere indlæg baseret på ikke bare tags, men også på enhver anden måde, du ønsker, ligesom kategorier eller serier direkte fra frontmatteren. Hugo understøtter tre datafiltyper - YAML, JSON og TOML, og lader dig bestemme hvilken som er mest behagelig for dig.
I stedet for plugins bruger Hugo 'shortcodes', som giver dig mulighed for at bruge rigeligt indhold inde i din Markdown. For at vide, hvordan dette virker, læs denne artikel. Hugo er skrevet i Go-programmeringssproget, og det tilbyder separate installationsfiler til forskellige platforme på sin GitHub-side. For at vide præcis, hvordan du kan installere Hugo, så du kan bruge, skal du læse installationsvejledningen til Hugo.
Hvis du bruger Homebrew, kan Hugo og alle afhængigheder installeres med: brew install hugo
10. Brunch
Brunch læner sig hen imod HTML5 web applikationer frem for blogs og websites, men det er stadig en meget nem at bruge, hurtig statisk site generator. Det samler ikke kun hele din kode og scripts, men kan også reducere (minificere) din kode og komprimere billeder automatisk. Brunch har en lang række plugins, som du kan bruge til at tilpasse det efter dine behov. Den komplette liste over Brunch plugins kan findes her.
Brunch tilbyder 'skeletter', som i grunden er kedelplader til at starte din hjemmeside (eller webapp). Det tilbyder en af de hurtigste kompileringshastigheder, simpelthen fordi Brunch caches alle uændrede dele af dit projekt og kompilerer kun de filer, der revideres. Brunch er bygget på Node.js og kan installeres ved hjælp af npm: npm install -g brunch
Har du nogle forslag til denne artikel? Lad det stå i kommentarerne!
