Recomandat, 2024

Alegerea Editorului

10 cele mai bune generatoare de site-uri statice

Recent, a avut loc trecerea imensă către site-uri web statice în domeniul dezvoltării web. Site-urile statice sunt mai ușor de întreținut (nu există baze de date, nici script-uri de pe server) și sunt mai sigure, în general, având în vedere că singurul lucru care este servit dispozitivelor utilizatorilor este fișierele HTML, CSS și Javascript. Pentru ca unele tipuri de site-uri precum blogurile și site-urile de documentare să devină statice, doar scrierea directă a codului în fișierele HTML devine obositoare. De asemenea, devine dificil pentru menținerea site-urilor cu conținut mare, mai ales când unele caracteristici mici (cum ar fi designul) trebuie schimbate.

Aici generatoarele de site statice intră. Generatoarele de site-uri statice convertesc (sau compilesează) o grămadă de fișiere de resurse diferite într-un singur site Web. Aceasta înseamnă că conținutul poate fi păstrat separat de codul de aspect, iar activitățile site-ului, cum ar fi imaginile, pot fi păstrate complet separate. Există o mulțime de generatori de site-uri statice acolo, sute chiar. Iată o listă cu cele mai bune 10 generatoare de site-uri statice, împreună cu recenziile acestora.

Generatoare de site-uri statice

1. Jekyll

Într-un cuvânt: Regele generatoarelor de site-uri statice . Jekyll este cel mai utilizat generator static acolo, cu cea mai mare documentație, cea mai mare comunitate și cel mai bun suport. Chiar și GitHub oferă suport încorporat pentru Jekyll pe serviciul GitHub Pages. Jekyll se mândrește cu faptul că este conștient de blog. Efectuarea unui blog static pe Jekyll este foarte ușor. Este nevoie doar de cunoașterea dezvoltării web de bază. Este cu adevărat strălucitor, din cauza caracteristicilor sale ușor de configurare pentru începători, în același timp având caracteristici foarte puternice pentru cei cu cunoștințe de a le folosi.

Jekyll vă permite să creați și să utilizați diferite pluginuri, etichete și chiar să creați propriile convertoare pentru orice limbă de markup pe care doriți să o utilizați cu Jekyll. Limba de marcare implicită pentru Jekyll - ca majoritatea celorlalte - este Markdown. Jekyll are pluginuri pentru compilarea Mai puțin, Stylus, genera nori tag, pagini de utilizator pentru bloguri și multe altele.

Jekyll se bazează pe modelul Liquid Template Engine de Shopify. Acesta ruleaza in intregime pe Ruby, asa ca este usor de instalat impreuna cu dependente folosind rvm, sau folosind bundler. Jekyll are, de asemenea, opțiuni de migrare ușoară, dacă căutați să migrați din WordPress, Blogger sau orice alt site de blogging. Acesta bate fiecare alt generator static site-ul acolo, mâinile în jos, în ceea ce privește dimensiunea utilizatorului. Ea este în curs de dezvoltare activă (ultima schimbare la replica GitHub care vine acum o zi, la momentul redactării).

Pentru a instala Jekyll, trebuie doar să introduceți această comandă în Ruby: gem install jekyll

Pagina principala

2. Pelican

Pelican este un generator de site-uri statice construit pe Python. Dispune de postarea conținutului în mai multe limbi, evidențierea codului (sintaxei), precum și generarea ușoară a feedurilor RSS și Atom. Pelican are o selecție frumoasă de Plugin-uri, toate fiind găzduite într-un depozit central GitHub. Acesta acceptă în mod implicit 3 formate de documente: Markdown, reStructuredText și Ascii Doc.

Pelicanul este unic, deoarece este construit pe Python. Acesta susține motorul puternic Jinja Template Engine, bazat pe Python, care permite crearea ușoară a unor teme frumoase și șabloane pentru Pelican. În ceea ce privește sprijinul pentru migrație, Pelican oferă suport pentru WordPress și Tumblr. În loc de fișierele uzuale YAML pentru configurare, Pelican folosește un fișier .py numit pelicanconf.py pentru configurare și setări.

