Cómo crear un sistema de comentarios como Hackaday.com

24 de enero de 2020

¿QUÉ PASÓ AQUÍ?

Esta publicación es una demostración de cómo utilizar FastComments para hacer un sistema de comentarios que se asemeje a https://hackaday.com.

No sugerimos que los copies. Pero esto demuestra la flexibilidad de FastComments.

¡Hacer que FastComments se vea así es simple! ¡Hemos creado una interfaz para ello! Por ejemplo, aquí está la configuración que usamos para hacer que FastComments coincida con esta página:

Si deseas hacerlo en código, es igual de fácil.

Solo tenemos que establecer algunas opciones. Bueno, siete. Aquí está el fragmento de código (CSS personalizado omitido). Solo se puede insertar tanto CSS de esta manera. Recomendamos que uses la interfaz anterior para definir el CSS. También lo minimizará por ti, mientras que definir la propiedad customCSS no aplicará optimizaciones de minificación.

¿Entonces qué significa cada uno de estos?

• commentCountFormat = El formato del título sobre el hilo de comentarios. "[count]" se reemplaza con el conteo real localizado.
• commentCountUpdated = Una función que se llama cuando cambia el conteo de comentarios. La usamos para establecer el conteo de comentarios en la parte superior de la página.
• headerHTML = HTML que se muestra sobre el cuadro de "deja una respuesta". En este caso lo usamos para insertar un elemento de encabezado.
• hideAvatars = Hackaday no tiene avatares. Así que lo establecemos en verdadero para ocultarlos.
• inputAfterComments = Reposiciona el cuadro de respuesta en la parte inferior del feed de comentarios.
• absoluteDates = Cambia el formato de fecha predeterminado (es decir, "Hace 11 minutos") a una fecha absoluta.
• customCSS = Estilo personalizado

Todas las opciones de configuración están documentadas aquí.