Nuxt 3 的 Disqus
使用此为 Nuxt 3 完美设计的软件包,立即为你的帖子或页面添加 Disqus 评论。
Nuxt Disqus 为 vue3-disqus 提供了一个包装器,以便在 Nuxt 3 中使用
特性
- 🔆易于集成
- ⚡️可立即使用的组件
DisqusComments和DisqusCount
快速设置
- 将
nuxt-disqus依赖项添加到你的项目npx nuxi@latest module add disqus - 将
nuxt-disqus添加到nuxt.config.ts的modules部分export default defineNuxtConfig({ modules: ["nuxt-disqus"], disqus: { shortname: "your-disqus-shortname", }, }); - 将
DisqusComments放置在你的应用中的任何位置,以渲染特定identifier的 Disqus 评论线程<DisqusComments identifier="/blog/1" /> - 将
DisqusCount放置在你的应用中的任何位置,以渲染特定identifier的 Disqus 评论计数<DisqusCount identifier="/blog/1" />
DisqusCount 的示例输出将是99 Comments
就是这样!你现在可以在你的 Nuxt 应用中使用 Disqus 了 ✨
开发
# Install dependencies
yarn install
# Generate type stubs
yarn run dev:prepare
# Develop with the playground
yarn run dev
# Build the playground
yarn run dev:build
# Run ESLint
yarn run lint
# Run Vitest
yarn run test
yarn run test:watch
# Release new version
yarn run release