Πώς να δημιουργήσεις ένα σύστημα σχολίων όπως το Hackaday.com

24 Ιανουαρίου 2020

ΟΥΑΟΥ, ΤΙ ΣΥΝΕΒΗ;

Αυτό το άρθρο είναι μια επίδειξη της χρήσης του FastComments για να δημιουργήσεις ένα σύστημα σχολίων που μοιάζει με το https://hackaday.com.

Δεν προτείνουμε να τους αντιγράψεις. Αλλά αυτό δείχνει την ευελιξία του FastComments.

Η δημιουργία του FastComments να φαίνεται έτσι είναι απλή! Δημιουργήσαμε ένα UI γι' αυτό! Για παράδειγμα, εδώ είναι η ρύθμιση που χρησιμοποιήσαμε για να κάνουμε το FastComments να ταιριάζει σε αυτή τη σελίδα:

Αν θέλεις να το κάνεις μέσω κώδικα, είναι εξίσου εύκολο.

Απλά πρέπει να ρυθμίσουμε μερικές επιλογές. Ε, επτά. Να πώς είναι το απόσπασμα κώδικα (παραλείπεται το custom CSS). Μόνο τόσες πολλές CSS μπορεί να εισαχθούν με αυτόν τον τρόπο. Σου προτείνουμε να χρησιμοποιήσεις το παραπάνω UI για να ορίσεις CSS. Θα το μειώσει και για σένα, ενώ ορίζοντας την ιδιότητα customCSS δεν θα εφαρμόσει βελτιστοποιήσεις μείωσης.

Τι σημαίνει το καθένα από αυτά;

• commentCountFormat = Η μορφή του τίτλου πάνω από την ακολουθία σχολίων. "[count]" Αντικαθίσταται με τον πραγματικό τοπιοποιημένο αριθμό.
• commentCountUpdated = Μια συνάρτηση που καλείται όταν αλλάζει ο αριθμός των σχολίων. Χρησιμοποιούμε αυτό για να ορίσουμε τον αριθμό των σχολίων στην κορυφή της σελίδας.
• headerHTML = HTML Που εμφανίζεται πάνω από το κουτί "άφησε μια απάντηση". Σε αυτή την περίπτωση το χρησιμοποιούμε για να εισάγουμε ένα στοιχείο τίτλου.
• hideAvatars = Το Hackaday δεν έχει avatars. Έτσι, το ορίζουμε σε true για να τα κρύψουμε.
• inputAfterComments = Μετακινεί το κουτί απάντησης στο κάτω μέρος της ροής σχολίων.
• absoluteDates = Αλλάζει την προεπιλεγμένη μορφή ημερομηνίας (δηλαδή, "11 Λεπτά Πριν") σε απόλυτη ημερομηνία.
• customCSS = Προσαρμοσμένο στυλ.

Όλες οι επιλογές ρύθμισης είναι τεκμηριωμένες εδώ.