Spinto - Δημιουργός ιστότοπου Και οι νέοι και οι προγραμματιστές μπορούν να συμπαθούν

Διαφήμιση

Αχ, η χαρά της δημιουργίας μιας νέας ιστοσελίδας! Σοβαρά, ένα από τα μεγαλύτερα πράγματα για τον ιστό είναι πόσο εύκολο είναι να ξεκινήσετε κάτι νέο. Υπάρχουν πολλά εργαλεία που επιτρέπουν στους χρήστες να δημιουργήσουν εύκολα τους δικούς τους ιστοτόπους, όπως το Sidengo Πώς να φτιάξετε τη δική σας ιστοσελίδα σε λίγα λεπτά χωρίς οποιεσδήποτε δεξιότητες κωδικοποίησης Πώς να φτιάξετε τη δική σας ιστοσελίδα σε πρακτικά χωρίς οποιεσδήποτε κωδικοποιητικές δεξιότητες Καθώς ο Ιστός αναπτύσσεται και το κάνει τόσο εκθαμβωτικά γρήγορα, η ανάγκη για διαδικτυακή παρουσία γίνεται όλο και πιεστικότερη. Σε πολλά μέρη του κόσμου, απλά πρέπει να έχετε μια παρουσία στο διαδίκτυο, προκειμένου να ... Διαβάστε περισσότερα και Wix Πώς να δημιουργήσετε μια επαγγελματική εμφάνιση Flash Website για δωρεάν Πώς να δημιουργήσετε μια επαγγελματική Φιλοξενία Flash Website δωρεάν Διαβάστε περισσότερα (τα οποία, παρεμπιπτόντως, δεν απαιτεί πλέον Flash). Πολλά από αυτά τα εργαλεία έχουν ως στόχο τους νέους χρήστες να δημιουργούν τους πρώτους ιστοτόπους τους. Το Spinto είναι μια νέα υπηρεσία που δοκιμάζει μια διαφορετική γωνία.

Είναι φιλικό προς τον προγραμματιστή, με υποστήριξη για το Git και SSH, και βασίζεται στον Jekyll, ένα στατικό γεννήτορα ιστοσελίδων Ruby coders αγάπη. Ενώ κάνουμε όλα αυτά, ο Spinto προσπαθεί επίσης να παραμείνει ελκυστικός στους νεότερους χρήστες - έτσι θα μπορούσατε να πείτε ότι πρόκειται για μια υπηρεσία που βασικά προσπαθεί να κρατήσει όλους ευτυχισμένους.

Το Spinto είναι προς το παρόν σε έκδοση beta και μπορεί να χρησιμοποιηθεί ελεύθερα, αλλά ακόμα και όταν αρχίσει να χρεώνει, λένε ότι θα είναι εύκολο να εξαγάγετε τον ιστότοπό σας και να το πάρετε αλλού, αν δεν θέλετε να τον πληρώσετε.

Να πάρει και να τρέχει

Αφού συνδεθείτε στο Spinto με το λογαριασμό σας στο Google, το πρώτο πράγμα που θέλει να μάθει η υπηρεσία είναι εάν είστε ή δεν είστε τεχνολόγος. Υποθέτοντας ότι είστε, πιθανόν να ξέρετε τι είναι το Git και να έχετε ένα δημόσιο κλειδί SSH. Έχω πράγματι ένα δημόσιο κλειδί SSH, το οποίο επικολλήθηκα σε αυτό το πλαίσιο κειμένου. Αλλά ο Spinto δεν θα σας δώσει οποιαδήποτε θλίψη αν δεν έχετε ένα τέτοιο κλειδί, το οποίο είναι ωραίο.

Στη συνέχεια, ήρθε η ώρα να δημιουργήσετε τον πρώτο μας ιστότοπο:

Το Spinto σας επιτρέπει επίσης να δημιουργήσετε έναν ιστότοπο με τα πλαίσια CSS Blueprint ή Skeleton ή έναν κενό ιστότοπο που δεν περιέχει καθόλου κώδικα. Επειδή θέλω μόνο να κλωτσήσω τα ελαστικά εδώ, πήγα με την ιστοσελίδα του Restaurant Restaurant .

Επεξεργασία του ιστοτόπου σας οπτικά

Ο ιστότοπος δημιουργείται αμέσως και είναι άμεσα προσβάσιμος. Πάνω μπορείτε να δείτε τη διεπαφή ιστού του εκδότη του Spinto. Στη δεξιά πλευρά της σελίδας, ο Spinto παραθέτει τη διεύθυνση URL Git που χρειάζεστε για τον έλεγχο των πηγών ιστότοπου, καθώς και των πληροφοριών ιστότοπου και των συνεργατών. Αριστερά μπορείτε να δείτε τις σελίδες και τις αναρτήσεις ιστολογίου.

