Cele mai bune 12 generatoare de site-uri statice pe care ar trebui să le utilizați

Există o serie de motive pentru care cineva ar folosi un generator de site static pentru site-ul său. Site-urile statice sunt mai ușor de întreținut (fără baze de date, fără scripturi de pe server) și sunt mai sigure, având în vedere faptul că utilizatorii sunt deserviți doar 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 obositor, unde intervin generatorii de site-uri statice. Generatorii de site-uri statice convertesc (sau compilează) o grămadă 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 aspect și orice active ale site-ului, cum ar fi imaginile, pot fi, de asemenea, păstrate separat. Deci, dacă ați căutat un bun generator de site static pentru site-ul dvs., iată cei 12 cei mai buni generatori de site statici pe care îi puteți folosi în 2020.

Cei mai buni generatori de site-uri statice din 2020

Dacă doriți să construiți un site web cu drepturi depline care să ofere funcții precum blogging-ul, comerțul electronic și multe altele, ar trebui să citiți articolul nostru despre alternativele Squarespace dând clic pe link. Pe de altă parte, colecția noastră de cele mai bune site-uri de portofoliu este locul ideal pentru viitorii designeri și artiști. Cu asta din calea noastră, să trecem la listă.

1. Jekyll

Fără îndoială, regele generatoarelor de site-uri statice, Jekyll este, în mod surprinzător, cel mai folosit generator de site-uri statice, deoarece oferă cea mai mare documentație, cea mai mare comunitate și cel mai bun suport de acolo.. Jekyll se mândrește cu faptul că este conștient de blog și, prin urmare, este foarte ușor să creezi un blog static pe Jekyll, necesitând doar elementele de bază ale dezvoltării web. Acesta strălucește cu adevărat, datorită caracteristicilor sale ușoare de configurare pentru începători, având în același timp caracteristici foarte puternice pentru cei cu cunoștințe de utilizare.

Jekyll vă permite să creați și să utilizați diferite plugin-uri, etichete și chiar să vă creați propriile convertoare pentru orice limbaj de markup pe care doriți să îl utilizați cu Jekyll. Limbajul de marcare implicit pentru Jekyll, la fel ca majoritatea celorlalte, este Markdown. Jekyll are pluginuri pentru a compila Less, Stylus, genera nori de etichete, pagini de utilizator pentru bloguri și multe altele.

Jekyll se bazează pe Liquid Template Engine de la Shopify. Funcționează în întregime pe Ruby, deci este ușor de instalat împreună cu dependențe folosind rvm sau folosind bundler. Jekyll are, de asemenea, opțiuni de migrare ușoare, dacă doriți să migrați de pe WordPress, Blogger sau orice alt site de blog. Bate orice alt generator de site static de acolo, cu mâinile jos, în ceea ce privește dimensiunea utilizatorului și 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 instalează jekyll

Vizitați Jekyll

2. Hexo

Hexo este un cadru de blog static ușor care se mândrește cu viteza sa rapidă de generare 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 de migrare ușoare de pe alte platforme de blogging precum WordPress, Joomla, Jekyll, Octopress și RSS.

Unul dintre lucrurile minunate despre Hexo este că puteți utiliza cele mai multe dintre pluginurile create pentru Octopress și, prin extensie, pluginurile create pentru Jekyll cu modificări foarte mici..

Hexo acceptă Markdown, YAML pentru front front și configurare. Menținând natura sa rapidă, Hexo vă permite să implementați pe site-uri precum GitHub, Heroku și Rsync cu o singură comandă.

Pentru a instala Hexo folosind Node.js, introduceți această comandă: npm instala hexo-cli -g

Vizitați Hexo

3. Pelican

Pelican este un generator de site static construit pe Python. Dispune de postare de conținut în mai multe limbi, evidențiere a codului (sintaxei), precum și generare ușoară de fluxuri RSS și Atom. Pelican are o selecție plăcută de pluginuri, toate fiind găzduite într-un depozit central GitHub. Acesta acceptă implicit 3 formate de documente: Markdown, reStructuredText și Ascii Doc.

Pelicanul este destul de unic, deoarece este construit pe Python. Suportă puternicul motor de șabloane Jinja, care este bazat pe python crearea ușoară de teme și șabloane frumoase pentru Pelican. În ceea ce privește suportul pentru migrație, Pelican oferă suport pentru WordPress și Tumblr. Mai degrabă decât 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 un comportament îmbunătățit de copiere / link pentru fișiere statice mari, o nouă sintaxă statică pentru conectarea la conținutul static, o nouă stare de schiță pentru pagini și îmbunătățiri ale importatorului, printre altele.

