Как создать систему комментариев, похожую на Hackaday.com

24 января 2020

ВОУ, ЧТО СЛУЧИЛОСЬ?

Этот пост является демонстрацией использования FastComments для создания системы комментариев, похожей на https://hackaday.com.

Мы не рекомендуем вам их копировать. Но это демонстрирует гибкость FastComments.

Сделать FastComments такими простыми! Мы разработали интерфейс для этого! Например, вот конфигурация, которую мы использовали, чтобы сделать FastComments похожими на эту страницу:

Если вы хотите сделать это в коде, это так же просто.

Нам нужно установить несколько опций. Ну, семь. Вот фрагмент кода (пользовательский CSS опущен). Только определённое количество CSS можно вставить таким образом. Мы рекомендуем вам использовать вышеуказанный интерфейс для определения CSS. Он также минимизирует его для вас, в то время как определение свойства customCSS не применяет никаких оптимизаций минимизации.

Что означают все эти параметры?

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

Все параметры конфигурации задокументированы здесь.