Как да създадете система за коментари като Hackaday.com

24 януари 2020 г.

УАУ, КАКВО СЕ СЛУЧИ?

Този пост е демонстрация на използването на FastComments, за да се направи система за коментари, която изглежда като https://hackaday.com.

Не препоръчваме да ги копирате. Но това демонстрира гъвкавостта на FastComments.

Да направим FastComments да изглеждат по този начин е просто! Създадохме UI за него! Например, ето конфигурацията, която използвахме, за да накараме FastComments да съвпадне с тази страница:

Ако искате да го направите в код, е толкова лесно.

Просто трябва да зададем няколко опции. Всъщност, седем. Ето фрагмент от кода (пользите CSS са пропуснати). Само толкова CSS може да бъде въведен по този начин. Препоръчваме да използвате горния UI за определяне на CSS. Той ще го минифицира за вас, за разлика от задаването на свойството customCSS, което няма да прилага оптимизации за минификация.

Какво означава всяка от тези опции?

• commentCountFormat = Форматът на заглавието над нишката с коментари. "[count]" се замества с актуалния локализиран брой.
• commentCountUpdated = Функция, която се извиква, когато броят на коментарите се промени. Използваме това, за да зададем броя на коментарите в горната част на страницата.
• headerHTML = HTML, което се показва над "оставете отговор" полето. В този случай го използваме, за да вмъкнем елемент заглавие.
• hideAvatars = Hackaday няма аватари. Докато задаваме тази опция на true, за да ги скрием.
• inputAfterComments = Премества полето за отговор в дъното на потока с коментари.
• absoluteDates = Променя формата на датата по подразбиране (т.е. "11 минути назад") на абсолютна дата.
• customCSS = Персонализиране на стила.

Всички опции за конфигурация са документирани тук.