Как создать систему комментариев, подобную 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 = Пользовательский стиль.

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