Dustin Hudson
0 
1060
221
Există o serie de motive pentru care cineva ar folosi un generator de site static pentru site-ul său web. Site-urile statice sunt mai ușor de întreținut (fără baze de date, fără scripturi din partea serverului) și sunt mai sigure, având în vedere faptul că utilizatorii sunt deserviți doar de fișiere HTML, CSS și Javascript. În timp ce puteți scrie direct cod în HTML pentru a crea un site static, procesul poate fi un pic stresant, care este locul în care generatoarele de situri statice intră în joc. Generatorii de situri statice convertesc (sau compun) o mulțime de fișiere de resurse diferite într-un singur site web, ceea ce înseamnă că conținutul poate fi păstrat separat de codul de dispunere și orice active ale site-ului precum imaginile pot fi de asemenea separate. Așadar, dacă ați fost în căutarea unui generator de site static bun pentru site-ul dvs., aici sunt cele mai bune 12 generatoare de site statice pe care le puteți utiliza în 2020.
Cele mai bune generatoare de situri statice din 2020
Dacă doriți să construiți un site web complet, care să ofere funcții precum blogging, comerț electronic și multe altele, ar trebui să citiți articolul nostru despre alternativele Squarespace făcând clic pe link. Pe de altă parte, colecția noastră de cele mai bune site-uri de portofoliu este locul ideal pentru designeri și artiști viitori. Cu asta ieșind din drum, să trecem pe listă.
1. Jekyll
Fără îndoială, regele generatoarelor de situri statice, Jekyll este, în mod sigur, cel mai utilizat generator de situri statice, deoarece oferă cea mai mare documentare, cea mai mare comunitate și cel mai bun suport acolo.. Jekyll se mândrește cu faptul că este conștient de bloguri și, prin urmare, crearea unui blog static pe Jekyll este foarte ușoară, necesitând doar elementele de bază ale dezvoltării web. Strălucește cu adevărat, datorită caracteristicilor sale ușoare de configurare pentru începători, având în același timp funcții foarte puternice pentru cei cu cunoștințe de a le utiliza.
Jekyll vă permite să creați și să utilizați diferite pluginuri, etichete și chiar să faceți propriile convertoare pentru orice limbaj de marcare pe care doriți să îl utilizați cu Jekyll. Limba de marcare implicită pentru Jekyll, la fel ca majoritatea celorlalți, este Markdown. Jekyll are pluginuri pentru compilarea Less, Stylus, generează nori de etichete, pagini de utilizator pentru bloguri și multe altele.
Jekyll se bazează pe motorul de șabloane lichide de către Shopify. Funcționează în întregime pe Ruby, deci se poate instala ușor împreună cu dependențele folosind rvm sau folosind pachetul. Jekyll are, de asemenea, opțiuni ușoare de migrare, dacă doriți să migrați de la WordPress, Blogger sau orice alt site de blogging. Bătește orice alt generator de site static acolo, mâinile în jos, în ceea ce privește dimensiunea utilizatorului, iar cea mai bună parte este că este în curs de dezvoltare activă.
Pentru a instala Jekyll, trebuie doar să introduceți această comandă în Ruby: gem instala jekyll
Vizitați Jekyll
2. Hexo
Hexo este un cadru ușor de blog static care se mândrește cu viteza sa de generare rapidă a site-ului. Hexo este excelent pentru bloggerii cu cantități mari de conținut care doresc un simplu generator de site static. Oferă opțiuni ușoare de migrare de la alte platforme de blogging precum WordPress, Joomla, Jekyll, Octopress și RSS.
Unul dintre lucrurile grozave despre Hexo este că puteți utiliza cele mai multe pluginuri realizate pentru Octopress și prin extensie, plugin-uri făcute pentru Jekyll cu modificări foarte minore.
Hexo acceptă Markdown, YAML pentru materie frontală și configurare. Respectând natura sa rapidă Hexo vă permite să vă implementați pe site-uri precum GitHub, Heroku și Rsync cu o singură comandă.
Pentru a instala Hexo folosind Node.js trebuie doar să introduceți această comandă: npm instalați hexo-cli -g
Vizitați Hexo
3. Pelican
Pelican este un generator de site static construit pe Python. Prezintă postare în mai multe limbi de conținut, evidențierea codului (sintaxă), precum și generarea ușoară de fluxuri RSS și Atom. Pelican are o selecție frumoasă de plugin-uri, toate fiind găzduite într-un depozit central GitHub. Acceptă în mod implicit 3 formate de documente: Markdown, reStructuredText și Ascii Doc.
Pelican este destul de unic, deoarece este construit pe Python. Acesta acceptă puternicul motor de șabloane Jinja, bazat pe python pentru a permite crearea ușoară de teme și șabloane frumoase pentru Pelican. În ceea ce privește suportul pentru migrare, Pelican oferă asistență pentru WordPress și Tumblr. În loc de fișierele YAML obișnuite pentru configurare, Pelican folosește un fișier .py numit pelicanconf.py pentru configurare și setări.
Serviciul a primit recent o actualizare care a introdus o serie de îmbunătățiri, remedieri și modificări pentru a îmbunătăți performanța. Cea mai recentă actualizare include comportamentul îmbunătățit de copiere / legătură pentru fișierele statice mari, sintaxa statică nouă pentru a face legătura cu conținut static, o nouă stare de proiectare pentru pagini și îmbunătățiri pentru importator, printre altele.
Puteți instala Pelican folosind pip și tastând comanda următoare: pip instala pelican
Vizitați Pelican
4. Gatsby
Gatsby este o altă opțiune excelentă pe care o puteți merge pentru care, la fel ca Hexo, este alimentat de Node.js, ceea ce face destul de convenabil pentru dezvoltatorii JavaScript experimentați. Serviciul folosește React, ceea ce înseamnă că totul este format din componente, ceea ce îi permite să beneficieze de abordarea React a redării DOM.
Serviciul folosește, de asemenea, GraphQL la momentul de construire pentru a prelua date și conținut din surse, oferindu-i o interfață modernă și consistentă, care asigură că fiecare pagină primește exact datele necesare la construirea. De menționat, de asemenea, că Gatsby creează pagini ca aplicații progresive cu o singură pagină, ceea ce înseamnă că întregul site static este descărcat și poate fi navigat imediat.
Gatsby poate fi ridicat cu ușurință de dezvoltatorii care au lucrat cu React înainte, dar dacă nu ați lucrat cu React înainte de curba de învățare, s-ar putea dovedi un pic abrupt..
Puteți instala Gatsby cu ușurință folosind instrumentul liniei de comandă Gatsby și următoarea comandă: npm instalați -global gatsby-cli
Vizitați Gatsby
5. mijlocitor
Middleman este un Generator de situri statice cu rubin care urmează o abordare ușoară pentru construirea de situri statice. Are funcții puternice pentru menținerea blogurilor statice, cum ar fi generarea ușoară de etichete, comenzi rapide pentru listarea articolelor clasificate și paginarea.
Middleman oferă sprijin pentru majoritatea instrumente moderne de dezvoltare web precum HAML, Coffeescript, Sass și restul. Motorul său de modelare implicit este eRb, dar vă permite să treceți la un motor de șabloane personalizat la alegere. Toate motoarele bazate pe înclinare (lista completă pot fi găsite aici) funcționează pe Middleman.
Suporta nativ 2 formate de configurare - YAML, JSON. Frontmatter pentru conținutul dvs. trebuie să fie și YAML sau JSON, în funcție de formatul de configurare pe care îl utilizați. În plus, Middleman nu oferă niciun suport de migrare, așa că dacă doriți să faceți un blog existent static, este posibil ca Middleman să nu fie cea mai bună idee pentru moment.
Puteți instala Middleman folosind Ruby folosind această comandă: gem instalează intermediarul
Vizitați Middleman
6. Metalsmith
Metalsmith este, de asemenea, o opțiune bună dacă căutați un generator de site-uri bazate pe plugin. Serviciul se mândrește cu faptul că este 'un generator de site static extrem de simplu, conectabil ' ceea ce permite utilizatorilor să adauge pluginuri pentru orice caracteristică de care au nevoie. Numărul mare de pluginuri oferite de Metalsmith bate aproape fiecare concurent, ceea ce îi conferă versatilitatea de a fi mai mult decât un simplu generator de site static.
În propriile sale cuvinte, „Întrucât totul este un plugin, biblioteca de bază este de fapt doar o abstractizare pentru manipularea unui director de fișiere”. La care se adaugă în sfârșit, este că puteți utiliza Metalsmith la fel de ușor ca schela de proiect, un generator de cărți electronice, un instrument de construire și multe altele.
Metalsmith se bazează, de asemenea, pe Node.js și poate fi instalat folosind managerul de pachete nod folosind această comandă: $ npm instalați metalmith
Vizitați Metalsmith
7. Hugo
Un alt mare generator de site-uri statice cu scop general, Hugo vine cu o mulțime de caracteristici decente, precum toate șabloane și parțiale suport, paginare și „taxonomii” care este practic un sistem unic de clasificare a conținutului. Acest lucru vă va permite să clasificați ușor postările pe baza nu numai a etichetelor, ci și în orice alt mod doriți, cum ar fi categorii sau serii, direct din frontmatter.
Vine Hugo suport pentru trei tipuri de fișiere de date - YAML, JSON și TOML - oferind utilizatorilor libertatea de a alege cu cei cu care sunt cel mai confortabil. În loc de pluginuri, Hugo folosește „shortcodes” care vă vor permite să utilizați conținut bogat în fișierul dvs. Markdown.
Hugo este scris în limbajul de programare Go și oferă fișiere de instalare separate pentru diferite platforme pe pagina sa GitHub. Puteți urma aceste instrucțiuni de instalare pentru a instala Hugo pe dispozitiv.
În cazul în care utilizați Homebrew, atunci Hugo și toate dependențele pot fi instalate cu: brew instala hugo
Vizitați Hugo
8. Octopress
Octopress este în esență o furculiță Jekyll modificată, dar datorită popularității sale am inclus-o pe această listă. serviciul este practic Jekyll pentru hackeri (și dezvoltatorii de șine) și poate fi folosit pentru a construi cu ușurință un blog, deoarece vine implicit cu o serie de pluginuri.
Pentru personalizare, codul Octopress facilitează utilizatorilor modificarea codului și scrierea propriului lor cod. Ceea ce este cu adevărat extraordinar este faptul că o serie de pluginuri pentru Octopress sunt compatibile cu Jekyll (și invers), astfel încât să puteți încerca ambele servicii fără să vă faceți griji pentru probleme de compatibilitate..
Totuși, procesul de instalare pentru Octopress poate fi un pic complicat pentru începători, dar puteți face același lucru urmând acești pași:
- Clonați GpoHub repo
- clonă de git
- git: //github.com/imathis/octopress.get
- octopress
- cd octopress
- Instalați dependențe
- pachet de instalare gem
- rbenv rehash; # Dacă utilizați rbenv, rehash pentru a putea rula comanda pachet
- pachet instala
- Instalați tema implicită Octopress
- instalare rake
Vizitați Octopress
9. Docpad
Docpad este un generator dinamic de site static care extinde capabilitățile generatoarelor normale de situri statice, oferind caracteristici precum interogarea bazelor de date printr-un motor de interogare unic, importarea paginilor din baze de date externe și redarea paginii web la fiecare cerere.
Docpad are s. Nativesuport pentru pre-procesoare, cum ar fi Coffeescript, Stylus și LESS, și folosește pluginuri pentru suportul motoarelor de șabloane, procesoarelor pre și proceselor de marcare, astfel încât să puteți alege orice combinație doriți folosind pluginul necesar. De asemenea, Docpad acceptă importul de pagini din surse externe precum Tumblr, GitHub și Dropbox prin intermediul pluginurilor.
Docpad este o platformă bogată în caracteristici, cu o mulțime de plugin-uri și documentație excelentă și este construită pe Node.js pentru interacțiuni cu serverul..
Pentru a instala Docpad, utilizați următoarea comandă folosind npm: npm instalare -g npm; npm install -g [email protected]
Accesați Docpad
10. Harpa
Harp este un alt mare generator de situri statice care vine cu pre-procesare integrată pentru Jade, Markdown, LESS, Sass, Coffeescript, EjS și Stylus fără nicio configurație suplimentară. Serviciul vă permite să folosiți machete / paradigmă parțială cu Jade și EjS, care are nevoie de pluginuri speciale pe alte generatoare de situri statice.
Harp este, de asemenea, construit pe Node.js și poate lucra mână în mână cu platformele Harp, care vă permit să creați pagini web din folderul Dropbox. De asemenea, serviciul poate compila pagini pentru utilizare în paginile GitHub, PhoneGap și Heroku.
Pentru a instala Harp, utilizați npm și executați următoarea comandă: sudo npm install -g harp
Vizitați Harp
11. NUXT
Bazat pe o arhitectură modulară avansată, Nuxt este unul dintre cele mai bune generatoare de situri statice. Împachetat cu mai mult de 50 de module, este complet echipat pentru a accelera dezvoltarea ta. O altă caracteristică notabilă a acestui generator de site static este că optimizează în mod ideal aplicația dvs., astfel încât să poată rula fără probleme pe diverse platforme. Oferind un analizor de pachete, vă asigură că sunteți capabil să reglați aplicația, scăpând de toate defectele.
Dar ceea ce dă Nuxt.js un avantaj față de mulți alți rivali este capacitatea de a generați un site web static conform aplicației Vue. În consecință, nu veți avea nevoie de un server autonom, dar veți putea beneficia de SEO, deoarece Nuxt nu numai că va pre-reda toate paginile, dar va consta în HTML esențial. Mai mult, vă va permite, de asemenea, să implementați pagina rezultată în paginile Netlify sau GitHub cu ușurință. În ceea ce privește instalarea, este destul de avansat datorită schelă de schelă. Dar pentru aceasta, va trebui să aveți npx (vine implicit, deoarece NPM 5.2.0) instalat.
Pentru a instala NUXT, asigurați-vă că ați instalat NPX și apoi executați următoarea comandă: $ npx create-nuxt-app
Accesați NUXT JS
12. MkDocs
Dacă nevoile dvs. justifică un simplu generator de site static, MkDocs poate fi răspunsul corect la nevoile dvs. Cu instrumente ușor de utilizat, acesta face documentarea proiectului fără probleme. Întrucât fișierele sursă de documentare sunt scrise în Markdown și configurate cu un singur fișier de configurare YAML, le puteți gestiona cu ușurință. Pentru că toate sunt simple, MkDocs depinde de sarcină atunci când vine vorba de eficiență. Îl poți folosi construiți site-uri HTML complet statice care pot fi găzduite pe Amazon S3, GitHub, și pe alte platforme.
Una dintre caracteristicile mele preferate de MkDocs este o colecție solidă de teme. În funcție de nevoile dvs., puteți alegeți atât temele încorporate, cât și temele terță parte care poate oferi aspectul dorit documentației tale. Cu un server integrat la îndemână, puteți previzualiza cu ușurință documentația dvs. În ceea ce privește instalarea, este destul de simplu. Dar asigurați-vă că aveți Python și Python manager Pip instalate pe sistemul dvs..
Instalați pachetul mkdocs folosind pip: pip install mkdocs
Accesați MKDocs
Încercați imediat aceste generatoare de site statice
Ei bine, asta completează lista noastră cu cele mai bune 12 generatoare de site-uri statice pe care ar trebui să le încercați. Lista constă dintr-o varietate de opțiuni diferite, fiecare oferind un set unic de caracteristici pentru o varietate de cazuri de utilizare. În funcție de proiectul la dispoziție, puteți alege oricare dintre generatoarele de site-uri statice menționate mai sus și să vă creați pagina web statică în cel mai scurt timp. Aveți sugestii? Spuneți-ne în comentariile de mai jos și vom actualiza lista în consecință.