通过 100 多个技巧学习 Nuxt!

disqus
nuxt-disqus

Nuxt 的 Disqus 评论模块 - 立即将评论小部件添加到您的应用程序

用于 Nuxt 3 的 Disqus

npm versionnpm downloadsLicenseNuxt

使用此专为 Nuxt 3 设计的软件包,立即将 Disqus 评论添加到您的帖子或页面。

Nuxt Disqus 为 vue3-disqus 提供了一个包装器,以便与 Nuxt 3 一起使用

功能

  • 🔆易于集成
  • ⚡️即时可用的组件 DisqusCommentsDisqusCount

快速设置

  1. nuxt-disqus 依赖项添加到您的项目中
    npx nuxi@latest module add disqus
    
  2. nuxt-disqus 添加到 nuxt.config.tsmodules 部分
    export default defineNuxtConfig({
      modules: ["nuxt-disqus"],
      disqus: {
        shortname: "your-disqus-shortname",
      },
    });
    
  3. DisqusComments 放置在您的应用程序中的任何位置,以呈现特定 identifier 的 Disqus 评论线程
    <DisqusComments identifier="/blog/1" />
    
  4. 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