Kako napraviti sistem komentara poput Hackaday.com

24. januar 2020.

UUU, ŠTA SE DESILO?

Ovaj post je demonstracija korišćenja FastComments za pravljenje sistema komentara koji liči na https://hackaday.com.

Ne sugerišemo da ih kopirate. Ali ovo pokazuje fleksibilnost FastComments.

Učiniti da FastComments izgleda ovako je jednostavno! Napravili smo UI za to! Na primer, evo konfiguracije koju smo koristili da uskladimo FastComments sa ovom stranicom:

Ako želite da to uradite u kodu, isto je jednostavno.

Samo je potrebno da postavimo nekoliko opcija. Pa, sedam. Evo snipeta koda (prilagođeni CSS je izbačen). Samo određena količina CSS-a može biti umetnuta na ovaj način. Preporučujemo da koristite gore navedeni UI za definisanje CSS-a. Takođe će ga minifikovati za vas, dok definisanje svojstva customCSS neće primeniti nikakve optimizacije minifikacije.

Šta znače svaka od ovih stavki?

• commentCountFormat = Format naslova iznad niza komentara. "[count]" se zamenjuje stvarnim lokalizovanim brojem.
• commentCountUpdated = Funkcija koja se poziva kada se broj komentara promeni. Koristimo ovo da postavimo broj komentara na vrhu stranice.
• headerHTML = HTML koji se prikazuje iznad kutije "ostavite odgovor". U ovom slučaju koristimo da umetnemo element zaglavlja.
• hideAvatars = Hackaday nema avatare. Zato smo ovo postavili na true da ih sakrijemo.
• inputAfterComments = Premestražuje kutiju za odgovor na dno niza komentara.
• absoluteDates = Menja podrazumevani format datuma (npr., "Pre 11 minuta") na apsolutni datum.
• customCSS = Prilagođeni stil

Sve opcije konfiguracije su dokumentovane ovde.