Kako napraviti sistem komentara poput Hackaday.com

24. januar 2020

UAU ŠTA SE DESILO?

Ovaj post je demonstracija korišćenja FastComments za pravljenje sistema komentara koji izgleda kao https://hackaday.com.

Ne savetujemo vam da ih kopirate. Ali ovo pokazuje fleksibilnost FastComments-a.

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

Ako želite to da uradite u kodu, jednako je lako.

Samo je potrebno postaviti nekoliko opcija. Pa, sedam. Evo isječak koda (prilagođeni CSS izostavljen). 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 minimizovati za vas, dok definisanje svojstva customCSS neće primeniti nikakve optimizacije minimizacije.

Šta svaka od ovih opcija znači?

• 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 okvira "ostavite odgovor". U ovom slučaju ga koristimo da umetnemo naslovni element.
• hideAvatars = Hackaday nema avatare. Zato smo ovo postavili na true da ih sakrijemo.
• inputAfterComments = Premešta okvir za odgovor na dno niza komentara.
• absoluteDates = Menja podrazumevani format datuma (npr. "Pre 11 minuta") u apsolutni datum.
• customCSS = Prilagođeni stil.

Sve opcije konfiguracije su dokumentovane ovde.