Soovitatav, 2020

Toimetaja Valik

10 parimat staatilist veebisaiti

Veebiarenduse valdkonnas on hiljuti toimunud suured muutused staatilistele veebisaitidele. Staatilised saidid on lihtsam hooldada (andmebaasid puuduvad, serveripoolsed skriptid puuduvad!) Ja on üldiselt turvalisemad, arvestades, et ainus asi, mida kasutajate seadmetele serveeritakse, on HTML, CSS ja Javascript failid. Selleks, et teatud tüüpi veebisaite nagu blogid ja dokumentatsiooni veebisaidid muutuksid staatiliseks, muutub lihtsalt HTML-failide koodi kirjutamine pingeliseks. Samuti muutub see keeruliseks suure sisu sisaldavate saitide hooldamisel, eriti siis, kui tuleb muuta mõningaid väikesi funktsioone (nagu disain).

See on koht, kus staatiliste veebisaitide generaatorid on sisse lülitatud. Staatilised saidigeneraatorid teisendavad põhiliselt (või kompileerivad) hulga erinevaid ressursifaile üheks veebisaidiks. See tähendab, et sisu saab paigutuskoodist eraldi hoida ja saidi varasid, nagu pilte, saab täielikult eraldada. Seal on palju staatilisi saidigeneraatorid, sadu isegi. Siin on nimekiri kümnest parimast staatilise saidi generaatorist koos nende ülevaatega.

Staatilised saidigeneraatorid

1. Jekyll

Ühesõnaga: Static Site generaatorite kuningas . Jekyll on seal kõige enam kasutatav staatiline generaator, millel on suurim dokumentatsioon, suurim kogukond ja parim tugi. Isegi GitHub pakub Jekyllile sisseehitatud tuge GitHub Pages teenuses. Jekyll on uhke blogi teadvuse pärast. Staatilise blogi loomine Jekyllil on tõesti lihtne. See nõuab ainult teadmisi veebi põhiarendusest. See on tõesti särav, kuna algajatele on lihtsad seadistamisfunktsioonid, samal ajal omades tõeliselt võimsaid omadusi neile, kellel on teadmised neid kasutada.

Jekyll võimaldab teil luua ja kasutada erinevaid pluginaid, silte ja teha isegi oma konvertereid iga märgistuskeele jaoks, mida soovite kasutada Jekylliga. Jekylli vaikimisi märgistuskeel - nagu enamik teisi - on Markdown. Jekyllil on vähemate, stiilide koostamiseks, sildi pilvede loomiseks, blogide kasutajalehekülgedeks ja palju rohkem pluginaid.

Jekyll põhineb Shopifeni Liquid Template Engine'il. See töötab täielikult Ruby'l, nii et see on kergesti installitav koos sõltuvustega, kasutades rvm-i või kasutades komplekti. Jekyllil on ka lihtsad migratsioonivõimalused, kui soovid migreeruda WordPressist, Bloggerisse või mõnele muule blogimise saidile. See võidab kõik teised staatilised saidigeneraatorid, käed alla, kasutaja suuruse poolest. See on aktiivse arenduse all (viimane muutus GitHub repo tulekul päev tagasi, kirjutamise ajal).

Jekylli installimiseks sisestage see käsk Ruby: gem install jekyll

Koduleht

2. Pelikaan

Pelican on Pythonil ehitatud staatiline veebisaitide generaator. See sisaldab mitme keele sisu postitamist, koodide (süntaksi) esiletõstmist, samuti RSS ja Atomi voogude lihtsat genereerimist. Pelicanil on kena valik pluginaid, mis kõik asuvad keskses GitHubi hoidlas. See toetab vaikimisi kolme dokumendivormingut: Markdown, reStructuredText ja Ascii Doc.

Pelikaan on üsna unikaalne, sest see on ehitatud Pythonile. See toetab võimsat Jinja Template Engine'i, mis põhineb pythonil, võimaldades Pelikani jaoks hõlpsasti luua ilusaid teemasid ja malle. Rändetoetuse osas pakub Pelican toetust WordPressile ja Tumblrile. Konfigureerimiseks mõeldud tavapäraste YAML-failide asemel kasutab konfigureerimiseks ja seadistamiseks Pelican .py-faili nimega pelicanconf.py .

Lihtsaim viis pelikaani paigaldamiseks on pip: pip install pelican

