FastComments.com Blog

如何制作一个像Hackaday.com这样的评论系统

2020年1月24日

哇,发生了什么?

这篇文章是使用FastComments制作一个看起来像https://hackaday.com的评论系统的演示。

我们并不建议您复制它们。但这展示了FastComments的灵活性。

让FastComments看起来像这样是很简单的! 我们为此构建了一个用户界面!例如,这里是我们用来使FastComments与这个页面匹配的配置:

FastComments Hackaday设置

如果您想在代码中实现,这同样简单。

我们只需要设置几个选项。嗯,总共七个。以下是代码片段(自定义CSS省略)。通过这种方式可以插入的CSS数量有限。我们建议您使用上述用户界面来定义CSS。它还会为您进行压缩,而定义customCSS属性将不会应用任何压缩优化。

那么这些选项是什么意思呢?

  • commentCountFormat = 评论线程上方标题的格式。 "[count]"将被实际的本地化数量替换。
  • commentCountUpdated = 当评论数量发生变化时调用的函数。我们用这个来设置页面顶部的评论数量。
  • headerHTML = 在“留下回复”框上方显示的HTML。在这种情况下,我们用它插入一个标题元素。
  • hideAvatars = Hackaday没有头像。所以我们将其设置为true以隐藏头像。
  • inputAfterComments = 将回复框重新定位到评论流的底部。
  • absoluteDates = 将默认日期格式(即“11分钟前”)更改为绝对日期。
  • customCSS = 自定义样式

所有配置选项都在这里有详细文档。