Gadgetshowto
Istnieje wiele powodów, dla których ktoś miałby używać statycznego generatora witryn w swojej witrynie. Witryny statyczne są łatwiejsze w utrzymaniu (brak baz danych, skryptów po stronie serwera) i są bezpieczniejsze, biorąc pod uwagę fakt, że użytkownikom obsługiwane są tylko pliki HTML, CSS i Javascript. Chociaż możesz bezpośrednio napisać kod w HTML, aby utworzyć witrynę statyczną, proces ten może być nieco żmudny, ponieważ w grę wchodzą generatory witryn statycznych. Statyczne generatory witryn konwertują (lub kompilują) kilka różnych plików zasobów w jedną witrynę internetową, co oznacza, że zawartość może być oddzielona od kodu układu, a wszelkie zasoby witryny, takie jak obrazy, można również oddzielić. Tak więc, jeśli szukałeś dobrego generatora statycznych witryn dla swojej witryny, oto 12 najlepszych generatorów witryn statycznych, których możesz użyć w 2020 roku.
Najlepsze generatory witryn statycznych w 2020 r
Jeśli chcesz zbudować pełnoprawną witrynę internetową, która oferuje funkcje takie jak blogowanie, handel elektroniczny i inne, przeczytaj nasz artykuł o alternatywach Squarespace, klikając łącze. Z drugiej strony, nasza kolekcja najlepszych witryn z portfolio to miejsce dla przyszłych projektantów i artystów. Mając to na uwadze, przejdźmy do listy.
1. Jekyll
Niewątpliwie król statycznych generatorów witryn, Jekyll jest najczęściej używanym generatorem witryn statycznych, ponieważ oferuje najlepszą dokumentację, największą społeczność i najlepsze wsparcie.. Jekyll szczyci się tym, że jest świadomy blogów, w wyniku czego tworzenie statycznego bloga na Jekyll jest naprawdę łatwe, wymagające tylko podstaw tworzenia stron internetowych. Naprawdę błyszczy, dzięki łatwym funkcjom konfiguracji dla początkujących, a jednocześnie ma naprawdę potężne funkcje dla tych, którzy wiedzą, jak ich używać.
Jekyll pozwala tworzyć i używać różnych wtyczek, tagów, 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 Jekyll, podobnie jak większości innych, jest Markdown. Jekyll ma wtyczki do kompilowania Less, Stylus, generowania chmur tagów, stron użytkowników dla blogów i wiele więcej.
Jekyll jest oparty na silniku Liquid Template Engine firmy Shopify. Działa całkowicie na Rubim, więc można go łatwo zainstalować wraz z zależnościami za pomocą rvm lub przy użyciu bundlera. Jekyll ma również łatwe opcje migracji, jeśli chcesz przeprowadzić migrację z WordPress, Bloggera lub jakiejkolwiek innej witryny do blogowania. Pokonuje wszystkie inne statyczne generatory witryn, bez wątpienia pod względem wielkości użytkownika, a najlepsze jest to, że jest w trakcie aktywnego rozwoju.
Aby zainstalować Jekyll, po prostu wprowadź to polecenie w Rubim: gem zainstalować jekyll
Odwiedź Jekyll
2. Hexo
Hexo to lekka platforma statycznego bloga, która szczyci się niesamowitą szybkością generowania witryn. Hexo jest świetne dla blogerów z dużą ilością treści, którzy chcą prostego generatora statycznych witryn. Oferuje łatwe opcje migracji z innych platform blogowych, takich jak WordPress, Joomla, Jekyll, Octopress i RSS.
Jedną ze wspaniałych rzeczy w Hexo jest to, że możesz używać większości wtyczek stworzonych dla Octopress, a co za tym idzie, wtyczek stworzonych dla Jekyll z bardzo drobnymi modyfikacjami.
Hexo obsługuje Markdown, YAML w kwestiach frontowych i konfiguracji. Trzymając się swojej szybkości, Hexo umożliwia wdrażanie w witrynach takich jak GitHub, Heroku i Rsync za pomocą tylko jednego polecenia.
Aby zainstalować Hexo za pomocą Node.js, wystarczy wpisać to polecenie: npm install hexo-cli -g
Odwiedź Hexo
3. Pelikan
Pelikan to statyczny generator stron zbudowany w Pythonie. Zawiera wielojęzyczne publikowanie treści, podświetlanie kodu (składni), a także łatwe generowanie kanałów RSS i Atom. Pelican ma duży wybór wtyczek, z których wszystkie są hostowane w centralnym repozytorium GitHub. Domyślnie obsługuje 3 formaty dokumentów: Markdown, reStructuredText i Ascii Doc.
Pelikan jest dość wyjątkowy, ponieważ jest oparty na języku Python. Obsługuje potężny silnik szablonów Jinja, który jest oparty na języku Python łatwe tworzenie pięknych motywów i szablonów dla Pelikana. Jeśli chodzi o obsługę 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ń.
Usługa otrzymała niedawno aktualizację, która wprowadziła szereg ulepszeń, poprawek i usprawnień w celu poprawy wydajności. Najnowsza aktualizacja obejmuje między innymi ulepszone zachowanie kopiowania / łącza dla dużych plików statycznych, nową statyczną składnię łącza do zawartości statycznej, nowy status wersji roboczej dla stron i ulepszenia importera..
Możesz zainstalować Pelikana za pomocą pip i wpisując następujące polecenie: pip install pelican
Odwiedź Pelican
4. Gatsby
Gatsby to kolejna świetna opcja, do której możesz się wybrać, a która, podobnie jak Hexo, jest obsługiwana przez Node.js, co czyni ją dość wygodną dla doświadczonych programistów JavaScript. Usługa korzysta z React, co oznacza, że wszystko jest zbudowane z komponentów, co pozwala mu skorzystać z podejścia Reacta do renderowania DOM.
Usługa korzysta również z GraphQL w czasie kompilacji do pobierania danych i treści ze źródeł, zapewniając jej nowoczesny i spójny interfejs, który zapewnia, że każda strona otrzymuje dokładne dane potrzebne podczas tworzenia. Warto również zauważyć, że Gatsby tworzy strony jako progresywne aplikacje jednostronicowe, co oznacza, że cała witryna statyczna jest pobierana i można ją natychmiast przeglądać.
Gatsby może być łatwo odebrany przez programistów, którzy wcześniej pracowali z Reactem, ale jeśli nie pracowałeś z Reactem, zanim krzywa uczenia się może okazać się nieco stroma.
Możesz łatwo zainstalować Gatsby za pomocą narzędzia wiersza poleceń Gatsby i następującego polecenia: npm install -global gatsby-cli
Odwiedź Gatsby
5. Pośrednik
Pośrednik to Generator statycznej strony oparty na Ruby co jest zgodne z prostym podejściem do tworzenia witryn statycznych. Posiada zaawansowane funkcje do utrzymywania statycznych blogów, takie jak łatwe generowanie tagów, szybkie polecenia do wyświetlania skategoryzowanych artykułów i stronicowania.
Middleman oferuje wsparcie dla większości nowoczesne narzędzia do tworzenia stron internetowych, takie jak HAML, Coffeescript, Sass i inne. Jego domyślnym silnikiem szablonów jest eRb, ale umożliwia przełączenie na wybrany przez Ciebie silnik szablonów niestandardowych. Wszystkie silniki szablonów z obsługą Tilt (pełną listę można znaleźć tutaj) działają na Middleman.
Natywnie obsługuje 2 formaty konfiguracji - YAML, JSON. Frontmatter dla Twojej treści musi być również w formacie YAML lub JSON, w zależności od używanego formatu konfiguracji. Ponadto Middleman nie oferuje żadnego wsparcia migracji, więc jeśli chcesz, aby istniejący blog był statyczny, Middleman może nie być na razie najlepszym pomysłem.
Możesz zainstalować Middleman za pomocą Rubiego za pomocą tego polecenia: gem zainstalować pośrednika
Odwiedź Middleman
6. Metalsmith
Metalsmith jest również dobrą opcją, jeśli szukasz statycznego generatora witryn opartego na wtyczkach. Usługa jest dumna z tego, że jest 'niezwykle prosty, wtykowy generator statyczny witryny ' co pozwala użytkownikom dodawać wtyczki do praktycznie każdej funkcji, której potrzebują. Sama liczba wtyczek oferowanych przez Metalsmith pokonuje prawie każdego konkurenta, co daje mu wszechstronność bycia czymś więcej niż zwykłym statycznym generatorem witryn.
Własnymi słowami, „Ponieważ wszystko jest wtyczką, podstawowa biblioteka jest w rzeczywistości tylko abstrakcją do manipulowania katalogiem plików”. To, do czego ostatecznie się dodaje, to to, że możesz używać Metalsmith równie łatwo jak projektanta rusztowania, generatora ebooków, narzędzia do budowania i wielu innych..
Metalsmith jest również oparty na Node.js i można go zainstalować za pomocą menedżera pakietów węzłów za pomocą tego polecenia: $ npm zainstaluj kowal
Odwiedź Metalsmith
7. Hugo
Kolejny świetny generator statycznych witryn ogólnego przeznaczenia, Hugo ma kilka przyzwoitych wszechstronnych funkcji, takich jak obsługa szablonów i części składowych, paginacja i „taksonomie” który jest w zasadzie unikalnym systemem kategoryzacji treści. Pozwoli to na łatwe klasyfikowanie postów na podstawie nie tylko tagów, ale także w dowolny inny sposób, na przykład kategorie lub serie, bezpośrednio z frontmaterii.
Przyjeżdża Hugo obsługa trzech typów plików danych - YAML, JSON i TOML - dając użytkownikom swobodę wyboru tego, co najbardziej im odpowiada. Zamiast wtyczek Hugo używa `` skrótów '', które pozwolą Ci korzystać z bogatej zawartości w pliku Markdown.
Hugo jest napisane w języku programowania Go i oferuje osobne pliki instalacyjne dla różnych platform na swojej stronie GitHub. Możesz postępować zgodnie z tymi instrukcjami instalacji, aby zainstalować Hugo na swoim urządzeniu.
W przypadku korzystania z Homebrew, Hugo i wszystkie zależności można zainstalować za pomocą: napar zainstalować hugo
Odwiedź Hugo
8. Octopress
Octopress to zasadniczo zmodyfikowany widelec Jekyll, ale ze względu na jego popularność umieściliśmy go na tej liście. Plik usługa to w zasadzie Jekyll dla hakerów (i programistów railsów) i może być użyty do łatwego zbudowania bloga, ponieważ jest dostarczany z wieloma wtyczkami domyślnie.
W celu dostosowania, kod Octopress ułatwia użytkownikom modyfikowanie kodu i pisanie własnego kodu. Naprawdę świetne jest to, że wiele wtyczek do Octopress jest kompatybilnych z Jekyll (i odwrotnie), więc możesz wypróbować obie usługi bez martwienia się o problemy ze zgodnością.
Proces instalacji Octopress może być jednak nieco skomplikowany dla początkujących, ale możesz zrobić to samo, wykonując następujące kroki:
- Sklonuj repozytorium GitHub
- git clone
- git: //github.com/imathis/octopress.get
- ośmiornica
- cd octopress
- Zainstaluj zależności
- gem install bundler
- rbenv rehash; # Jeśli używasz rbenv, przeprowadź ponownie haszowanie, aby móc uruchomić komendę bundle
- instalacja pakietu
- Zainstaluj domyślny motyw Octopress
- rake install
Odwiedź Octopress
9. Docpad
Docpad to dynamiczny generator statycznych witryn, który rozszerza możliwości normalnych generatorów statycznych witryn, oferuje funkcje, takie jak zapytania do baz danych za pośrednictwem unikalnego silnika zapytań, importowanie stron z zewnętrznych baz danych i ponowne renderowanie strony internetowej na każde żądanie.
Docpad ma natywne pliki swsparcie 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, dzięki czemu możesz wybrać dowolne kombinacje, używając niezbędnej wtyczki. Docpad obsługuje również importowanie stron ze źródeł zewnętrznych, takich jak Tumblr, GitHub i Dropbox, za pośrednictwem wtyczek.
Docpad to bogata w funkcje platforma, z wieloma wtyczkami i świetną dokumentacją, oparta na Node.js do interakcji z serwerem.
Aby zainstalować Docpad, użyj następującego polecenia przy użyciu npm: npm install -g npm; npm install -g [email protected]
Odwiedź Docpad
10. Harfa
Harp to kolejny świetny generator statycznych witryn, który zawiera wbudowane przetwarzanie wstępne dla Jade, Markdown, LESS, Sass, Coffeescript, EjS i Stylus bez dodatkowej konfiguracji. Usługa umożliwia korzystanie z układów / częściowego paradygmatu z Jade i EjS, które wymagają specjalnych wtyczek w innych statycznych generatorach witryn.
Harp jest również oparty na Node.js i może współpracować z platformami Harp, które umożliwiają tworzenie stron internetowych z folderu Dropbox. Usługa może również kompilować strony do użytku na stronach GitHub, PhoneGap i Heroku.
Aby zainstalować Harpę, użyj npm i uruchom następującą komendę: sudo npm install -g harfa
Odwiedź Harpę
11. NUXT
Oparty na zaawansowanej architekturze modułowej, Nuxt jest jednym z najlepszych generatorów statycznych witryn. Pakowane z ponad 50 modułów, jest w pełni wyposażony, aby przyspieszyć Twój rozwój. Inną godną uwagi cechą tego statycznego generatora witryn jest to, że idealnie optymalizuje on aplikację, aby mogła płynnie działać na różnych platformach. Wyposażony analizator pakietów, zapewnia, że jesteś w stanie dostroić swoją aplikację, pozbywając się wszystkich błędów.
Ale to, co daje Nuxt.js przewagę nad wieloma innymi rywalami, to możliwość wygeneruj statyczną stronę internetową zgodnie z aplikacją Vue. W rezultacie nie będziesz potrzebować samodzielnego serwera, ale będziesz mógł czerpać korzyści z SEO, ponieważ Nuxt nie tylko wstępnie renderuje wszystkie strony, ale także składa się z niezbędnego HTML. Co więcej, pozwala również z łatwością wdrożyć wynikową stronę na stronach Netlify lub GitHub. Jeśli chodzi o instalację, jest to dość oczywiste dzięki narzędzie do rusztowania. Ale żeby to zrobić, będziesz musiał mieć zainstalowany npx (jest domyślnie dostępny od NPM 5.2.0).
Aby zainstalować NUXT, upewnij się, że masz zainstalowany NPX, a następnie uruchom następujące polecenie: $ npx create-nuxt-app
Odwiedź NUXT JS
12. MkDocs
Jeśli Twoje potrzeby wymagają prostego generatora statycznej witryny, MkDocs może być właściwą odpowiedzią na Twoje potrzeby. Dzięki łatwym w użyciu narzędziom sprawia, że dokumentacja projektowa jest bezproblemowa. Ponieważ pliki źródłowe dokumentacji są napisane w Markdown i skonfigurowane za pomocą pojedynczego pliku konfiguracyjnego YAML, możesz z łatwością nimi zarządzać. Mimo wszystko, MkDocs sprosta zadaniu, jeśli chodzi o wydajność. Możesz go użyć do budować całkowicie statyczne strony HTML, które mogą być hostowane na Amazon S3, GitHub, i na innych platformach.
Jedną z moich ulubionych funkcji MkDocs jest solidna kolekcja motywów. W zależności od potrzeb możesz wybieraj spośród wbudowanych motywów i motywów innych firm co może nadać pożądany wygląd Twojej dokumentacji. Mając pod ręką poręczny wbudowany serwer, możesz łatwo przejrzeć swoją dokumentację. Jeśli chodzi o instalację, jest to dość proste. Ale upewnij się, że masz w systemie zainstalowany Python i menedżer Pythona Pip.
Zainstaluj pakiet mkdocs za pomocą pip: pip install mkdocs
Odwiedź MKDocs
Wypróbuj te statyczne generatory witryn od razu
Cóż, to zaokrągla naszą listę 12 najlepszych generatorów witryn statycznych, które powinieneś wypróbować. Lista składa się z wielu różnych opcji, z których każda oferuje unikalny zestaw funkcji do różnych zastosowań. W zależności od projektu możesz wybrać jeden z wyżej wymienionych generatorów statycznych witryn i błyskawicznie utworzyć statyczną stronę internetową. Masz jakieś sugestie? Daj nam znać w komentarzach poniżej, a odpowiednio zaktualizujemy listę.