Koduleht

3. Vahendaja

Middleman on Ruby-powered staatiline veebisaitide generaator, mis järgib lihtsat esimest lähenemist staatiliste saitide ehitamisele. See on võimeline funktsioone staatiliste blogide säilitamiseks, nagu näiteks lihtne siltide genereerimine, kiireid käske kategoriseeritud artiklite ja lehekülgede loendamiseks. Middleman ei paku mingit rändetoetust, nii et kui soovite olemasolevat blogi teha, ei pruugi Middleman olla praegu parim idee.

Middleman pakub toetust enamikule kaasaegsetest veebiarendustööriistadest nagu HAML, Coffeescript, Sass ja ülejäänud. Selle vaikimisi mallimootor on eRb, kuid see võimaldab teil valida enda valitud kohandatud mudelimootori. Kõik Tilt-toega mallmootorid (täielik nimekiri leiate siit) töötavad Middlemaniga. See toetab sisuliselt kahte konfiguratsioonivormingut - YAML, JSON. Samuti peab teie sisu Frontmatter olema YAML või JSON sõltuvalt kasutatavast konfiguratsioonivormingust.

Paigaldage Middleman kasutades Ruby: gem install middleman

Koduleht

4. Metalsmith

Metalsmith on uhke, et see on pistikuga statsionaarne generaator. See tähendab, et kõiki Metalsmithi loogikaid haldavad pluginad. Iga vajalik funktsioon, lisage vajalikud pluginad. Metalsmithi pakutavate pluginate arv lööb peaaegu iga konkurendi (võib-olla takistab Jekyll ja Docpad). See tähendab, et Metalsmithit saab kasutada rohkem kui lihtsalt staatilise saidigeneraatorina.

Oma sõnadega “Kuna kõik on plugin, on põhiraamatukogu tegelikult ainult abstraktsioon failide kataloogi manipuleerimiseks ”. Lõpuks lisab see, et kasutate Metalsmithi sama hõlpsasti kui projekti tellingut, e-raamatu generaatorit, ehitustööriista, tehes tehnilist dokumentatsiooni ja palju muud (need mõned näited on esitatud Metalsmithi veebilehel).

Metalsmith põhineb Node.js-il ja seda saab paigaldada sõlme paketthalduri abil: $ npm install metalsmith

  Homepage 

5. Harp

Harpil on sisseehitatud eeltöötlus Jade, Markdown, LESS, Sass, Coffeescript, EjS ja Stylus jaoks ilma täiendava konfiguratsioonita. Samuti saate kasutada skeeme / osalist paradigmat Jade ja EjS-iga, mis vajab spetsiaalseid pluginaid teistes staatilistes põlvkonna generaatorites.

Harp on ehitatud Node.Js'ile ja võib töötada käsikäes Harp Platvormiga, mis võimaldab teil luua Dropboxi kaustast veebilehti. Samuti saab Harp kompileerida ka lehekülgi, mida saab kasutada ka GitHubi lehekülgedel, PhoneGapil ja Herokul.

Harpi paigaldamiseks kasutage npm ja käivitage: sudo npm install -g harp

 Koduleht 

6. Octopress

Tehniliselt on Octopress modifitseeritud Jekyll-kahvlik, kuid selle suure populaarsuse tõttu on see selles nimekirjas. Octopress on põhiliselt Jekyll häkkeritele (ja rööbaste arendajatele). Octopressi kohandamine muutub lihtsaks, eriti kui te ehitate blogi, sest Octopress vaikimisi sisaldab paljusid pluginaid, mida peate blogi Jekyllil käivitama.

Kohandamisosas muudab Octopressi kood kasutajatele koodi muutmise lihtsamaks ja oma koodi kirjutada. Seda öeldes on palju Octopressi pluginaid ühilduv Jekylliga (ja vastupidi).

Octopressi installimiseks

  1. Kloonige GitHub repo
    git clone git://github.com/imathis/octopress.git octopress
    cd octopress
  2. Installige sõltuvused
    gem install bundler
    rbenv rehash # Kui kasutate rbenv-i, siis paki käsu käivitamiseks uuesti
    bundle install
  3. Installige Octopressi vaikimisi teema
    rake install
Koduleht

7. Docpad

