Como criar um sistema de comentários como o Hackaday.com
24 de Jan de 2020
UAU O QUE ACONTECEU?
Este post é uma demonstração de como usar o FastComments para criar um sistema de comentários que se parece com https://hackaday.com.
Não sugerimos que você os copie. Mas isso demonstra a flexibilidade do FastComments.
Fazer o FastComments parecer desta forma é simples! Nós criamos uma interface para isso! Por exemplo, aqui está a configuração que usamos para fazer o FastComments combinar com esta página:
Se você quiser fazer isso em código, também é fácil.
Precisamos apenas definir algumas opções. Bem, sete. Aqui está o trecho de código (CSS personalizado omitido). Apenas uma quantidade limitada de CSS pode ser inserida dessa maneira. Recomendamos que você use a interface acima para definir o CSS. Ela também irá compactá-lo para você, enquanto a definição da propriedade customCSS não aplicará otimizações de minificação.
Então, o que cada um desses significam?
- commentCountFormat = O formato do título acima do thread de comentários. "[count]" é substituído pelo número real de comentários localizados.
- commentCountUpdated = Uma função que é chamada quando a contagem de comentários muda. Nós usamos isso para definir a contagem de comentários no topo da página.
- headerHTML = HTML que aparece acima da caixa "deixe uma resposta". Neste caso, nós o usamos para inserir um elemento de cabeçalho.
- hideAvatars = Hackaday não tem avatares. Então, definimos isso como verdadeiro para escondê-los.
- inputAfterComments = Reposiciona a caixa de resposta para o fundo do feed de comentários.
- absoluteDates = Muda o formato de data padrão (ou seja, "11 minutos atrás") para uma data absoluta.
- customCSS = Estilização personalizada.
Todas as opções de configuração estão documentadas aqui.