Nuxt Nation 大会即将到来。加入我们,时间为 11 月 12-13 日。

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