Πώς να φτιάξετε ένα σύστημα σχολίων όπως το 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 δεν έχει avatar. Έτσι το ρυθμίζουμε σε true για να τα κρύψουμε.
• inputAfterComments = Μεταθέτει το πλαίσιο απάντησης στο κάτω μέρος της ροής σχολίων.
• absoluteDates = Αλλάζει τη διάρκεια ημερομηνίας από προεπιλογή (π.χ., "11 Λεπτά Πριν") σε απόλυτη ημερομηνία.
• customCSS = Προσαρμοσμένο στυλ

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