1
2
複製程式碼片段
請在下方選擇您的框架並複製程式碼片段。 VanillaJS 選項適用於任何網站，無需建置系統。對於 React、Vue 或 Angular，請先安裝對應的 npm 套件。
<script async src="https://cdn.fastcomments.com/js/embed.min.js"></script>
<div id="fastcomments-widget"></div>
<script>
window.fcConfigs = [{
target: '#fastcomments-widget',
tenantId: 'demo'
}];
</script>
npm install --save fastcomments-react
import { Component } from 'react'
import { FastCommentsCommentWidget } from 'fastcomments-react'
class Example extends Component {
render() {
return <FastCommentsCommentWidget tenantId="demo" />
}
}
npm install --save fastcomments-vue
<template>
<FastComments v-bind:config="{tenantId: 'demo'}" />
</template>
<script>
// Vue 2 is also supported via fastcomments-vue.
import { FastComments } from 'fastcomments-vue-next'
export default {
name: 'FastCommentsExample',
components: {
FastComments
}
}
</script>
此腳本僅用於演示目的。如需取得用於生產環境的程式碼片段，請建立帳戶。
3
新增到您的網站
將這段程式碼貼到您希望顯示評論的網頁位置。 FastComments 會根據 URL 為每個頁面自動建立一個單獨的評論線程。如果您的平台支援 HTML 嵌入程式碼（例如 WordPress、Squarespace 或 Webflow），只需將 VanillaJS 程式碼片段貼到 HTML 程式碼區塊中即可。
4
