Ostatnio nastąpiło ogromne przesunięcie do statycznych stron internetowych w dziedzinie tworzenia stron internetowych. Statyczne strony są łatwiejsze w utrzymaniu (brak baz danych, brak skryptów po stronie serwera!) I są bardziej bezpieczne, ogólnie biorąc, biorąc pod uwagę, że jedyną rzeczą dostarczaną na urządzenia użytkowników są pliki HTML, CSS i JavaScript. Aby niektóre typy stron internetowych, takich jak blogi i strony z dokumentacją stały się statyczne, samo bezpośrednie pisanie kodu w plikach HTML staje się żmudne. Trudno jest również utrzymywać witryny z dużą zawartością, zwłaszcza gdy trzeba zmienić niektóre małe funkcje (np. Projektowanie).
To tutaj pojawiają się statyczne generatory stron. Statyczne generatory stron zasadniczo konwertują (lub kompilują) kilka różnych plików zasobów w jedną stronę. Oznacza to, że treść może być oddzielona od kodu układu, a zasoby witryny, takie jak obrazy, mogą być całkowicie rozdzielone. Istnieje wiele statycznych generatorów witryn, nawet setki. Oto lista 10 najlepszych statycznych generatorów witryn wraz z ich recenzjami.
Statyczne generatory stron
1. Jekyll
Jednym słowem: Generator Króla Statycznych Stron . Jekyll jest najczęściej używanym generatorem statycznym, z największą dokumentacją, największą społecznością i najlepszym wsparciem. Nawet GitHub oferuje wbudowaną obsługę Jekyll w serwisie GitHub Pages. Jekyll szczyci się tym, że jest świadomy bloga. Tworzenie statycznego bloga na Jekyll jest naprawdę łatwe. Wymaga jedynie znajomości podstawowego rozwoju stron internetowych. To naprawdę świeci, ze względu na łatwe funkcje konfiguracji dla początkujących, a jednocześnie posiadające naprawdę potężne funkcje dla tych, którzy mają wiedzę, aby z nich korzystać.
Jekyll pozwala tworzyć i wykorzystywać różne wtyczki, znaczniki, a nawet tworzyć własne konwertery dla dowolnego języka znaczników, którego chcesz używać z Jekyll. Domyślnym językiem znaczników dla Jekylla - podobnie jak większość innych - jest Markdown. Jekyll ma wtyczki do kompilacji Less, Stylus, generowania chmur tagów, stron użytkowników dla blogów i wielu innych.
Jekyll oparty jest na silniku szablonów płynnych od Shopify. Działa całkowicie na Ruby, więc można go łatwo zainstalować wraz z zależnościami za pomocą rvm lub używając bundler. Jekyll ma również łatwe opcje migracji, jeśli chcesz przenieść się z WordPress, Bloggera lub dowolnej innej witryny do blogowania. Uderza w każdy inny generator statycznych stron, bez względu na wielkość użytkownika. Jest aktywnie rozwijany (ostatnia zmiana repozytorium GitHub nadchodzi dzień temu, w chwili pisania tego tekstu).
Aby zainstalować Jekyll, wpisz to polecenie w Ruby: gem install jekyll
2. Pelikan
Pelikan to statyczny generator witryn zbudowany na Pythonie. Zawiera wielowątkowe publikowanie treści, podświetlanie kodu (składni), a także łatwe generowanie kanałów RSS i Atom. Pelikan ma dobry wybór wtyczek, z których wszystkie są hostowane w centralnym repozytorium GitHub. Obsługuje domyślnie 3 formaty dokumentów: Markdown, reStructuredText i Ascii Doc.
Pelikan jest dość wyjątkowy, ponieważ jest zbudowany na Pythonie. Obsługuje potężny silnik szablonów Jinja, który jest oparty na Pythonie, aby umożliwić łatwe tworzenie pięknych motywów i szablonów dla Pelikana. W zakresie wsparcia migracji, Pelican oferuje wsparcie dla WordPress i Tumblr. Zamiast zwykłych plików YAML do konfiguracji, Pelican używa pliku .py o nazwie pelicanconf.py do konfiguracji i ustawień.
Najłatwiejszym sposobem zainstalowania pelikana jest użycie pip install pelican pip: pip install pelican
3. Middleman
Middleman to zasilany przez Ruby generator stron statycznych, który następuje po łatwym pierwszym podejściu do budowania statycznych stron. Posiada potężne funkcje do utrzymywania statycznych blogów, takie jak łatwe generowanie tagów, szybkie polecenia do wyświetlania artykułów skategoryzowanych i stronicowanie. Middleman nie oferuje żadnej obsługi migracji, więc jeśli chcesz uczynić istniejący blog statycznym, Middleman może nie być teraz najlepszym pomysłem.
Middleman oferuje wsparcie dla większości nowoczesnych narzędzi do tworzenia stron internetowych, takich jak HAML, Coffeescript, Sass i reszta. Jego domyślnym mechanizmem szablonowania jest eRb, ale pozwala on na przełączenie do wybranego niestandardowego silnika szablonów. Wszystkie silniki szablonów z obsługą Tilt (pełna lista znajduje się tutaj) działają na Middleman. Natywnie obsługuje 2 formaty konfiguracji - YAML, JSON. Materiałem frontowym dla treści musi być również YAML lub JSON w zależności od używanego formatu konfiguracji.
Zainstaluj Middleman używając Ruby z: gem install middleman
4. Metalsmith
Metalsmith szczyci się tym, że może być podłączanym statycznym generatorem stron. Oznacza to, że cała logika Metalsmith jest obsługiwana przez wtyczki. Każda wymagana funkcja, wystarczy dodać wymagane wtyczki. Sama liczba wtyczek oferowanych przez Metalsmith bije niemal każdego konkurenta (może poza Jekyll i Docpad). Oznacza to, że Metalsmith może być używany nie tylko jako statyczny generator witryn.
Własnymi słowami "Ponieważ wszystko jest wtyczką, biblioteka rdzenia jest w rzeczywistości tylko abstrakcją do manipulowania katalogiem plików". Ostatecznie dodaje się do tego, że Metalsmith używa się równie łatwo jak rusztowanie projektu, generator ebooków, narzędzie do budowania, tworzenie dokumentacji technicznej i wiele więcej (niektóre przykłady są prezentowane na stronie internetowej Metalsmith).
Metalsmith jest oparty na Node.js i można go zainstalować za pomocą menedżera pakietów węzła za pomocą: $ npm install metalsmith
Homepage 5. Harfa
Harp ma wbudowane przetwarzanie wstępne dla Jade, Markdown, LESS, Sass, Coffeescript, EjS i Stylus bez dodatkowej konfiguracji. Pozwala również na użycie układu / paradygmatu częściowego z Jade i EjS, który wymaga specjalnych wtyczek w innych statycznych generatorach witryn.
Harp jest zbudowany na Node.Js i może współpracować z platformą Harfa, która pozwala tworzyć strony internetowe z folderu Dropbox. Harp może również kompilować strony do użytku na stronach GitHub, PhoneGap i Heroku.
Aby zainstalować Harp, użyj npm i uruchom: sudo npm install -g harp
Strona główna
6. Octopress
Technicznie Octopress jest zmodyfikowanym widelcem Jekyll, ale ze względu na ogromną popularność został zawarty na tej liście. Octopress to w zasadzie Jekyll dla hakerów (i programistów szyn). Dostosowanie Octopress staje się łatwe, szczególnie jeśli tworzysz bloga, ponieważ Octopress domyślnie zawiera wiele wtyczek, których potrzebujesz do prowadzenia bloga na Jekyll.
W części "Dostosowywanie" kod Octopress ułatwia użytkownikom modyfikowanie kodu i zapisywanie własnego kodu. W związku z tym wiele wtyczek do Octopress jest zgodnych z Jekyll (i vice versa).
Aby zainstalować Octopress,
- Sklonuj repozytorium GitHub
git clone git://github.com/imathis/octopress.git octopresscd octopress - Zainstaluj zależności
gem install bundlerrbenv rehash# Jeśli używasz polecenia rbenv, uruchom ponownie, aby móc uruchomić polecenie pakowaniabundle install - Zainstaluj domyślny motyw Octopress
rake install
7. Docpad
Docpad to dynamiczny generator stron statycznych. Rozszerza możliwości normalnych generatorów stron statycznych, takich jak funkcje wyszukiwania w bazie danych za pomocą silnika zapytań, importowania stron z zewnętrznych baz danych i ponownego renderowania strony na każde żądanie.
Docpad ma natywne wsparcie dla preprocesorów, takich jak Coffeescript, Stylus i LESS, i używa wtyczek do obsługi silników szablonów, preprocesorów i języków znaczników, więc możesz wybrać dowolne kombinacje za pomocą niezbędnej wtyczki. Docpad obsługuje również importowanie stron z zewnętrznych źródeł takich jak Tumblr, GitHub i Dropbox przez wtyczki.
Docpad to bogata w funkcje platforma z wieloma wtyczkami i świetną dokumentacją. Jest zbudowany na i używa Node.js do interakcji serwera.
Po prostu zainstaluj Docpad używając npm: npm install -g npm; npm install -g [email protected] npm install -g npm; npm install -g [email protected]
Strona główna
8. Hexo
Hexo to lekki statyczny framework blogowy, który szczyci się szybką generacją szybkiej strony. Hexo jest doskonały dla blogerów z dużą ilością treści, którzy potrzebują prostego statycznego generatora stron. Oferuje łatwe opcje migracji z innych platform blogowych, takich jak WordPress, Joomla, Jekyll, Octopress i RSS. Jedną z najlepszych rzeczy na temat Hexo jest to, że możesz użyć większości wtyczek stworzonych dla Octopress (i przez rozszerzenie, wtyczki do Jekyll z niewielkimi modyfikacjami)
Hexo obsługuje Markdown, YAML dla front materii i konfiguracji. Hexo pozwala na szybkie wdrażanie w witrynach takich jak GitHub, Heroku i Rsync za pomocą tylko jednego polecenia.
Hexo można zainstalować za pomocą Node.js: npm install hexo-cli -g
9. Hugo
Hugo jest generatorem stron statycznych ogólnego przeznaczenia z dobrymi funkcjami wszechstronnymi, takimi jak szablony i częściowe wsparcie, paginacja i "taksonomie", które są w zasadzie unikalnym systemem kategoryzacji treści, a następnie Hugo. Oznacza to, że możesz łatwo klasyfikować posty na podstawie nie tylko tagów, ale także w dowolny inny sposób, np. Kategorie lub serie bezpośrednio z frontmattera. Hugo obsługuje trzy typy plików danych - YAML, JSON i TOML, i pozwala zdecydować, który z nich jest dla Ciebie najbardziej wygodny.
Zamiast wtyczek Hugo używa "shortcodes", które pozwalają na korzystanie z bogatej zawartości w Markdownie. Aby dowiedzieć się, jak to działa, przeczytaj ten artykuł. Hugo jest napisane w języku programowania Go i oferuje osobne pliki instalacyjne dla różnych platform na swojej stronie GitHub. Aby dokładnie wiedzieć, w jaki sposób możesz zainstalować Hugo, użyj instrukcji instalacji dla Hugo.
Jeśli używasz Homebrew, wówczas Hugo i wszystkie zależności można zainstalować za pomocą: brew install hugo
10. Brunch
Brunch opiera się raczej na aplikacjach HTML5 niż na blogach i stronach internetowych, ale wciąż jest bardzo prostym w obsłudze, szybkim statycznym generatorem stron. Nie tylko kompiluje cały twój kod i skrypty, ale może również zmniejszyć (minifikować) kod i automatycznie kompresować obrazy. Brunch zawiera cały szereg wtyczek, których możesz użyć do dostosowania go do swoich potrzeb. Pełną listę wtyczek Brunch można znaleźć tutaj.
Brunch oferuje "szkielety", które są podstawowymi zestawami do uruchomienia twojej strony internetowej (lub aplikacji internetowej). Zapewnia jedną z najszybszych prędkości kompilacji, ponieważ Brunch buforuje wszystkie niezmienione części projektu i kompiluje tylko te pliki, które zostały zmienione. Brunch jest zbudowany na Node.js i może być zainstalowany za pomocą npm: npm install -g brunch
Czy masz jakieś sugestie na temat tego artykułu? Zostaw to w komentarzach!
