Add Members-Only Live Commenting to ghost Sites
Με το FastComments μπορούμε εύκολα να προσθέσουμε ζωντανά σχόλια αποκλειστικά για μέλη σε οποιονδήποτε ιστότοπο που έχει κατασκευαστεί με το Ghost.
Θα μπορούμε να εισάγουμε αυτόματα τα ονόματα χρήστη των μελών, τα avatar τους και να ρυθμίσουμε τις ειδοποιήσεις απάντησης σχολίων.
Σημείωση ότι αυτό το σεμινάριο απαιτεί λογαριασμό FastComments. Συνιστάται να εγγραφείτε πρώτα και μετά να επιστρέψετε εδώ. Μπορείτε να δημιουργήσετε έναν λογαριασμό εδώ.
Σε αυτό το σεμινάριο θα στοχεύσουμε σε ένα blog που έχει κατασκευαστεί με το Ghost, αλλά με λίγη τεχνογνωσία οι ίδιες οδηγίες ισχύουν για οποιονδήποτε τύπο ιστότοπου.
Αυτό το σεμινάριο ξεκινά από την οπτική ενός χρήστη που είναι πολύ νέος στο Ghost. Χρήστες με εμπειρία στην επεξεργασία των θεμάτων τους μπορούν να παραλείψουν στο Step 4.
Εάν αντιμετωπίζετε προβλήματα, μη διστάσετε να στείλετε το εξαγόμενο πρότυπο του θέματος σας στον εκπρόσωπο υποστήριξής σας (παραμένει απαραίτητο να ολοκληρωθούν τα βήματα 1 - 5).
Βήμα 1: Κατεβάστε το θέμα σας 
Για να προσθέσετε σωστά το FastComments στο Ghost, πρέπει να επεξεργαστούμε τα αρχεία του θέματος.
Ας ξεκινήσουμε κατεβάζοντας το τρέχον ή το επιθυμητό θέμα σας.
Μεταβείτε στον πίνακα ελέγχου του ιστότοπού σας και κάντε κλικ στο εικονίδιο ρυθμίσεων κάτω αριστερά:
Στη συνέχεια επιλέξτε την επιλογή Design:
Παρότι τεχνικά δεν αλλάζουμε το θέμα, κάντε κλικ στο Change Theme κάτω αριστερά:
Στο πάνω δεξιό μέρος επιλέξτε το Advanced:
...και στη συνέχεια κατεβάστε το τρέχον ή το επιθυμητό θέμα σας:
Βήμα 2: Εγκαταστήστε το θέμα σας τοπικά
Τώρα που κατεβάσαμε το αρχείο zip, αποσυμπιέστε το σε έναν φάκελο. Έχω κατεβάσει το προεπιλεγμένο casper.zip και το αποσυμπίεσα στο Downloads\casper στα Windows.
Στη συνέχεια, βεβαιωθείτε ότι έχετε εγκατεστημένη την LTS ή νεότερη έκδοση του NodeJS. Μπορείτε να την κατεβάσετε εδώ: https://nodejs.org/en/download/
Μόλις εγκατασταθεί το NodeJS, θα πρέπει να εγκαταστήσετε έναν επεξεργαστή κώδικα.
Συστήνουμε (και χρησιμοποιούμε) το Webstorm, το οποίο μπορείτε να αποκτήσετε εδώ με δοκιμή 30 ημερών (δεν απαιτείται πιστωτική κάρτα): https://www.jetbrains.com/webstorm/
Η επόμενη καλύτερη δωρεάν επιλογή πιθανώς είναι το Visual Studio Code: https://code.visualstudio.com/download
Αφού ρυθμίσετε τον επεξεργαστή σας και ανοίξετε τον φάκελο του θέματος στον επεξεργαστή, ανοίξτε το τερματικό στο IDE και εκτελέστε:
Η επιτυχής έξοδος θα μοιάζει με αυτή (μπορείτε να αγνοήσετε τις προειδοποιήσεις):
Αυτό θα ρυθμίσει τις εξαρτήσεις του θέματος για τις επόμενες εντολές που θα εκτελέσουμε. Επίσης, η εξαγωγή εξαρτάται από το να είναι εγκατεστημένες οι εξαρτήσεις του θέματος, διαφορετικά η επανεισαγωγή δεν θα λειτουργήσει σωστά.
Βήμα 3: Ονομάστε το νέο θέμα
Τώρα που έχουμε το θέμα ανοιχτό στον επεξεργαστή μας, ανοίξτε το package.json και αλλάξτε το πεδίο name σε κάτι άλλο. Στη δική μας περίπτωση απλώς προσθέτουμε -fastcomments στο τέλος:
If you're using an IDE it will auto-save after you make this change.
Βήμα 4: Ανοίξτε το πρότυπο ανάρτησης
Τώρα θα ανοίξουμε το πρότυπο που χρησιμοποιείται για τα άρθρα του ιστολογίου μας. Ονομάζεται post.hbs:
Βήμα 5: Προσθέστε τον κώδικα του FastComments
Στη συνέχεια πρέπει να εντοπίσουμε πού να προσθέσουμε τον κώδικα του widget του FastComments.com.
Αν χρησιμοποιείτε το προεπιλεγμένο θέμα casper, θα δείτε μια ενότητα σαν αυτή στη γραμμή 82:
Αν χρησιμοποιείτε άλλα θέματα, δεν θα δείτε αυτό, και θα χρειαστεί να προσθέσετε αυτόν τον κώδικα μετά το τελευταίο </section>:
Πρέπει να έχετε κάτι σαν αυτό έτοιμο:
Μόλις είστε έτοιμοι, αντιγράψτε τον κώδικα του widget του FastComments.com:
...και θα πρέπει να μοιάζει έτσι:
Ο κώδικας ολοκληρώθηκε. Τώρα απλώς πρέπει να επανεισάγουμε το θέμα μας!
Βήμα 6: Εξαγάγετε το θέμα σας
Τώρα πρέπει να συσκευάσουμε ξανά τα αρχεία του θέματος σε ένα αρχείο zip. Για να το κάνετε αυτό, χρησιμοποιήστε τις ενσωματωμένες λειτουργίες στο Ghost.
Ανοίξτε ξανά το τερματικό του επεξεργαστή σας και εκτελέστε npm run zip.
Αυτό θα συσκευάσει το θέμα σε ένα αρχείο zip στο dist/casper-fastcomments.zip (αν αυτό είναι το όνομα που έχετε δώσει στο θέμα στο Step Three).
Βήμα 7: Ανεβάστε το θέμα στο Ghost
Επιστρέφοντας στον πίνακα ελέγχου του Ghost, ας ανεβάσουμε το θέμα μας:
Σε εμένα, το αρχείο zip βρίσκεται στην παρακάτω τοποθεσία. Σημειώστε το φάκελο dist:
Θυμηθείτε να ενεργοποιήσετε το πρόσφατα ανεβασμένο θέμα σας (το Ghost θα σας ρωτήσει).
Επιτυχία!
Now we should have FastComments Live Commenting enabled for our members!
Συγχαρητήρια για τη ρύθμιση του FastComments με το Ghost! Αν αντιμετωπίσατε Σφάλμα Τομέα (Domain Error), ή θέλετε να μάθετε πώς να προσαρμόσετε την περιοχή σχολίων, διαβάστε παρακάτω!
Σφάλματα τομέα
Μπορεί να εμφανιστεί σφάλμα εξουσιοδότησης, όπως το παρακάτω:
Αυτό συμβαίνει επειδή το FastComments δεν γνωρίζει ότι πρέπει να επιτρέψει τη χρήση του λογαριασμού σας σε αυτόν τον τομέα.
Σε αυτήν την περίπτωση, η διόρθωση είναι απλή. Απλώς πρέπει να προσθέσετε τον ιστότοπό σας στον λογαριασμό σας στο FastComments.com.
Προσαρμογή
Το FastComments έχει σχεδιαστεί για να προσαρμόζεται ώστε να ταιριάζει με τον ιστότοπό σας.
Εάν θέλετε να προσθέσετε προσαρμοσμένο στυλ ή να τροποποιήσετε τη διαμόρφωση, Δείτε την Τεκμηρίωση Προσαρμογής μας για να μάθετε πώς.