FastComments.com Blog

Kako napraviti sustav komentara poput Hackaday.com

24. siječnja 2020.

WOW ŠTO SE DOGODILO?

Ovaj post je prikaz korištenja FastComments za izradu sustava komentara koji izgleda kao https://hackaday.com.

Ne preporučujemo da ih kopirate. No, ovo pokazuje fleksibilnost FastComments.

Učiniti da FastComments izgleda ovako je jednostavno! Izradili smo UI za to! Na primjer, ovo je konfiguracija koju smo koristili da FastComments uskladi s ovom stranicom:

FastComments Hackaday Postavke

Ako želite to učiniti u kodu, jednako je lako.

Samo trebamo postaviti nekoliko opcija. Pa, sedam. Evo špica koda (prilagođeni CSS izostavljen). Samo toliko CSS-a može se umetnuti ovako. Preporučujemo da koristite gore navedeni UI za definiranje CSS-a. Također će ga minimizirati za vas, dok će definiranje svojstva customCSS primijeniti bez optimizacija minimizacije.

Što svaki od ovih znače?

  • commentCountFormat = Format naslova iznad komentarne niti. "[count]" će biti zamijenjen stvarnim lokaliziranim brojem.
  • commentCountUpdated = Funkcija koja se poziva kada se broj komentara promijeni. Ovo koristimo za postavljanje broja komentara na vrhu stranice.
  • headerHTML = HTML koji se prikazuje iznad okvira "ostavite odgovor". U ovom slučaju koristimo ga za umetanje naslovnog elementa.
  • hideAvatars = Hackaday nema avatare. Stoga smo ovo postavili na true da ih sakrijemo.
  • inputAfterComments = Premještanje okvira za odgovor na dno feeda komentara.
  • absoluteDates = Mijenja zadani format datuma (npr. "Prije 11 minuta") na apsolutni datum.
  • customCSS = Prilagođeni stil.

Sve opcije konfiguracije su dokumentirane ovdje.