如何制作一个像Hackaday.com这样的评论系统
2020年1月24日
作者: Devon Winrick
哇,发生了什么?
这篇文章是使用FastComments制作一个看起来像https://hackaday.com的评论系统的演示。
我们并不建议您复制它们。但这展示了FastComments的灵活性。
让FastComments看起来像这样是很简单的! 我们为此构建了一个用户界面!例如,这里是我们用来使FastComments与这个页面匹配的配置:
如果您想在代码中实现,这同样简单。
我们只需要设置几个选项。嗯,总共七个。以下是代码片段(自定义CSS省略)。通过这种方式可以插入的CSS数量有限。我们建议您使用上述用户界面来定义CSS。它还会为您进行压缩,而定义customCSS属性将不会应用任何压缩优化。
那么这些选项是什么意思呢?
- commentCountFormat = 评论线程上方标题的格式。 "[count]"将被实际的本地化数量替换。
- commentCountUpdated = 当评论数量发生变化时调用的函数。我们用这个来设置页面顶部的评论数量。
- headerHTML = 在“留下回复”框上方显示的HTML。在这种情况下,我们用它插入一个标题元素。
- hideAvatars = Hackaday没有头像。所以我们将其设置为true以隐藏头像。
- inputAfterComments = 将回复框重新定位到评论流的底部。
- absoluteDates = 将默认日期格式(即“11分钟前”)更改为绝对日期。
- customCSS = 自定义样式
所有配置选项都在这里有详细文档。
