Comment créer un système de commentaires comme Hackaday.com

24 janvier 2020

OUAIS, QU'EST-CE QUI S'EST PASSÉ ?

Cet article est une démonstration de l'utilisation de FastComments pour créer un système de commentaires qui ressemble à https://hackaday.com.

Nous ne vous suggérons pas de les copier. Mais cela démontre la flexibilité de FastComments.

Faire en sorte que FastComments ait cet aspect est simple ! Nous avons créé une interface utilisateur pour cela ! Par exemple, voici la configuration que nous avons utilisée pour faire correspondre FastComments avec cette page :

Si vous voulez le faire en code, c'est tout aussi facile.

Nous devons juste définir quelques options. Eh bien, sept. Voici le extrait de code (CSS personnalisé omis). Seule une certaine quantité de CSS peut être insérée de cette manière. Nous vous recommandons d'utiliser l'interface utilisateur ci-dessus pour définir le CSS. Elle le minimisera également pour vous, alors que définir la propriété customCSS n'appliquera aucune optimisation de minification.

Alors, que signifie chacune de ces options ?

• commentCountFormat = Le format du titre au-dessus du fil de commentaires. "[count]" est remplacé par le compte localisé réel.
• commentCountUpdated = Une fonction qui est appelée lorsque le nombre de commentaires change. Nous l'utilisons pour définir le nombre de commentaires en haut de la page.
• headerHTML = HTML qui est affiché au-dessus de la boîte "laisser une réponse". Dans ce cas, nous l'utilisons pour insérer un élément d'en-tête.
• hideAvatars = Hackaday n’a pas d’avatars. Donc, nous avons défini cela sur vrai pour les cacher.
• inputAfterComments = Repositionne la boîte de réponse en bas du flux de commentaires.
• absoluteDates = Change le format de date par défaut (c'est-à-dire "Il y a 11 minutes") en une date absolue.
• customCSS = Style personnalisé

Toutes les options de configuration sont documentées ici.