通过 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