Έχετε πιθανώς ακούσει για Φάντασμα , η νέα πλατφόρμα blogging που έχει πάρει το blogging κόσμο από τη θύελλα? είναι απλό, είναι κομψό, είναι σέξι? Έχει αυτό το live-preview πράγμα. Τι δεν θέλει;
Κινούμαι Φάντασμα , όπως πολλοί σχεδιαστές ιστοσελίδων, από φόντο του WordPress. Αλλά προτού μπορέσω να ολοκληρώσω το κεφάλι μου WordPress 'λειτουργίες πρότυπο, είχα δοκιμάσει δεκάδες, ενδεχομένως εκατοντάδες, των επιλογών CMS. Μερικά από τα πιο αξέχαστα περιλαμβάνουν ExpressionEngine , Textpattern , τους κακούς FrogCMS , ένα παλιό, παλιό σενάριο που ονομάζεται CuteNews , και πολλά άλλα.
Για πολύ καιρό η WordPress μου έδωσε ό, τι χρειαζόμουν: ισχυρές λειτουργίες προτύπου. μια ατελείωτη προσφορά plugins. απλά βλέποντας τι θα μπορούσα να κάνω.
Όμως, το WordPress υπήρξε πολύ περισσότερο από μια μηχανή blogging εδώ και αρκετό καιρό. Μετακινείται σταθερά προς τη σφαίρα του πλαισίου με κάποιους τρόπους. Ένα πλαίσιο δημοσίευσης, αν το επιθυμείτε.
Έχω φτάσει στο σημείο όπου θέλω λογισμικό ότι τα blogs, και αυτό είναι. Θέλω να γράψω τις θέσεις μου μέσα Χαμήλωση τιμής , πληκτρολογήστε μερικές λέξεις-κλειδιά, προσθέστε μια εικόνα ή δύο, και χτυπήστε τη δημοσίευση, και στη συνέχεια ξεχάστε το όλο θέμα.
Αποδεικνύεται ότι δεν είμαι μόνος μου στην επιθυμία μου για μια νεκρή απλή πλατφόρμα blogging. Οι δημιουργοί πίσω από το Ghost έχουν προχωρήσει σε μεγάλο βαθμό για να αποσυρθούν όλα τα κομμάτια που προσθέσαμε στη διαδικασία blogging και να χτίσουμε μια απλή, γρήγορη πλατφόρμα δημοσίευσης που θα κάνει τη δουλειά. Είναι ένα διαφορετικό κτήνος.
Λειτουργεί με τη φιλοσοφία ότι ένα CMS για το blogging πρέπει να κάνει ένα πράγμα και το κάνει καλά. Δεν θα δείτε κανένα περιοδικό που θα κυκλοφορήσει σε αυτήν την πλατφόρμα χωρίς μεγάλη προσαρμογή. Είναι ένα blog, και η μετατροπή του σε οτιδήποτε άλλο θα κάπως νικήσει τον σκοπό του.
Τότε, υπάρχει το γεγονός ότι είναι χτισμένο με νέες τεχνολογίες. Το φάντασμα είναι χτισμένο Node.js , η οποία εκτελεί κώδικα JavaScript στον διακομιστή και όχι στο πρόγραμμα περιήγησης. Είναι αγαπημένο από τους ίδιους ανθρώπους που αγαπούν τη φιλοξενία του PaaS και όλα αυτά τα νέα συστήματα που οι άνθρωποι σαν εμένα αγωνίζονται να καταλάβουν. Κατά μία έννοια, έχει αποδειχθεί μελλοντικά από το get-go. Είναι μέρος της πρώτης γενιάς μιας νέας φυλής CMS.
Σας παρακαλώ, από την οπτική του blogger, είναι απλά μια απλή διεπαφή για το blogging. Από την οπτική γωνία του τελικού χρήστη, τίποτα δεν άλλαξε πραγματικά, εκτός ίσως ίσως το προεπιλεγμένο θέμα του blog να φαίνεται λίγο "επίπεδο". Αλλά κάτω από την κουκούλα, βλέπουμε κάτι εντελώς νέο και αυτό είναι καλό.
Εγκαθιστώντας το Ghost ο εύκολος τρόπος.
Συνήθως, θα πρέπει να εγκαταστήσετε ένα στοιχείο ή δύο ξεχωριστά για να εγκαταστήσετε το Ghost και να εκτελείται σε ένα τοπικό μηχάνημα. Θα χρειαστεί να εγκαταστήσετε το Node.js και, στη συνέχεια, θα πρέπει να εισέλθετε και να ξεκινήσετε να εγκαταστήσετε κάποια πακέτα επιπλέον κόμβων με μη αυτόματο τρόπο από τη γραμμή εντολών.
Αυτό είναι σωστό, η τυπική ρύθμιση για το Ghost απαιτεί τη χρήση της γραμμής εντολών. Για ανθρώπους πιο συνηθισμένοι στη διαδικασία "πεντάλεπτης ρύθμισης" του WordPress με βάσεις δεδομένων MySQL και γραφικό εγκαταστάτη, αυτό μπορεί να είναι δυσάρεστο.
Θα μπορούσε να είναι ένας πόνος στο λαιμό αν δεν συνηθίζετε να χρησιμοποιείτε τη γραμμή εντολών σε υπολογιστή Mac ή Linux.
Ευτυχώς, οι ευγενικοί άνθρωποι πάνω Bitnami που έγιναν γραφικά εγκατάστασης για Windows, Mac και Linux.
Ακολουθούν όλα τα βήματα που πρέπει να ακολουθήσετε:
Δεδομένου ότι το πρόγραμμα εγκατάστασης σας παρέχει όλα τα στοιχεία που χρειάζεστε, όπως το Node.js και ένα μίνι-διακομιστή, ο κατάλογος αρχείων δεν είναι ακριβώς απλός.
Θα πρέπει να ανοίξετε όποιο φάκελο εγκαταστήσατε στο Ghost και, στη συνέχεια, να μεταβείτε στις εφαρμογές / ghost / htdocs / . Αυτή είναι η πραγματική εγκατάσταση Ghost.
Τα θέματα βρίσκονται σε εφαρμογές / ghost / htdocs / content / themes / .
Τα θέματα φάντασμα είναι αρκετά εύκολο να γίνει, αρκεί να γνωρίζετε HTML και CSS. Η γνώση προγραμματισμού είναι χρήσιμη, αλλά όχι απολύτως απαραίτητη. Το σύστημα εκμάθησης φαντασμάτων είναι απλό και μάλλον διαισθητικό, εάν έχετε δημιουργήσει θέματα για το WordP ... ahem, άλλα CMS πριν.
Ξέρω ξέρω. Η σύγκριση με το WordPress είναι παλιά. Αλλά αυτό το κομμάτι του λογισμικού κυριαρχεί στην αγορά εδώ και χρόνια - όπως και το Photoshop έχει για εικόνες - οι συγκρίσεις είναι αναπόφευκτες. Σε αυτή την περίπτωση, είναι ακόμα χρήσιμες.
Οι άνθρωποι που έχουν δημιουργήσει θέματα WordPress θα βρουν κάποια από τη δομή του αρχείου και τη γλώσσα που εξοικειώνεται με την εξοικείωση, αν και πολύ απλούστερη. Οι λειτουργίες PHP του WordPress σας δίνουν μεγάλη ευελιξία. αλλά περιπλέκουν επίσης τη διαδικασία κωδικοποίησης θέματος.
Το σύστημα δημιουργίας φαντασμάτων (χτισμένο με Χειρολαβές ), είναι σημασιολογική, ισχυρή και πολύ πιο ευανάγνωστη από τις πρώτες λειτουργίες PHP με τις οποίες είμαστε συνηθισμένοι να δουλεύουμε. Προσωπικά, το βρίσκω πολύ πιο εύκολο στη χρήση.
Από την άλλη πλευρά, εννοείται καθαρά για την οικοδόμηση ιστολογίων. Δεν θα οικοδομήσετε ένα υβριδικό site ειδήσεων / κοινωνικό δίκτυο / φόρουμ με αυτό το πράγμα. Απλούστερη, αλλά περιορισμένη. Αυτό είναι το εμπόδιο που είναι εγγενές σε ολόκληρη την πλατφόρμα.
Δημιουργία βασικού θέματος για το Ghost.
Τώρα, αν έχετε παρακολουθήσει το βίντεο (θα έπρεπε πραγματικά), θα γνωρίζετε τα βασικά στοιχεία. Θα έχετε την εγκατάσταση του Ghost σε λειτουργία ανάπτυξης και θα έχετε ένα πολύ, πολύ περιορισμένο θέμα για να συνεργαστείτε.
Για να ανακεφαλαιώσετε, τεχνικά χρειάζεστε μόνο τρία αρχεία για να κάνετε ένα θέμα Ghost:
index.hbs (This template will list your posts)post.hbs (This will display a single post)package.json (This contains theme information)
Ωστόσο, υπάρχουν και άλλα βασικά πρότυπα που πιθανώς θέλετε να συμπεριλάβετε. Μπορείτε, φυσικά, να δημιουργήσετε προσαρμοσμένα πρότυπα για σελίδες, αναρτήσεις, συγγραφείς, ετικέτες και πολλά άλλα. Θα πάμε σε όλα αυτά με την πάροδο του χρόνου.
Προς το παρόν, θέλω να επικεντρωθώ μόνο στα βασικά: τη δομή του θέματος, την επέκταση αρχείων προτύπου και πού να βάλω όλο το HTML. Αυτό σημαίνει προσθέτοντας κάποια επιπλέον αρχεία και φακέλους στο θέμα Ghost επάνω εκεί. Ας ρίξουμε μια ματιά στην αναθεωρημένη δομή:
default.hbsindex.hbspage.hbspost.hbspackage.jsonassets/css/images/javascript/partials/ (Just examples, here. Not required.)navigation.hbsloop.hbs
default.hbs θα αποτελέσει τη βάση του θέματος σας. Τα δικα σου ,
, και ετικέτες θα πάει εδώ. Κάθε άλλο πρότυπο θα καταστεί "μέσα" αυτού του. Τώρα, δεν χρειάζεται να το κάνετε έτσι. αλλά είναι συνήθης πρακτική και συνιστάται ιδιαίτερα από το Ghost devs.Το page.hbs είναι ακριβώς αυτό που νομίζετε ότι είναι, το πρότυπο για στατικές σελίδες. Ο φάκελος στοιχείων ενεργητικού είναι αρκετά αυτονόητος.
Το partials / φάκελος είναι εκεί που θα κρατούσατε κομμάτια κώδικα που χρησιμοποιείτε περισσότερες από μία φορές σε διάφορα πρότυπα. Για παράδειγμα, το navigation.hbs μπορεί να περιλαμβάνει το όνομα / το λογότυπο του site σας και την κύρια πλοήγηση. Το loop.hbs μπορεί να εξάγει μια λίστα με θέσεις με κάποια γενική μορφή HTML και styling. Αυτό θα μπορούσε να χρησιμοποιηθεί σε πολλά σημεία του ιστότοπου.
Ας δούμε λοιπόν ακριβώς πόσο απλό είναι το templating. Αρχικά, θα ρυθμίσουμε το αρχείο default.hbs :
{{! Here we see the functions for page titles and descriptions. }}{{meta_title}} {{! Anything in the assets/ folder can be easily linked to, like so: }}{{! This function here outputs meta keywords, some styling information, stuff like that. }}{{ghost_head}}{{! Any .hbs file in the partials folder can be called in like this. }}{{> header}}{{! This is where the content of all the sub-templates will be output. }}{{{body}}}{{! Like ghost_head, this outputs scripts, data, that sort of thing. Currently adds a link to jQuery by default. }}{{ghost_foot}}
Τώρα ας δημιουργήσουμε το πρότυπο navigation.hbs , επειδή αυτό θα είναι σε κάθε σελίδα:
{{! This should be fairly self-explanatory. }} {{@blog.title}}
{{! Each post excerpt will be displayed with this same markup. }}{{#foreach posts}}» {{/για κάθε}}{{! Σύνδεσμοι προς την επόμενη και τις προηγούμενες σελίδες των συνδέσμων. Μπορείτε να ορίσετε πόσους συνδέσμους υπάρχουν σε κάθε σελίδα του πίνακα διαχείρισης. }}{{σελιδοποίηση}}
Τώρα πρόκειται να συνδέσουμε όλα μαζί με το πρότυπο index.hbs , το οποίο θα λειτουργήσει επίσης ως η αρχική σελίδα, εκτός αν ορίζετε διαφορετικά. Ο κώδικας για αυτό, βλέποντας πώς διαιρέσαμε και οργανώσαμε το μεγαλύτερο μέρος της HTML αλλού, είναι πολύ απλός:
{{!< default}}{{! That isn't a comment up there. It tells Ghost that everything on this page must be rendered inside the default.hbs template.}}{{! This next function can be used to call in anything in the partials/ folder. In this case, we're calling up everything we just put into "loop.hbs". }}{{> loop}}
Και αυτό είναι. Σας είπα ότι ήταν απλό!
Αν έχετε πρόβλημα, ελέγξτε το προεπιλεγμένο θέμα Ghost και το απόδειξη με έγγραφα . Παίξτε με το HTML, παίξτε με το σύστημα προτύπων και ξεκινήστε να σχεδιάζετε το θέμα σας.
Την επόμενη φορά, θα σκάψουμε λίγο βαθύτερα. Εν τω μεταξύ, διασκεδάστε!
Προτεινόμενη χρήση εικόνας Εικόνα φάντασμα μέσω Shutterstock.