Як створити систему коментарів, схожу на 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 = Користувацький стиль.

Усі параметри конфігурації документовані тут.