Cel mai simplu mod de instalare a pelicanului este prin utilizarea pip: pip install pelican

Pagina principala

3. Middleman

Middleman este un generator de site-uri statice, bazat pe Ruby, care urmează unei abordări simple, ușor de realizat, pentru a construi site-uri statice. Are caracteristici puternice pentru menținerea blogurilor statice, cum ar fi generarea de etichete ușoare, comenzi rapide pentru listarea articolelor categorizate și paginare. Middleman nu oferă niciun suport pentru migrare, așa că dacă doriți să creați un static existent, Middleman poate să nu fie cea mai bună idee de acum.

Middleman oferă suport pentru majoritatea instrumentelor moderne de dezvoltare web precum HAML, Coffeescript, Sass și restul. Motorul de template-uri implicit este eRb, dar vă permite să comutați la un motor de șablon personalizat la alegere. Toate motoarele cu șablon Tilt-enabled (lista completă pot fi găsite aici) lucrează la Middleman. Suporta nativ 2 formate de configurare - YAML, JSON. Frontmatter pentru conținutul dvs. trebuie să fie, de asemenea, YAML sau JSON, în funcție de formatul de configurare pe care îl utilizați.

Instalați Middleman folosind Ruby cu: gem install middleman

Pagina principala

4. Metalsmith

Metalsmith se mândrește cu faptul că este generator de site-uri statice de tip pluggable . Aceasta înseamnă că logica Metalsmith este gestionată de pluginuri. Orice facilitate de care aveți nevoie, trebuie doar să adăugați pluginurile necesare. Numarul mare de plug-uri oferite de Metalsmith bate aproape fiecare competitor (poate sa-l opreasca pe Jekyll si Docpad). Acest lucru înseamnă că Metalsmith poate fi folosit mai mult decât un generator de site-uri statice.

Cu propriile cuvinte "Deoarece totul este un plugin, biblioteca de bază este de fapt doar o abstractizare pentru manipularea unui director de fișiere". Ceea ce se adaugă în cele din urmă este că folosiți Metalsmith la fel de ușor ca un scaffold de proiect, un generator de cărți electronice, un instrument de construcție, o documentație tehnică și multe altele (aceste exemple sunt prezentate pe site-ul Metalsmith).

Metalsmith se bazează pe Node.js și poate fi instalat folosind managerul de pachete nod cu: $ npm install metalsmith

  Homepage 

5. Harp

Harp are pre-procesare încorporată pentru Jade, Markdown, LESS, Sass, Coffeescript, EjS și Stylus fără nici o configurație suplimentară. De asemenea, vă permite să utilizați machetele / paradigma parțială cu Jade și EjS, care necesită pluginuri speciale pe alte generatoare de site-uri statice.

Harp este construit pe Node.Js și poate lucra mână în mână cu platforma Harp, care vă permite să creați pagini web din dosarul Dropbox. Harp poate de asemenea să compileze pagini pentru utilizarea pe paginile GitHub, PhoneGap și Heroku.

Pentru a instala Harp, folosiți npm și executați: sudo npm install -g harp

 Pagina principala 

6. Octopress

Tehnic Octopress este o furculiță modificată Jekyll, dar datorită popularității sale uriașe, ea a fost inclusă în această listă. Octopress este în principiu Jekyll pentru hackeri (și dezvoltatori de șine). Personalizarea lui Octopress devine ușoară, mai ales dacă construiți un blog, deoarece Octopress implicit include multe dintre pluginurile de care aveți nevoie pentru a rula un blog pe Jekyll.

În partea de personalizare, codul Octopress ușurează modificarea codului și scrierea propriului cod. Acestea fiind spuse, multe dintre pluginurile pentru Octopress sunt compatibile cu Jekyll (și invers).

Pentru a instala Octopress,

  1. Clonați repo GitHub
    git clone git://github.com/imathis/octopress.git octopress
    cd octopress
  2. Instalați dependențele
    gem install bundler
    rbenv rehash # Dacă utilizați rbenv, rehash pentru a putea rula comanda pachetului
    bundle install
  3. Instalați tema implicită Octopress
    rake install
Pagina principala

7. Docpad

