Препоръчано, 2020

Избор На Редактора

10 най-добри генератора на статични сайтове

Напоследък се наблюдава огромен преход към статични уебсайтове в областта на уеб разработките. Статичните сайтове са по-лесни за поддръжка (без бази данни, без скриптове на сървъра!) И са по-сигурни, като се има предвид, че единственото нещо, което се обслужва от устройствата на потребителите, са файловете HTML, CSS и Javascript. За да могат някои видове уебсайтове като блогове и уебсайтове за документи да станат статични, директно да пишете код в HTML файлове става напрегнат. Също така става трудно да се поддържат сайтове с голямо съдържание, особено когато някои малки елементи (като дизайн) трябва да бъдат променени.

Това е мястото, където влизат статични генератори на сайтове. Статичните генератори на сайтове преобразуват (или компилират) куп различни файлове с ресурси в един уебсайт. Това означава, че съдържанието може да се съхранява отделно от кода на оформлението, а активите на сайта, като изображенията, могат да бъдат напълно отделени. Има много статични генератори на сайтове, стотици дори. Ето списък на 10-те най-добри статични генератора на сайта заедно с техните прегледи.

Статични генератори на сайтове

1. Jekyll

С една дума: генераторите на краля на статичните сайтове . Джекил е най-използваният статичен генератор там, с най-голяма документация, най-голямата общност и най-добрата поддръжка. Дори GitHub предлага вградена поддръжка за Jekyll в своята услуга GitHub Pages. Jekyll се гордее, че е наясно с блога. Създаването на статичен блог на Jekyll е много лесно. Това изисква само познания за основното уеб развитие. Той наистина блести, заради лесните си възможности за настройка за начинаещи, като в същото време има наистина мощни функции за тези, които имат познания да ги използват.

Jekyll ви позволява да създавате и използвате различни плъгини, етикети и дори да създавате свои собствени конвертори за всеки език за маркиране, който искате да използвате с Jekyll. Езикът за маркиране по подразбиране за Jekyll - подобно на повечето други - е Markdown. Jekyll има плъгини за компилиране на Less, Stylus, генериране на облаци от маркери, потребителски страници за блогове и много повече.

Jekyll е базиран на Liquid Template Engine от Shopify. Той работи изцяло на Ruby, така че е лесно да се инсталира заедно с зависимости, като се използва rvm или използва bundler. Jekyll също има лесни възможности за миграция, ако искате да мигрирате от WordPress, Blogger или друг сайт за блогове. Той бие всеки друг генератор на статични сайтове там, ръцете надолу, по отношение на размера на потребителя. Тя е в процес на активно развитие (последната промяна в GitHub repo идва преди един ден, по време на писането).

За да инсталирате Jekyll, просто въведете тази команда в Ruby: gem install jekyll

начална страница

2. Пеликан

Pelican е статичен генератор на сайтове, изграден на Python. Той включва многоезично публикуване на съдържание, осветяване на код (синтаксис), както и лесно генериране на RSS и Atom Feeds. Пеликан има хубава селекция от Plugins, всички от които се намират в централно хранилище на GitHub. Поддържа 3 формати на документа по подразбиране: Markdown, reStructuredText и Ascii Doc.

Пеликанът е доста уникален, тъй като е изграден на Python. Той поддържа мощния Jinja Template Engine, който е базиран на Python, за да позволи лесно създаване на красиви теми и шаблони за Pelican. По отношение на миграционната подкрепа, Пеликан предлага подкрепа за WordPress и Tumblr. Вместо обичайните YAML файлове за конфигурация, Pelican използва .py файл с име pelicanconf.py за конфигурация и настройки.

Най-лесният начин за инсталиране на пеликан е с помощта на pip: pip install pelican

начална страница

3. Посредник

Middleman е генериран от Ruby статичен генератор на сайтове, който следва лесен първи подход за изграждане на статични сайтове. Той има мощни функции за поддържане на статични блогове, като лесно генериране на етикети, бързи команди за изброяване на категоризирани статии и странициране. Middleman не предлага никаква миграционна поддръжка, така че ако искате да направите съществуващ блог статичен, Middleman може да не е най-добрата идея за сега.

Middleman предлага поддръжка за повечето от съвременните инструменти за уеб разработки като HAML, Coffeescript, Sass и останалите. Неговият по подразбиране двигател на шаблони е eRb, но ви позволява да превключите към персонализиран шаблонен двигател по ваш избор. Всички движещи се с Tilt двигатели (пълният списък можете да намерите тук) работят за Middleman. Той първоначално поддържа 2 конфигурационни формата - YAML, JSON. Също така трябва да имате YAML или JSON в зависимост от конфигурационния формат, който използвате.

Инсталирайте Middleman използвайки Ruby с: gem install middleman

начална страница

4. Металсмит

Металсмит се гордее с това, че е включен статичен генератор на сайтове. Това означава, че цялата логика на Metalsmith се обработва от приставки. Всяка функция, от която се нуждаете, просто добавете необходимите приставки. Големият брой плъгини, предлагани от Металсмит, бие почти всеки състезател (може би без Джекил и Допад). Това означава, че Metalsmith може да се използва повече от просто статичен генератор на обекти.

По собствените си думи „Тъй като всичко е плъгин, основната библиотека всъщност е просто абстракция за манипулиране на директория от файлове“. Това, което най-накрая добавя, е, че използвате Metalsmith също толкова лесно, колкото и проектантски скелет, генератор на електронни книги, инструмент за изграждане, изготвяне на техническа документация и др.