Ας επεξεργαστούμε τη σελίδα υποδοχής :

Ooh, ένας εικαστικός συντάκτης! Πολύ καθαρό για μη τεχνικούς χρήστες. Αλλά σημειώστε ότι για όλες τις εντυπωσιακές χρωμίες, οι δυνατότητες του συντάκτη είναι περιορισμένες. Δεν μπόρεσα να μεταφέρω εικόνες γύρω από το σέρνεται. Ο επεξεργαστής το έκανε εύκολο να αλλάξει κείμενο, αλλά και να αντικαταστήσει εικόνες. Αυτό είναι ωραίο, επειδή σημαίνει ότι μπορείτε να έχετε έναν μη τεχνικό χρήστη να επεξεργαστείτε το κείμενο για τον ιστότοπο, ενώ ένας πιο έμπειρος προγραμματιστής κάνει το CSS.

Η διεπαφή ιστού του Spinto σας επιτρέπει επίσης να επεξεργαστείτε το HTML απευθείας, αλλά αν είστε προγραμματιστής, νομίζω ότι οι πιθανότητες να επεξεργαστείτε με μη αυτόματο τρόπο την HTML στο πρόγραμμα περιήγησης είναι πολύ περιορισμένες.

Εργασία με Git & τοπική επεξεργασία

Ας δούμε τώρα τον Spinto από την προοπτική ενός έμπειρου προγραμματιστή. Η υπηρεσία καθιστά πολύ εύκολη την κλωνοποίηση του ιστότοπού σας και την εργασία σε αυτό από την άνεση του δικού σας μηχανήματος με το Git. Η γραμμή εντολών Git παραπάνω ανυψώνεται απευθείας από την τεκμηρίωση του Spinto και ουσιαστικά κατεβάζει τον ιστότοπό σας Spinto για εργασία. Στο εσωτερικό, μοιάζει με αυτό:

Το αρχείο README καθιστά σαφές ότι εργαζόμαστε με κάτι που βασίζεται στον Jekyll και στο πλαίσιο Bootstrap (δημιουργήθηκε από το Twitter). Τώρα ας πυροβολήσουμε το gVim και να επεξεργαστούμε ορισμένα αρχεία:

Στο εσωτερικό βλέπουμε αρκετά βανίλια HTML. Σημειώστε τις τέσσερις κορυφαίες γραμμές που ορίζουν τον τίτλο και τη διάταξη για τον Jekyll. Μια άλλη ενδιαφέρουσα πτυχή είναι ότι τα φύλλα στυλ δεν είναι σε CSS - είναι γραμμένα σε λιγότερο:

Αυτό διευκολύνει την αλλαγή των χρωμάτων, καθώς υποστηρίζει λιγότερο τις μεταβλητές. Ακριβώς για το καλό του, άλλαξα το χρώμα φόντου του σώματος σε ροζ. Τώρα είναι καιρός να δεσμευτούν και να ωθήσουν τις αλλαγές για να τις δουν στην ιστοσελίδα:

Τώρα, ας πάμε στην ιστοσελίδα του Spinto:

Πράγματι, αυτό είναι αποτρόπαια ροζ. Πολύ εύκολο! Υπάρχει επίσης ένα Ruby gem για προεπισκόπηση των αλλαγών σε τοπικό επίπεδο, οπότε δεν χρειάζεται να συνεχίζετε να πιέζετε το Git repo κάθε φορά που θέλετε να δείτε τις αλλαγές στο πρόγραμμα περιήγησης.

Τελικές σκέψεις

Το Spinto είναι μια γενναία και καινοτόμος προσπάθεια να δημιουργηθεί ένα σύστημα που να απευθύνεται τόσο σε αρχάριους όσο και σε έμπειρους προγραμματιστές. Εάν εργάζεστε σε έναν ιστότοπο μόνος σας, δεν μπορώ πραγματικά να σκεφτώ έναν επιτακτικό λόγο να χρησιμοποιήσω το Spinto αντί του ίδιου του Jekyll (ή του PieCrust και των πολλών άλλων στατικών γεννητριών ιστότοπων). Αλλά αν χρειάζεται να συνεργαστείτε με άλλους, ειδικά χρήστες που ενδιαφέρονται βαθιά για το περιεχόμενο και τις εικόνες του κειμένου, αλλά δεν μπορούν πραγματικά να βοηθήσουν με το CSS, το Spinto προσφέρει μερικά ενδιαφέροντα οφέλη.

Ενημερώστε μας τι σκέφτεστε στα σχόλια και αν προτιμάτε αυτή ή μια παρόμοια γεννήτρια ιστοτόπων.