Wie man ein Kommentarsystem wie Hackaday.com erstellt
24. Jan 2020
WOW, WAS IST PASSIERT?
Dieser Beitrag ist eine Demonstration der Verwendung von FastComments, um ein Kommentarsystem zu erstellen, das wie https://hackaday.com aussieht.
Wir empfehlen Ihnen nicht, sie zu kopieren. Aber dies zeigt die Flexibilität von FastComments.
FastComments so aussehen zu lassen, ist einfach! Wir haben eine Benutzeroberfläche dafür erstellt! Zum Beispiel ist hier die Konfiguration, die wir verwendet haben, um FastComments an diese Seite anzupassen:
Wenn Sie es im Code machen möchten, ist es ebenso einfach.
Wir müssen nur ein paar Optionen festlegen. Nun, sieben. Hier ist der Code-Snippet (benutzerdefinierte CSS weggelassen). Nur so viel CSS kann auf diese Weise eingefügt werden. Wir empfehlen Ihnen, die oben genannte Benutzeroberfläche für die Definition von CSS zu verwenden. Sie wird es auch für Sie minimieren, während die Definition der customCSS-Eigenschaft keine Minimierungsoptimierungen anwendet.
Was bedeuten diese Punkte?
- commentCountFormat = Das Format des Titels über dem Kommentarstrang. "[count]" wird durch die tatsächliche lokalisierte Anzahl ersetzt.
- commentCountUpdated = Eine Funktion, die aufgerufen wird, wenn die Kommentaranzahl sich ändert. Wir verwenden dies, um die Kommentaranzahl oben auf der Seite festzulegen.
- headerHTML = HTML, das über dem "Antwort hinterlassen"-Feld angezeigt wird. In diesem Fall verwenden wir es, um ein Überschriftselement einzufügen.
- hideAvatars = Hackaday hat keine Avatare. Daher setzen wir dies auf true, um sie auszublenden.
- inputAfterComments = Verschiebt das Antwortfeld an das Ende des Kommentar-Feeds.
- absoluteDates = Ändert das Standarddatumsformat (d.h. "Vor 11 Minuten") in ein absolutes Datum.
- customCSS = Benutzerdefinierte Gestaltung
Alle Konfigurationsoptionen sind hier dokumentiert.