Docpad on dünaamiline staatiline saidigeneraator. See laiendab tavapäraste staatiliste veebisaitide generaatorite võimalusi, mille funktsioonid on näiteks päringumootori kaudu andmebaasi päringud, lehekülgede importimine välistest andmebaasidest ja veebilehe uuesti esitamine iga taotluse kohta.

Docpadil on olemas eelprotsessorite (nt Coffeescript, Stylus ja LESS) tugi ning kasutatakse pluginaid malli mootorite, eelprotsessorite ja märgistuskeelte toetamiseks, et saaksite valida vajaliku kombinatsiooni, kasutades vajalikku pluginat. Docpad toetab ka veebilehtede importimist välistest allikatest nagu Tumblr, GitHub ja Dropbox pluginate kaudu.

Docpad on funktsioonirikas platvorm, millel on palju pluginaid ja suurepäraseid dokumente. See on üles ehitatud ja kasutab Node.js serveri interaktsioonide jaoks.

Lihtsalt installige Docpad kasutades npm: npm install -g npm; npm install -g [email protected] npm install -g npm; npm install -g [email protected]

 Koduleht 

8. Hexo

Hexo on kerge staatiline blogiraamistik, mis on uhke oma kiire ja kiire põlvkonna kiiruse eest. Hexo on suurepärane blogijate jaoks, kellel on palju sisu, kes soovivad lihtsat staatilist saidigeneraatorit. See pakub lihtsat migratsioonivõimalust muudest blogimisplatvormidest nagu WordPress, Joomla, Jekyll, Octopress ja RSS. Suurte asjade kohta Hexo kohta on see, et saate kasutada kõige Octopressi jaoks mõeldud pluginaid (ja laiemalt ka Jekyllile tehtud väikseid muudatusi)

Hexo toetab Markdowni, YAMLi esiplaanile ja konfiguratsioonile. Kiire iseloomuga Hexo võimaldab teil paigutada selliseid saite nagu GitHub, Heroku ja Rsync ainult ühe käsu abil.

Hexot saab paigaldada Node.js abil: npm install hexo-cli -g

Koduleht

9. Hugo

Hugo on üldotstarbeline staatiline veebipõhine generaator, millel on head kõikvõimalikud funktsioonid, nagu malle ja osaline tugi, leheküljed ja taksonoomiad, mis on põhimõtteliselt ainulaadne sisu liigitamise süsteem, millele järgneb Hugo. See tähendab, et postitusi saab hõlpsasti klassifitseerida mitte ainult siltide, vaid ka muul viisil, näiteks kategooriate või seeriate abil otse esiküljelt. Hugo toetab kolme andmefaili tüüpi - YAML, JSON ja TOML ning võimaldab teil otsustada, milline neist on teile kõige mugavam.

Pluginate asemel kasutab Hugo „lühikoode”, mis võimaldavad teil kasutada rikkalikku sisu oma Markdownis. Et teada saada, kuidas see toimib, lugege seda artiklit. Hugo on kirjutatud Go programmeerimiskeeles ja pakub GitHubi lehel erinevaid paigaldusfaile erinevatele platvormidele. Et täpselt teada saada, kuidas Hugot kasutada, lugege Hugo paigaldusjuhiseid.

Kui kasutate Homebrewi, siis saab Hugo ja kõik sõltuvused paigaldada: brew install hugo

Koduleht

10. Hommikusöök

Hommikusöök toetub pigem HTML5 veebirakendustele kui blogidele ja veebilehtedele, kuid see on ikka veel väga lihtne ja kiire staatilise saidi generaator. See mitte ainult ei koosta kogu teie koodi ja skripte, vaid võib ka teie koodi kahaneda (minigeerida) ja kompresseerida kujutisi automaatselt. Brunchil on terve hulk pluginaid, mida saate kasutada vastavalt oma vajadustele. Brunchi pluginate täieliku nimekirja leiate siit.

Brunch pakub „skelette”, mis on põhimõtteliselt teie veebisaidi (või veebirakenduse) käivitamiseks mõeldud. See pakub ühte kiiremat kompileerimiskiirust, kuna brunch salvestab kõik teie projekti muutmata osad ja koostab ainult need failid, mis on muudetud. Brunch on ehitatud Node.js'ile ja seda saab paigaldada npm: npm install -g brunch

Koduleht

Kas teil on selle artikli kohta soovitusi? Jäta see kommentaaridesse!

Top