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

24 janvier 2020

OH 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 ressemble à cela est simple ! Nous avons construit une interface utilisateur pour cela ! Par exemple, voici la configuration que nous avons utilisée pour faire correspondre FastComments à cette page :

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

Nous devons simplement définir quelques options. Eh bien, sept. Voici le extrait de code (CSS personnalisé omis). Seulement 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. Cela le minifiera également pour vous, tandis que la définition de la propriété customCSS n'appliquera aucune optimisation de minification.

Que signifient donc chacun de ces éléments ?

• commentCountFormat = Le format du titre au-dessus du fil de commentaires. "[count]" est remplacé par le nombre réel localisé.
• 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 affiché au-dessus de la boîte "laisser un commentaire". Dans ce cas, nous l'utilisons pour insérer un élément de titre.
• hideAvatars = Hackaday n'a pas d'avatars. Donc, nous le définissons sur true pour les cacher.
• inputAfterComments = Repositionne la boîte de réponse en bas du fil de commentaires.
• absoluteDates = Change le format de date par défaut (c'est-à-dire, "il y a 11 minutes") en une date absolue.
• customCSS = Styles personnalisés.

Toutes les options de configuration sont documentées ici.