Generator statycznej strony Open Source Vue.js Bezpłatnie: Gridsome

Udostępnij w sieciach społecznościowych:

Gridsome jest darmowy generator statycznych witryn Vue.js możesz użyć. Jest to kolejny fajny generator statyczny, taki jak Gatsby, Jekyll itp. Tutaj pozwala tworzyć i budować witryny gotowe na CDN dla bezgłowego CMS, interfejsów API, plików lokalnych itp. Podobnie jak w przypadku innych statycznych generatorów witryn, można go używać w ta sama droga. Ale aby z tego skorzystać, potrzebujesz trochę wiedzy o Vue.js, HTML i CSS, takich jak języki skryptowe. Jest to również nowość, więc nie ma dostępnych motywów ani przykładowych motywów na początek. Jednak obsługuje import danych z istniejących CMS, takich jak WordPress, Drupal, Sanity.io itp. Po prostu budujesz lokalną stronę internetową, testujesz ją i po prostu wdrażasz.

Na razie obsługuje GitHub Pages, Netlify CMS, aby hostować Twoją stronę za darmo. Musisz tylko podać komendy kompilacji, a następnie łatwo serwerować stronę statyczną. Vue.js jest topową strukturą JavaScript, a jeśli znasz Vue, możesz w nim tworzyć statyczne strony, a Gridsome tutaj ci pomoże. Działa z Node.js i rozwiązaniami zależności wiersza poleceń, takimi jak npm lub przędza. Istnieją bardzo proste polecenia, aby utworzyć nowy projekt, zbudować go i wreszcie go obsłużyć.

Generator statycznej strony Open Source Vue.js Darmowy Gridsome

Skorzystaj z Gridsome, aby wygenerować stronę statyczną:

Z definicji na swoich głównych stronach internetowych, Gridsome ma być platformą opartą na otwartym kodzie Vue.js do tworzenia stron internetowych i aplikacji, które są szybkie domyślnie. Istnieje kilka funkcji korzystania z tego statycznego generatora strony i są to:

  • Użyj Vue.js dla frontendu, który jest prosty i szybki.
  • Pozwala zobaczyć zmiany kodu w czasie rzeczywistym.
  • Dynamiczne trasowanie na podstawie plików i stron.
  • Wygenerowana witryna może być łatwo hostowana na CDN lub statycznym hoście internetowym, takim jak Netlify.
  • Obsługa GraphQL.
  • Zwiększa ultra wydajność dzięki automatycznemu podziałowi od.
  • Jest to rozszerzalna struktura. Możesz dodatkowo ulepszyć funkcjonalność witryny, dodając obsługę usług podobnych do Google Analytics za pomocą wtyczek.

Jeśli znasz statyczną konfigurację witryny, możesz z łatwością jej używać. Musisz tylko mieć wiedzę o Vue.js, aby zacząć. Więc po prostu uruchom terminal po upewnieniu się, że masz najnowszą wersję Node.js i przędza jest skonfigurowana. Wystarczy uruchomić następujące polecenie, aby zainstalować Gridsome.

npm install --global @gridsome/cli

zainstaluj gridsome

Teraz, po zainstalowaniu, możesz po prostu utworzyć nowy projekt i uruchomić go lokalnie. Tworzy serwer WWW na porcie 8080. Możesz uruchomić następujące polecenia i zobaczyć, jak wygląda podstawowy szablon.

Zobacz:   Narzędzie prezentacji open source do publikowania prezentacji jako samodzielnej aplikacji

gridsome create ProjectName
cd ProjectName
gridsome develop

gridsome run stwórz projekt

Jeśli powyższe polecenie tworzenia nie powiedzie się, możesz cd do folderu projektu i ręcznie uruchomić „instalację przędzy”. A następnie skompiluj projekt, aby wygenerował pliki witryny w folderze „dist”.

Na powyższym zrzucie ekranu możesz zobaczyć zasoby kompilacji. Aby zobaczyć ostateczną stronę internetową, wystarczy otworzyć plik indeksu w przeglądarce i wyświetlić stronę.

Kruche budowanie aktywów

Możesz nawet zdecydować się na wdrożenie swojej witryny na Netlify, podobnie jak CMS. W tym celu wystarczy umieścić pliki projektu w repozytorium Git, a następnie połączyć je z kontem Netlify. Wybierz repozytorium git, w którym znajduje się projekt, a następnie określ polecenie kompilacji jako „gridsome buid„. Podaj także „dist” jako katalog do strony internetowej serwera. Poczekaj, aż zbuduje stronę internetową, a następnie uzyskaj dostęp do losowej domeny, którą dla Ciebie tworzy.

wdrożenie netlify gridsome

Możesz zobaczyć powyżej przykładowej strony statycznej opartej na Vue.js. Jeśli jesteś programistą, możesz przyjrzeć się bliżej dokumentom i przeczytać więcej specyfikacji na ten temat. Możesz przeczytać o tym wszystkim i zobaczyć kilka zaawansowanych rzeczy. W zaawansowanych zagadnieniach można zobaczyć różne dostępne dla niego wtyczki oraz przewodnik, w jaki sposób tworzyć dla niego treści.

Zamykanie myśli

Witryny statyczne są obecnie popularne z wielu powodów. Małe blogi i wiadomości, takie jak strony internetowe, są idealnymi przypadkami użycia statycznych witryn. Jeśli jesteś programistą i znasz Vue, spodoba ci się Gridsome. Są na razie problemy, takie jak to, że nie działało w systemie Windows w moim przypadku, ale takie rzeczy zostaną rozwiązane, ponieważ jest w trakcie aktywnego rozwoju. Omówiliśmy generatory statycznych witryn dla WordPress, takie jak Hugo, a teraz jest jeszcze jeden na liście. Jeśli szukasz generatora strony statycznej opartej na Vue, spróbuj Gridsome i daj mi znać, co myślisz.

Komentarze Facebook