Металсмит е базиран на Node.js и може да бъде инсталиран с помощта на мениджър пакет с възли: $ npm install metalsmith

  Homepage 

5. Арфа

Харп има вградена предварителна обработка за Jade, Markdown, LESS, Sass, Coffeescript, EjS и Stylus без допълнителна конфигурация. Той също така ви позволява да използвате оформленията / частичната парадигма с Jade и EjS, които се нуждаят от специални приставки върху други статични генератори на сайтове.

Арфата е изградена на Node.Js и може да работи ръка за ръка с Harp Platform, която ви позволява да създавате уеб страници от папката на Dropbox. Харп също може да компилира страници за използване на GitHub страници, PhoneGap и Heroku.

За да инсталирате арфа, използвайте npm и изпълнете: sudo npm install -g harp

 начална страница 

6. Octopress

Технически Octopress е модифицирана Jekyll вилка, но поради огромната си популярност е включена в този списък. Octopress е основно Jekyll за хакери (и разработчици на релси). Персонализирането на Octopress става лесно, особено ако изграждате блог, тъй като Octopress по подразбиране включва много от плъгините, които трябва да изпълните в Jekyll.

В частта за персонализиране, кодът на Octopress улеснява потребителите да променят кода и да пишат собствен код. Това е казано, много от плъгините за Octopress са съвместими с Jekyll (и обратно).

За да инсталирате Octopress,

  1. Клонирайте репо GitHub
    git clone git://github.com/imathis/octopress.git octopress
    cd octopress
  2. Инсталирайте зависимости
    gem install bundler
    rbenv rehash # Ако използвате rbenv, преправете, за да можете да стартирате командата bundle
    bundle install
  3. Инсталирайте подразбиращата се тема за Octopress
    rake install
начална страница

7. Docpad

Docpad е динамичен статичен генератор на сайтове. Той разширява възможностите на нормалните статични генератори на сайтове с функции като търсене в база данни чрез механизъм за заявки, импортиране на страници от външни бази данни и повторно представяне на уеб страницата при всяка заявка.

Docpad има вградена поддръжка за предварителни процесори, като Coffeescript, Stylus и LESS, и използва приставки за поддръжка на шаблони, предварително процесори и езици за маркиране, така че можете да избирате какви комбинации искате с помощта на необходимия плъгин. Docpad поддържа и импортиране на страници от външни източници като Tumblr, GitHub и Dropbox чрез приставки.

Docpad е богата на функции платформа, с много приставки и голяма документация. Той е изграден върху и използва Node.js за сървърни взаимодействия.

Просто инсталирайте Docpad, използвайки npm: npm install -g npm; npm install -g [email protected] npm install -g npm; npm install -g [email protected]

 начална страница 

8. Hexo

Hexo е лека статична рамка за блогове, която се гордее със своята бърза скорост на генериране на сайтове. Hexo е чудесно за блогъри с голямо количество съдържание, които искат просто статичен генератор на сайтове. Той предлага лесни възможности за миграция от други платформи за блогове като WordPress, Joomla, Jekyll, Octopress и RSS. От най-големите неща за Hexo е, че можете да използвате повечето от плъгините, които са направени за Octopress (и разширенията, направени за Jekyll с много малки модификации).

Hexo поддържа Markdown, YAML за предна част и конфигурация. Поддържане на бързината на природата Hexo ви позволява да разположите на сайтове като GitHub, Heroku и Rsync само с една команда.

Hexo може да се инсталира с Node.js: npm install hexo-cli -g

начална страница

9. Юго

Hugo е генерален статичен генератор на сайтове с добри функции като шаблони и частични поддръжка, пагинация и "таксономии", което е основно уникална система за категоризиране на съдържанието, последвана от Hugo. Това означава, че можете лесно да класифицирате постове на базата на не само тагове, но и по всякакъв друг начин, като например категории или серии директно от frontmatter. Hugo поддържа три типа файлове с данни - YAML, JSON и TOML, и ви позволява да решите кой е най-удобен за вас.

Вместо плъгини, Hugo използва 'shortcodes', които ви позволяват да използвате богато съдържание във вашия Markdown. За да разберете как работи това, прочетете тази статия. Hugo е написан на езика за програмиране Go и предлага отделни инсталационни файлове за различни платформи на своята GitHub страница. За да знаете точно как можете да инсталирате Hugo за да използвате, прочетете инструкциите за инсталиране на Hugo.

Ако използвате Homebrew, тогава Hugo и всички зависимости могат да бъдат инсталирани с: brew install hugo

начална страница

10. Брънч

Брънчът се насочва към HTML5 уеб приложения, а не към блогове и уебсайтове, но все още е много лесен за използване и бърз статичен генератор на сайтове. Той не само компилира целия код и скриптове, но и може да свие (да намали) кода и автоматично да компресира изображенията. Брънчът има цял набор от плъгини, които можете да използвате, за да го персонализирате според вашите нужди. Пълният списък на плъгините на Brunch можете да намерите тук.

Брънчът предлага „скелети“, които са основно бойлери за стартиране на вашия уебсайт (или уеб приложение). Той предлага една от най-бързите компилационни скорости, просто защото Brunch кешира всички непроменени части на вашия проект и компилира само онези файлове, които са ревизирани. Брънчът е изграден на Node.js и може да бъде инсталиран с npm: npm install -g brunch

начална страница

Имате ли предложения за тази статия? Оставете го в коментарите!

Top