FastComments.com

最近讨论小部件

最近讨论小部件安装 Internal Link

最近讨论组件显示您网站上具有最新评论活动的页面。每个条目显示页面标题、最后活动日期和评论总数。它会自动检测深色背景并相应地调整样式。

基本安装

最近讨论组件安装
Copy CopyRun External Link
1
2<script src="https://cdn.fastcomments.com/js/widget-recent-discussions-v2.min.js"></script>
3<div id="fastcomments-widget-recent-discussions"></div>
4<script>
5 FastCommentsRecentDiscussionsV2(document.getElementById('fastcomments-widget-recent-discussions'), {
6 tenantId: 'demo'
7 });
8</script>
9

配置选项

FastCommentsRecentDiscussionsV2 函数接受以下配置选项:

  • tenantId(必填):您的 FastComments 租户 ID
  • count(可选):显示的页面数量。默认为 20,最大为 100
  • hasDarkBackground(可选):强制使用深色模式样式。如果未设置,将自动从页面背景检测

高级示例

自定义数量

自定义数量的最近讨论
Copy CopyRun External Link
1
2<script src="https://cdn.fastcomments.com/js/widget-recent-discussions-v2.min.js"></script>
3<div id="fastcomments-widget-recent-discussions"></div>
4<script>
5 FastCommentsRecentDiscussionsV2(document.getElementById('fastcomments-widget-recent-discussions'), {
6 tenantId: 'demo',
7 count: 5
8 });
9</script>
10

强制深色模式

深色模式的最近讨论
Copy CopyRun External Link
1
2<script src="https://cdn.fastcomments.com/js/widget-recent-discussions-v2.min.js"></script>
3<div id="fastcomments-widget-recent-discussions"></div>
4<script>
5 FastCommentsRecentDiscussionsV2(document.getElementById('fastcomments-widget-recent-discussions'), {
6 tenantId: 'demo',
7 hasDarkBackground: true
8 });
9</script>
10