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

設定選項

The FastCommentsRecentDiscussionsV2 function accepts the following configuration options:

  • tenantId (required): 您的 FastComments tenant ID
  • count (optional): 要顯示的頁面數量。預設為 20,最大 100
  • hasDarkBackground (optional): 強制深色模式樣式。如果未設定則從頁面背景自動偵測

進階範例

自訂數量

自訂數量的最近討論
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