Nesen ir notikusi milzīga pāreja uz statiskām tīmekļa vietnēm tīmekļa izstrādes jomā. Statiskās vietnes ir vieglāk uzturamas (bez datubāzēm, bez servera puses skriptiem!) Un ir drošākas, vispārīgi ņemot vērā, ka vienīgā lieta, kas tiek izmantota lietotāju ierīcēm, ir HTML, CSS un Javascript faili. Lai dažu veidu tīmekļa vietnes, piemēram, emuāri un dokumentācijas tīmekļa vietnes, kļūtu statiskas, vienkārši tieši rakstot kodu HTML failos kļūst spraiga. Tas arī kļūst sarežģīti uzturēt vietnes ar lielu saturu, jo īpaši, ja ir jāmaina dažas nelielas funkcijas (piemēram, dizains).
Tas ir, ja statiskās vietnes ģeneratori tiek ievietoti. Statiskās vietņu ģeneratori pamatā pārveido (vai apkopo) dažādus resursu failus vienā tīmekļa vietnē. Tas nozīmē, ka saturu var paturēt atsevišķi no izkārtojuma koda, un vietnes aktīvus, piemēram, attēlus, var turēt pilnīgi atsevišķi. Tur ir daudz statisku vietņu ģeneratoru, pat simtiem. Šeit ir saraksts ar 10 labākajiem statisko vietņu ģeneratoriem kopā ar to pārskatiem.
Statiskie ģeneratoru ģeneratori
1. Jekyll
Vienā vārdnīcā: statisko vietu ģeneratoru karalis . Jekyll ir visbiežāk izmantotais statiskais ģenerators ar vislielāko dokumentāciju, lielāko kopienu un labāko atbalstu. Pat GitHub piedāvā iebūvētu atbalstu Jekyll uz tās GitHub Pages pakalpojumu. Jekyll lepojas ar to, ka viņš ir informēts par blogu. Statiska emuāra izveide uz Jekyll ir ļoti vienkārša. Tam ir nepieciešamas tikai zināšanas par pamata tīmekļa attīstību. Tas patiešām spīd, jo tā ir viegli uzstādāma iesācējiem, tajā pašā laikā tiem ir patiešām spēcīgas funkcijas tiem, kam ir zināšanas, lai tās izmantotu.
Jekyll ļauj izveidot un izmantot dažādus spraudņus, tagus un pat izveidot savus pārveidotājus jebkurai iezīmēšanas valodai, kuru vēlaties lietot ar Jekyll. Jekyll noklusējuma iezīmēšanas valoda, tāpat kā lielākā daļa citu, ir Markdown. Jekyll ir plugins, lai apkopotu mazāk, Stylus, ģenerētu tagu mākoņus, lietotāju lapas emuāriem un daudz vairāk.
Jekyll ir balstīta uz Liquid Template Engine ar Shopify. Tas darbojas tikai Ruby, tāpēc tas ir viegli uzstādāms kopā ar atkarībām, izmantojot rvm, vai izmantojot komplektu. Jekyll piedāvā arī vienkāršas migrācijas iespējas, ja jūs meklējat migrēt no WordPress, Blogger vai jebkura cita blogu vietnes. Tā pārspēj katru citu statisko vietņu ģeneratoru, kas atrodas uz leju, lietotāja lieluma ziņā. Tā ir aktīvā attīstībā (pēdējās izmaiņas savā GitHub repo nāk pirms dienas, rakstīšanas laikā).
Lai instalētu Jekyll, vienkārši ievadiet šo komandu Ruby: gem install jekyll
2. Pelikāns
Pelican ir statisks vietnes ģenerators, kas uzbūvēts uz Python. Tā piedāvā daudzvalodu satura publicēšanu, koda (sintakses) izcelšanu, kā arī vienkāršu RSS un Atom plūsmu ģenerēšanu. Pelikānam ir jauka izvēle spraudņiem, kas visi atrodas centrālajā GitHub repozitorijā. Tā atbalsta 3 dokumentu formātus pēc noklusējuma: Markdown, reStructuredText un Ascii Doc.
Pelikāns ir diezgan unikāls, jo tas ir uzcelts uz Python. Tā atbalsta spēcīgo Jinja veidnes dzinēju, kas ir balstīts uz python, lai ļautu viegli izveidot skaistas tēmas un veidnes Pelikānam. Runājot par migrācijas atbalstu, Pelican piedāvā atbalstu WordPress un Tumblr. Tā vietā, lai konfigurētu konfigurāciju un iestatījumus, Pelican izmanto parasto YAML failu konfigurācijai, bet izmanto .py failu ar nosaukumu pelicanconf.py .
Vieglākais veids, kā uzstādīt pelikānu, ir, izmantojot pip: pip install pelican
3. Starpnieks
Middleman ir Ruby darbināms statisks vietņu ģenerators, kas seko vienkāršai pieejai statisko objektu veidošanai. Tam ir spēcīgas funkcijas, lai saglabātu statiskus emuārus, piemēram, vienkāršu tagu ģenerēšanu, ātras komandas kategorizētu rakstu un lapiņu iekļaušanai. Middleman nepiedāvā nekādu migrācijas atbalstu, tādēļ, ja vēlaties izveidot esošu emuāru statisku, Middleman var nebūt labākā ideja.
Middleman piedāvā atbalstu lielākai daļai moderno tīmekļa izstrādes rīku, piemēram, HAML, Coffeescript, Sass un pārējiem. Tā noklusējuma veidnes dzinējs ir eRb, bet tas ļauj pārslēgties uz jūsu izvēlēto pielāgoto veidņu dzinēju. Visi Tilt iespējotie veidņu dzinēji (pilns saraksts atrodams šeit) strādā ar Middleman. Tā dabiski atbalsta 2 konfigurācijas formātus - YAML, JSON. Frontmatter jūsu saturam jābūt arī YAML vai JSON atkarībā no izmantotā konfigurācijas formāta.
Instalējiet Middleman, izmantojot Ruby ar: gem install middleman
4. Metalsmith
Metalsmith lepojas ar to, ka tas ir iespējojams statisks vietņu ģenerators. Tas nozīmē, ka visu Metalsmith loģiku apstrādā spraudņi. Jebkura vajadzīgā funkcija, vienkārši pievienojiet nepieciešamos spraudņus. Milzīgais Metalsmith piedāvāto spraudņu skaits pārspēj gandrīz katru konkurentu (varbūt liedz Jekyll un Docpad). Tas nozīmē, ka Metalsmith var izmantot vairāk nekā tikai statisku vietņu ģeneratoru.
Savos vārdos “Tā kā viss ir spraudnis, galvenā bibliotēka faktiski ir tikai abstrakcija, lai manipulētu ar failu direktoriju ”. Tas, ko tas beidzot papildina, ir tas, ka jūs lietojat Metalsmith tikpat viegli kā projekta sastatnes, ebook ģeneratoru, veidošanas rīku, tehnisko dokumentāciju un vairāk (šie daži piemēri parādīti Metalsmith tīmekļa vietnē).
Metalsmith pamatā ir Node.js, un to var instalēt, izmantojot mezgla pakotnes pārvaldnieku ar: $ npm install metalsmith
Homepage 5. Harps
Harpam ir iebūvēta pirmapstrāde Jade, Markdown, LESS, Sass, Coffeescript, EjS un Stylus bez papildu konfigurācijas. Tas arī ļauj izmantot izkārtojumus / daļēju paradigmu ar Jade un EjS, kam ir vajadzīgi īpaši spraudņi citās statiskās vietņu ģeneratoros.
Harp ir veidots uz Node.Js un var strādāt roku rokā ar Harp platformu, kas ļauj izveidot tīmekļa lapas no jūsu Dropbox mapes. Harp var arī apkopot lapas izmantošanai GitHub lapās, PhoneGap un Heroku.
Lai instalētu Harp, izmantojiet npm un palaidiet: sudo npm install -g harp
Mājas lapa
6. Octopress
Tehniski Octopress ir modificēta Jekyll dakša, bet tās milzīgās popularitātes dēļ tas ir iekļauts šajā sarakstā. Octopress pamatā ir Jekyll hackers (un sliedes izstrādātājiem). Octopress pielāgošana kļūst vienkārša, īpaši, ja veidojat emuāru, jo Octopress pēc noklusējuma ietver daudzus spraudņus, kas jums vajadzīgi, lai palaistu blogu par Jekyll.
Pielāgošanas daļā Octopress kods atvieglo kodu modificēšanu un raksta savu kodu. Tas nozīmē, ka daudzi Octopress spraudņi ir saderīgi ar Jekyll (un otrādi).
Lai instalētu Octopress,
- Klonējiet GitHub repo
git clone git://github.com/imathis/octopress.git octopresscd octopress - Instalējiet atkarības
gem install bundlerrbenv rehash# Ja lietojat rbenv, atkārtoti izmantojiet, lai varētu palaist komandas komandubundle install - Instalējiet noklusējuma Octopress motīvu
rake install
7. Docpad
Docpad ir dinamisks statiskā vietnes ģenerators. Tā paplašina parasto statisko vietņu ģeneratoru iespējas, izmantojot tādas funkcijas kā datubāzes vaicājumus, izmantojot vaicājuma dzinēju, importējot lapas no ārējām datu bāzēm un atkārtoti padarot tīmekļa lapu par katru pieprasījumu.
Docpad ir vietējais atbalsts pirmapstrādātājiem, piemēram, Coffeescript, Stylus un LESS, un izmanto spraudņus veidņu dzinēju, pirmapstrādes un iezīmēšanas valodu atbalstam, lai jūs varētu izvēlēties nepieciešamo kombināciju, izmantojot vajadzīgo spraudni. Docpad arī atbalsta importēt lapas no ārējiem avotiem, piemēram, Tumblr, GitHub un Dropbox, izmantojot spraudņus.
Docpad ir bagātīga platforma ar daudziem spraudņiem un lielisku dokumentāciju. Tā ir veidota un tiek izmantota Node.js servera mijiedarbībai.
Vienkārši instalējiet Docpad, izmantojot npm: npm install -g npm; npm install -g [email protected] npm install -g npm; npm install -g [email protected]
Mājas lapa
8. Hexo
Hexo ir viegls statisks emuāru ietvars, kas lepojas ar savu degošo ātrās vietnes ģenerēšanas ātrumu. Hexo ir lieliski piemērots blogeriem ar lielu saturu, kas vēlas vienkāršu statisku vietņu ģeneratoru. Tā piedāvā ērtas migrācijas iespējas no citām emuāru platformām, piemēram, WordPress, Joomla, Jekyll, Octopress un RSS. Par lielajām lietām par Hexo ir tas, ka jūs varat izmantot lielāko daļu spraudņu, kas ir izgatavoti Octopress (un pēc tam paplašinājumi, kas izgatavoti Jekyll ar ļoti nelielām izmaiņām)
Hexo atbalsta Markdown, YAML priekšējo materiālu un konfigurāciju. Turpinot savu ātrumu, Hexo ļauj izvietot tādas vietnes kā GitHub, Heroku un Rsync ar vienu komandu.
Hexo var uzstādīt, izmantojot Node.js: npm install hexo-cli -g
9. Hugo
Hugo ir vispārējas nozīmes statisks vietņu ģenerators ar labām visaptverošām funkcijām, piemēram, veidņu un daļēju atbalstu, lapošanu un „taksonomiju”, kas būtībā ir unikāla satura kategorizācijas sistēma, kam seko Hugo. Tas nozīmē, ka jūs varat viegli klasificēt amatus, pamatojoties uz ne tikai tagiem, bet arī jebkurā citā veidā, piemēram, kategorijām vai sērijām tieši no priekšpuses. Hugo atbalsta trīs datu failu tipus - YAML, JSON un TOML, un ļauj jums izlemt, kurš no tiem ir ērtākais.
Tā vietā, lai plugins, Hugo izmanto "shortcodes", kas ļauj izmantot bagātīgu saturu jūsu Markdown. Lai uzzinātu, kā tas darbojas, izlasiet šo rakstu. Hugo ir rakstīts Go programmēšanas valodā, un tā piedāvā atsevišķus instalācijas failus dažādām platformām savā GitHub lapā. Lai precīzi uzzinātu, kā jūs varat instalēt Hugo, izmantojiet Hugo instalācijas instrukcijas.
Ja izmantojat Homebrew, tad Hugo un visas atkarības var uzstādīt ar: brew install hugo
10. Brunch
Vēlās brokastis ir vērstas pret HTML5 tīmekļa lietojumprogrammām, nevis blogiem un tīmekļa vietnēm, taču tas joprojām ir ļoti vienkāršs, ātrs statisks vietņu ģenerators. Tas ne tikai apkopo visu jūsu kodu un skriptus, bet arī var samazināt (samazināt) kodu un automātiski saspiest attēlus. Brunch piedāvā virkni spraudņu, kurus varat izmantot, lai to pielāgotu atbilstoši savām vajadzībām. Pilns Brunch spraudņu saraksts ir atrodams šeit.
Brunch piedāvā "skeletus", kas būtībā ir paredzēti, lai sāktu jūsu vietni (vai tīmekļa lietotni). Tas piedāvā vienu no ātrākajiem kompilēšanas ātrumiem, vienkārši tāpēc, ka vēlās brokastis glabā visus nemainītos projekta elementus un apkopo tikai tos failus, kas ir pārskatīti. Brunch ir uzbūvēta uz Node.js, un to var uzstādīt, izmantojot npm: npm install -g brunch
Vai ir kādi ieteikumi par šo rakstu? Atstājiet to komentāros!
![vairāk sīkumu - Sv. Valentīna dienas vēsture [Animēts video]](https://gadget-info.com/img/more-stuff/595/history-st-valentine-s-day.jpg)
