VuePress 生态系统VuePress 生态系统
  • 主题指南
  • 默认主题
  • Hope 主题
  • Plume 主题
  • Reco 主题
  • 功能插件
  • Markdown 插件
  • 搜索插件
  • 博客插件
  • 渐进式应用插件
  • 统计分析插件
  • 搜索引擎优化插件
  • 开发插件
  • 工具插件
  • AI 插件
  • @vuepress/helper
  • English
  • 简体中文
GitHub
  • 主题指南
  • 默认主题
  • Hope 主题
  • Plume 主题
  • Reco 主题
  • 功能插件
  • Markdown 插件
  • 搜索插件
  • 博客插件
  • 渐进式应用插件
  • 统计分析插件
  • 搜索引擎优化插件
  • 开发插件
  • 工具插件
  • AI 插件
  • @vuepress/helper
  • English
  • 简体中文
GitHub
  • 博客
    • 指南
    • 插件选项
  • 评论
    • 指南
    • Giscus
    • Waline
    • Artalk
    • Twikoo
  • Feed
    • 指南
    • 插件配置
    • Frontmatter 配置
    • 频道设置
    • Feed 获取器

指南

配置

使用插件选项与客户端配置文件配置插件。

使用插件选项

.vuepress/config.ts
import { commentPlugin } from '@vuepress/plugin-comment'

export default {
  plugins: [
    commentPlugin({
      provider: 'Artalk', // Artalk | Giscus | Waline | Twikoo
      // 服务商特定选项
    }),
  ],
}

使用客户端配置

.vuepress/client.ts
import {
  defineArtalkConfig,
  // defineGiscusConfig,
  // defineTwikooConfig,
  // defineWalineConfig,
} from '@vuepress/plugin-comment/client'
import { defineClientConfig } from 'vuepress/client'

defineArtalkConfig({
  // 选项
})

配置限制

  • 仅限插件选项:provider、多语言和资源相关选项必须在插件选项中设置,以确保 tree-shaking 优化。

  • 仅限客户端配置:基于函数的选项必须在客户端配置中设置,因为无法序列化。

使用评论

插件注册了全局组件 <CommentService />。

用户:使用别名和布局插槽插入组件。建议放在 <PageNav /> 之后。

主题开发者:在主题布局中插入组件。

评论控制

通过插件选项或页面 frontmatter 控制评论:

  • 全局:在插件选项中设置 comment: false 全局禁用
  • 单页:在 frontmatter 中设置 comment: true/false 局部启用/禁用
  • 自定义 ID:在 frontmatter 中设置 commentID 自定义评论存储标识符

可用服务商

可选择 Giscus、Waline、Artalk 或 Twikoo。

推荐

  • 开发者:Giscus(基于 GitHub)
  • 一般用户:Waline(功能完整)

通用选项

provider 仅限插件选项

  • 类型:"Artalk" | "Giscus" | "Twikoo" | "Waline" | "None"
  • 默认值:"None"
  • 详情:评论服务提供者。

comment

  • 类型:boolean
  • 默认值:true
  • 详情:是否默认启用评论功能。
在 GitHub 上编辑此页
上次更新: 2025/6/3 16:26
贡献者: Mister-Hope, meteorlxy, pengzhanbo
下一页
Giscus