Come creare un sistema di commenti simile a Hackaday.com
24 Gennaio 2020
WOW COS'È SUCCESSO?
Questo post è una dimostrazione di come utilizzare FastComments per creare un sistema di commenti che assomiglia a https://hackaday.com.
Non suggeriamo di copiarli. Ma questo dimostra la flessibilità di FastComments.
Far apparire FastComments in questo modo è semplice! Abbiamo costruito un'interfaccia per questo! Ad esempio, qui ci sono le impostazioni che abbiamo utilizzato per far combaciare FastComments con questa pagina:
Se vuoi farlo in codice, è altrettanto semplice.
Dobbiamo solo impostare alcune opzioni. Beh, sette. Ecco il frammento di codice (CSS personalizzato omesso). Solo una certa quantità di CSS può essere inserita in questo modo. Ti raccomandiamo di utilizzare l'interfaccia sopra per definire il CSS. Essa lo minificherà anche per te, mentre la definizione della proprietà customCSS non applicherà ottimizzazioni di minificazione.
Quindi, cosa significano ciascuna di queste?
- commentCountFormat = Il formato del titolo sopra il thread di commenti. "[count]" viene sostituito con il conteggio effettivo localizzato.
- commentCountUpdated = Una funzione che viene chiamata quando il conteggio dei commenti cambia. La utilizziamo per impostare il conteggio dei commenti nella parte superiore della pagina.
- headerHTML = HTML che viene mostrato sopra la casella "lascia una risposta". In questo caso lo utilizziamo per inserire un elemento intestazione.
- hideAvatars = Hackaday non ha avatar. Quindi impostiamo questo su true per nasconderli.
- inputAfterComments = Riposiziona la casella di risposta in fondo al feed di commenti.
- absoluteDates = Cambia il formato della data predefinito (cioè, "11 Minuti Fa") in una data assoluta.
- customCSS = Stile personalizzato.
Tutte le opzioni di configurazione sono documentate qui.