Spinto – twórca stron internetowych, które mogą polubić zarówno początkującym, jak i programistom

Reklama

Ach, radość z tworzenia nowej strony! Poważnie, jedną z największych zalet sieci jest łatwość rozpoczęcia czegoś nowego. Istnieje wiele narzędzi umożliwiających użytkownikom łatwe tworzenie własnych stron internetowych, takich jak: Sidengo Jak zbudować własną stronę internetową w kilka minut bez żadnych umiejętności kodowania?Wraz z rozwojem sieci WWW, i to oszałamiająco szybko, potrzeba obecności w sieci staje się coraz bardziej nagląca. W wielu częściach świata po prostu musisz mieć obecność w sieci, aby... Czytaj więcej oraz Wix Jak stworzyć profesjonalnie wyglądającą witrynę Flash za darmo? Czytaj więcej (który, nawiasem mówiąc, nie wymaga już Flasha). Wiele z tych narzędzi jest skierowanych do nowych użytkowników tworzących swoje pierwsze strony internetowe. Spinto to nowa usługa, która próbuje z innego punktu widzenia.

Jest przyjazny dla programistów, obsługuje Git i SSH i jest oparty na Jekyll, statyczny generator stron internetowych, który uwielbiają koderzy Ruby. Robiąc to wszystko, Spinto stara się również być atrakcyjnym dla nowszych użytkowników – można więc powiedzieć, że jest to usługa, która zasadniczo stara się zadowolić wszystkich.

Spinto jest obecnie w fazie beta i można z niego swobodnie korzystać, ale nawet po rozpoczęciu pobierania opłat twierdzą, że łatwo będzie wyeksportować witrynę i przenieść ją w inne miejsce, jeśli nie chcesz im płacić.

Wstawanie i bieganie

Po zalogowaniu się do Spinto za pomocą swojego konta Google, pierwszą rzeczą, którą chce wiedzieć, jest to, czy jesteś „osobą techniczną”. Zakładając, że tak, prawdopodobnie wiesz, czym jest Git i masz publiczny klucz SSH. Rzeczywiście mam publiczny klucz SSH, który wkleiłem w to pole tekstowe. Ale Spinto nie sprawi ci żadnego zmartwienia, jeśli nie masz takiego klucza, co jest miłe.

Następnie nadszedł czas na stworzenie naszej pierwszej strony internetowej:

Spinto pozwala również stworzyć stronę internetową za pomocą Projekt lub Szkielet Frameworki CSS lub pusta strona internetowa bez żadnego kodu. Ponieważ chcę tylko kopać opony tutaj, poszedłem z Przykładowa restauracja Strona internetowa.

Wizualna edycja witryny

Witryna jest tworzona natychmiast i można do niej natychmiast uzyskać dostęp. Powyżej możesz zobaczyć interfejs sieciowy edytora Spinto. Na prawym pasku bocznym Spinto wyświetla adres URL Git potrzebny do sprawdzania źródeł witryn, a także informacji o witrynie i współpracowników. Po lewej stronie możesz zobaczyć strony i wpisy na blogu.

Edytujmy Witamy strona:

Och, edytor wizualny! Całkiem schludny dla użytkowników nietechnicznych. Należy jednak pamiętać, że pomimo imponującego chromowania możliwości edytora są ograniczone. Nie mogłem przesuwać obrazów, przeciągając je. Edytor ułatwił zmianę tekstu, a także zastępowanie obrazów. To miłe, ponieważ oznacza to, że możesz mieć nietechnicznego użytkownika do edycji tekstu na stronie, podczas gdy bardziej doświadczony programista robi CSS.

Interfejs sieciowy Spinto umożliwia również bezpośrednią edycję HTML, ale jeśli jesteś programistą, myślę, że szanse na ręczną edycję HTML w przeglądarce są bardzo małe.

Praca z Git i edycja lokalna

Spójrzmy teraz na Spinto z perspektywy doświadczonego programisty. Usługa bardzo ułatwia sklonowanie Twojej witryny i pracę nad nią w zaciszu własnej maszyny dzięki Git. Powyższy wiersz poleceń Git jest pobierany bezpośrednio z dokumentacji Spinto i zasadniczo pobiera twoją witrynę Spinto do pracy. Wewnątrz wygląda to tak:

Plik README jasno pokazuje, że pracujemy z czymś opartym na Jekyll i na Bootstrap framework (stworzony przez Twittera). Teraz odpalmy gVim i edytujmy kilka plików:

Wewnątrz widzimy całkiem waniliowy HTML. Zwróć uwagę na cztery górne linie określające tytuł i układ Jekyll. Innym interesującym aspektem jest to, że arkusze stylów nie są w CSS – są napisane w LESS:

Ułatwia to zmianę kolorów, ponieważ LESS obsługuje zmienne. Tylko dla cholery zmieniłem kolor tła ciała na różowy. Teraz nadszedł czas na zatwierdzenie i wypchnięcie zmian, aby zobaczyć je na stronie:

Przejdźmy teraz na stronę Spinto:

Rzeczywiście, to jest przerażająco różowe. Całkiem proste rzeczy! Jest też klejnot Ruby do lokalnego podglądu zmian, więc nie musisz ciągle pchać do repozytorium Git za każdym razem, gdy chcesz zobaczyć swoje zmiany w przeglądarce.

Końcowe przemyślenia

Spinto to odważna i innowacyjna próba stworzenia systemu, który spodoba się zarówno początkującym, jak i doświadczonym programistom. Jeśli pracujesz nad stroną internetową sam, nie mogę wymyślić przekonującego powodu, aby używać Spinto zamiast samego Jekylla (lub PieCrust i wiele innych generatorów statycznych stron internetowych). Ale jeśli musisz współpracować z innymi, zwłaszcza użytkownikami, którym zależy na treści tekstowej i obrazach, ale nie mogą tak naprawdę pomóc w CSS, Spinto oferuje kilka interesujących korzyści.

Daj nam znać, co myślisz o tym w komentarzach i czy wolisz ten lub podobny generator witryn.