适用于 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