Puteți instala Pelican folosind pip și tastând în următoarea comandă: pip instala pelican

Vizitați Pelican

4. Gatsby

Gatsby este o altă opțiune excelentă pe care o puteți alege, care, la fel ca Hexo, este alimentată de Node.js, ceea ce îl face destul de convenabil pentru dezvoltatorii JavaScript experimentați.. Serviciul folosește React, ceea ce înseamnă că totul este alcătuit din componente, permițându-i să beneficieze de abordarea React asupra redării DOM.

Serviciul folosește, de asemenea, GraphQL la momentul construirii pentru a prelua date și conținut din surse, oferindu-i o interfață modernă și consecventă, care asigură că fiecare pagină primește datele exacte necesare atunci când este construită. De asemenea, merită remarcat faptul 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 preluat cu ușurință de dezvoltatorii care au mai lucrat cu React, dar dacă nu ați lucrat cu React înainte, curba de învățare s-ar putea dovedi un pic abruptă.

Puteți instala cu ușurință Gatsby folosind instrumentul pentru linia de comandă Gatsby și următoarea comandă: npm install -global gatsby-cli

Vizitați Gatsby

5. Intermediar

Middleman este un Generator de site static alimentat cu rubin care urmează o abordare ușoară pentru construirea de site-uri 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ă asistență pentru majoritatea instrumente moderne de dezvoltare web precum HAML, Coffeescript, Sass și restul. Motorul său implicit de modelare este eRb, dar vă permite să treceți la un motor de șabloane personalizat la alegere. Toate motoarele de șabloane cu înclinare (lista completă poate fi găsită aici) funcționează pe Middleman.

Suportă 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. Mai mult, Middleman nu oferă suport pentru migrație, așa că dacă doriți să creați un blog existent static, Middleman poate să nu fie cea mai bună idee pentru moment.

Puteți instala Middleman folosind Ruby folosind această comandă: geme instalează intermediar

Vizitați Middleman

6. Metalsmith

Metalsmith este, de asemenea, o opțiune bună dacă sunteți în căutarea unui generator de site static bazat pe plugin. Serviciul se mândrește cu a fi 'un generator de site static extrem de simplu, conectabil ” ceea ce permite utilizatorilor să adauge plugin-uri pentru practic orice funcție de care au nevoie. Numărul complet 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, „Deoarece totul este un plugin, biblioteca de bază este de fapt doar o abstracție pentru manipularea unui director de fișiere”. Ceea ce se adaugă în cele din urmă, este că puteți utiliza Metalsmith la fel de ușor ca un schelă de proiect, un generator de cărți electronice, un instrument de construire și multe altele.

Metalsmith se bazează și 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 static cu scop general, Hugo vine cu o grămadă de caracteristici decente, cum ar fi suport șabloane și parțiale, paginare și „taxonomii” care este practic un sistem unic de clasificare a conținutului. Acest lucru vă permite să clasificați cu ușurință postările pe baza nu doar a etichetelor, ci și în orice alt mod doriți, cum ar fi categoriile sau seriile, direct din frontmatter.

Hugo vine cu suport pentru trei tipuri de fișiere de date - YAML, JSON și TOML - oferind utilizatorilor libertatea de a alege cu oricare dintre ei se simt cel mai confortabil. În loc de pluginuri, Hugo folosește „coduri scurte” 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 dispozitivul dvs..

În cazul în care utilizați Homebrew, atunci Hugo și toate dependențele pot fi instalate cu: instalați berea hugo

Vizitați Hugo

8. Octopress

Octopress este în esență o furcă Jekyll modificată, dar datorită popularității sale, am inclus-o pe această listă. serviciul este practic Jekyll pentru hackeri (și dezvoltatori de rails) și poate fi folosit pentru a construi cu ușurință un blog, deoarece vine cu un număr de pluginuri în mod implicit.

Pentru personalizare, codul Octopress facilitează modificarea și scrierea propriului cod de către utilizatori. Ceea ce este cu adevărat minunat este că o serie de plugin-uri pentru Octopress sunt compatibile cu Jekyll (și invers), astfel încât să puteți încerca ambele servicii fără să vă faceți griji cu privire la problemele de compatibilitate..

Procesul de instalare pentru Octopress ar putea fi un pic complicat pentru începători, totuși, dar puteți face același lucru urmând acești pași:

• Clonați repo GitHub
  • git clona
  • git: //github.com/imathis/octopress.get
  • octopress
  • cd octopress
