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
