如何製作類似Hackaday.com的評論系統
2020年1月24日
作者: Devon Winrick
哇，發生了什麼？
這篇文章是使用FastComments創建一個看起來像https://hackaday.com的評論系統的示範。
我們不建議您複製它們。但這展示了FastComments的靈活性。
讓FastComments看起來像這樣是很簡單的！ 我們為此構建了一個UI！例如，這是我們用來讓FastComments與此頁面匹配的配置：
如果您想在代碼中進行操作也是同樣容易的。
我們只需要設置幾個選項。嗯，七個。這是代碼片段（自訂CSS省略）。這種方式僅能插入這麼多CSS。我們建議您使用 上面的UI來定義CSS。它也會為您進行壓縮，而定義customCSS屬性則不會應用任何壓縮優化。
這些每個選項的含義是什麼？
- commentCountFormat = 評論線程上方標題的格式。"[count]" 將被實際的本地化計數替換。
- commentCountUpdated = 當評論數量變更時調用的函數。我們使用這個來設置頁面頂部的評論數量。
- headerHTML = 顯示在“留下回覆”框上方的HTML。在這種情況下，我們用它來插入標題元素。
- hideAvatars = Hackaday沒有頭像。因此，我們將其設置為true以隱藏它們。
- inputAfterComments = 將回覆框重新定位到評論提要的底部。
- absoluteDates = 將默認日期格式（即“11分鐘前”）更改為絕對日期。
- customCSS = 自定義樣式
所有配置選項的文檔記載於這裡。