Docpad este un generator de site-uri statice dinamice . Extinde capacitățile generatoarelor normale de site-uri statice, cu funcții cum ar fi interogarea bazei de date prin intermediul unui motor de interogare, importul de pagini din baze de date externe și redarea paginii web la fiecare solicitare.

Docpad beneficiază de suport nativ pentru procesoare pre-procesoare, cum ar fi Coffeescript, Stylus și LESS, și utilizează pluginuri pentru a sprijini motoarele șablon, procesoarele prealabile și limbile de marcare, astfel încât să puteți alege orice combinații doriți utilizând pluginul necesar. Docpad acceptă de asemenea pagini de import din surse externe precum Tumblr, GitHub și Dropbox prin pluginuri.

Docpad este o platformă bogată în funcții, cu multe pluginuri și o documentație excelentă. Este construit și utilizează, Node.js pentru interacțiunile serverului.

Doar instalați Docpad folosind npm: npm install -g npm; npm install -g [email protected] npm install -g npm; npm install -g [email protected]

 Pagina principala 

8. Hexo

Hexo este un cadru static ușor de blog care se mândrește cu viteza rapidă de generare a site-ului. Hexo este grozav pentru bloggeri cu conținut mare de conținut care doresc un simplu generator de site-uri statice. Oferă opțiuni de migrare ușoară de la alte platforme de blogging precum WordPress, Joomla, Jekyll, Octopress și RSS. Pe marile lucruri despre Hexo este că poți folosi cele mai multe plugin-uri create pentru Octopress (și, prin extensie, plugin-uri făcute pentru Jekyll cu modificări minore)

Hexo susține Markdown, YAML pentru materie frontală și configurație. Păstrând natura rapidă, Hexo vă permite să vă deplasați la site-uri precum GitHub, Heroku și Rsync cu o singură comandă.

Hexo poate fi instalat folosind Node.js: npm install hexo-cli -g

Pagina principala

9. Hugo

Hugo este un generator de site-uri statice cu scop general, cu caracteristici bune, cum ar fi template-uri și suporturi paralele, paginare și "taxonomii", care este în esență un sistem unic de categorizare a conținutului urmat de Hugo. Aceasta înseamnă că puteți clasifica postările cu ușurință pe baza nu doar a etichetelor, ci și în orice fel doriți, cum ar fi categorii sau serii direct de la frontmatter. Hugo acceptă trei tipuri de fișiere de date - YAML, JSON și TOML și vă permite să decideți care dintre ele este cel mai confortabil pentru dvs.

În loc de pluginuri, Hugo utilizează "coduri scurte" care vă permit să utilizați conținut bogat în interiorul Markdown. Pentru a ști cum funcționează acest lucru, citiți acest articol. Hugo este scris în limba de programare Go și oferă fișiere separate de instalare pentru diferite platforme pe pagina GitHub. Pentru a afla exact cum puteți instala Hugo pentru utilizare, citiți instrucțiunile de instalare pentru Hugo.

Dacă utilizați Homebrew, atunci Hugo și toate dependențele pot fi instalate cu: brew install hugo

Pagina principala

10. Brunch

Brunchul se îndreaptă spre aplicațiile web HTML5, în loc de bloguri și site-uri web, dar este totuși un generator de site static rapid, foarte simplu de utilizat. Acesta nu numai că compilează toate codurile și scripturile dvs., dar poate, de asemenea, să micșoreze (minify) codul și să comprime automat imaginile. Brunch are o mulțime de plugin-uri pe care le puteți utiliza pentru a le personaliza în funcție de nevoile dvs. Lista completă a pluginurilor Brunch poate fi găsită aici.

Brunch oferă "schelete" care sunt, în principiu, boilerplates pentru pornirea site-ului (sau aplicația web). Acesta oferă una dintre cele mai rapide viteze de compilare, pur și simplu pentru că Brunch cache toate părțile neschimbate ale proiectului dvs. și compilează numai acele fișiere care sunt revizuite. Brunch-ul este construit pe Node.js și poate fi instalat folosind npm: npm install -g brunch

Pagina principala

Aveți sugestii despre acest articol? Lăsați-o în comentarii!

Top