• Instalați dependențe
  • pachet de instalare de bijuterii
  • rbenv rehash; # Dacă utilizați rbenv, refaceți pentru a putea rula comanda bundle
  • instalarea pachetului
• Instalați tema implicită Octopress
  • rake instalare

Vizitați Octopress

9. Docpad

Docpad este un generator de site static dinamic care extinde capacitățile generatoarelor de site statice normale, 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 solicitare.

Docpad are s nativupport pentru pre-procesoare, cum ar fi Coffeescript, Stylus și LESS, și folosește pluginuri pentru a sprijini motoarele de șabloane, pre-procesoare și limbaje de marcare, astfel încât să puteți alege orice combinații doriți utilizând pluginul necesar. Docpad acceptă, de asemenea, importul de pagini din surse externe precum Tumblr, GitHub și Dropbox prin pluginuri.

Docpad este o platformă bogată în funcții, cu o mulțime de pluginuri și o documentație excelentă și este construită pe Node.js pentru interacțiunile serverului.

Pentru a instala Docpad, utilizați următoarea comandă folosind npm: npm install -g npm; npm instala -g [email protected] 

Vizitați Docpad

10. Harpă

Harp este un alt mare generator de site static care vine cu pre-procesare încorporată pentru Jade, Markdown, LESS, Sass, Coffeescript, EjS și Stylus fără nicio configurație suplimentară. Serviciul vă permite să utilizați machete / paradigmă parțială cu Jade și EjS, care au nevoie de pluginuri speciale pe alte generatoare de site statice.

Harp este, de asemenea, construit pe Node.js și poate funcționa mână în mână cu platformele Harp, care vă permit să creați pagini web din folderul Dropbox. Serviciul poate compila, de asemenea, pagini pentru utilizare pe paginile GitHub, PhoneGap și Heroku.

Pentru a instala Harp, utilizați npm și rulați următoarea comandă: sudo npm instala -g harpă

Vizitați Harp

11. NUXT

Bazat pe o arhitectură modulară avansată, Nuxt este unul dintre cei mai buni generatori de site statici. Împachetat cu peste 50 de module, este complet echipat pentru a vă accelera dezvoltarea. O altă caracteristică notabilă a acestui generator de site static este că vă optimizează în mod ideal aplicația, astfel încât să poată rula fără probleme pe diferite platforme. Oferind un analizor de pachete, vă asigură că sunteți capabil să vă ajustați aplicația, scăpând de toate defectele.

Dar ceea ce oferă Nuxt.js un avantaj față de mulți alți rivali este abilitatea de a generați un site web static conform aplicației Vue. Ca urmare, nu veți avea nevoie de un server independent, dar veți putea beneficia de avantajele SEO, deoarece Nuxt nu numai că va reda în prealabil toate paginile, ci va conține și HTML esențial. Mai mult, vă va permite, de asemenea, să implementați pagina rezultată pe paginile Netlify sau GitHub cu ușurință. În ceea ce privește instalarea, este destul de avansat datorită instrument de schele. Dar pentru aceasta, va trebui să aveți instalat npx (vine implicit de la NPM 5.2.0).

Pentru a instala NUXT, asigurați-vă că ați instalat NPX și apoi executați următoarea comandă: $ npx create-nuxt-app

Vizitați NUXT JS

12. MkDocs

Dacă nevoile dvs. justifică un simplu generator de site static, MkDocs poate fi răspunsul corect la nevoile dumneavoastră. Cu instrumente ușor de utilizat, acesta face documentația proiectului fără probleme. Deoarece fișierele sursă ale documentației 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 este la îndemână atunci când vine vorba de eficiență. Îl puteți folosi pentru 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ților care poate da aspectul dorit documentației dvs. Cu serverul încorporat la îndemână, vă puteți previzualiza cu ușurință documentația. În ceea ce privește instalarea, este destul de simplă. Dar asigurați-vă că aveți instalat Python și managerul Python Pip pe sistemul dvs..

Instalați pachetul mkdocs folosind pip: pip install mkdocs

Vizitați MKDocs

Încercați imediat aceste generatoare de site-uri statice

Ei bine, asta completează lista noastră cu cele mai bune 12 generatoare de site statice pe care ar trebui să le încercați. Lista constă dintr-o varietate de opțiuni diferite, fiecare dintre ele oferind un set unic de caracteristici pentru o varietate de cazuri de utilizare. În funcție de proiect, aveți posibilitatea să alegeți oricare dintre generatoarele de site statice menționate anterior și să 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ță.