Jak stworzyć system komentarzy podobny do Hackaday.com

24 stycznia 2020

O CO CHODZI?

Ten post jest demonstracją użycia FastComments do stworzenia systemu komentarzy, który wygląda jak https://hackaday.com.

Nie sugerujemy, abyś je kopiował. Ale to pokazuje elastyczność FastComments.

Sprawienie, by FastComments wyglądało w ten sposób, jest proste! Stworzyliśmy dla niego interfejs! Na przykład, oto konfiguracja, którą użyliśmy, aby dopasować FastComments do tej strony:

Jeśli chcesz to zrobić w kodzie, to równie łatwe.

Po prostu musimy ustawić kilka opcji. Cóż, siedem. Oto fragment kodu (niestandardowy CSS pominięty). Tylko tyle CSS można wprowadzić w ten sposób. Zalecamy użycie powyzszego interfejsu do definiowania CSS. On również zminimalizuje go dla ciebie, podczas gdy definiowanie właściwości customCSS nie zastosuje żadnych optymalizacji minimalizacji.

Co oznaczają poszczególne elementy?

• commentCountFormat = Format tytułu nad wątkiem komentarzy. "[count]" Zostaje zastąpione rzeczywistą zlokalizowaną liczbą.
• commentCountUpdated = Funkcja, która jest wywoływana, gdy liczba komentarzy się zmienia. Używamy tego do ustawiania liczby komentarzy na górze strony.
• headerHTML = HTML wyświetlany powyżej pola "zostaw odpowiedź". W tym przypadku używamy go do wstawienia elementu nagłówka.
• hideAvatars = Hackaday nie ma awatarów. Ustawiamy to na true, aby je ukryć.
• inputAfterComments = Przesuwa pole odpowiedzi na dół strumienia komentarzy.
• absoluteDates = Zmienia domyślny format daty (tj. "11 minut temu") na datę absolutną.
• customCSS = Niestandardowe style

Wszystkie opcje konfiguracyjne są udokumentowane tutaj.