vuepress打造的是无后台纯静态网站，但是如果我们想要拥有评论功能该怎么做呢？可以采取安装插件的方式来实现，vdoing主题默认使用的是gitalk插件，只支持使用GitHub登录，所以导致下方评论功能显示出来需要加载很长时间，我决定采用国内的Gitee平台，这样会有更好的用户体验。经过尝试，相中了Vssue。

Vssue介绍

Vssue (/'vɪʃuː/，由 “V” 和 “Issue” 组合而来) 是一个 Vue 组件 / 插件，可以为你的静态页面开启评论功能。

由于你的页面是“静态”的，你没有数据库和后端 API 的支持。但是你希望让你的页面拥有评论功能，让用户可以登录和发表评论。代码托管平台（如 Github、Gitlab、Bitbucket、Coding 等平台）提供了 OAuth API ，在它们的帮助下，Vssue 可以让用户通过这些平台的帐号登录，将评论存储在这些平台的 Issue 系统中，并在当前页面展示。

这也是 Vssue 名字的由来：由 Vue 驱动并基于 Issue 实现。

官网链接 (opens new window)

安装Vssue插件

yarn add vssue -D //npm install vssue -D

安装平台API

由于我们这里使用的Gitee，所以安装Gitee的API即可，更多API查看官网API (opens new window)。

 yarn add @vssue/api-gitee-v5 -D //  npm i @vssue/api-gitee-v5

创建第三方应用

获取 Client ID 和 Secret

使用该插件

// .vuepress/config.js

module.exports = {
  plugins: {
    'Vssue', {
      // 设置平台
      api: 'gitee-v5',
      // 设置Gitee创建的第三方应用信息
      owner: 'china-fanxin',
      repo: 'china-fanxin',
      clientId: '5eeebd6451d6b85d299aebd713ec5596f37854fc56ea3178d01d63f8f0d944e8',
      clientSecret: 'b9f2b6e238aea739f2928a05fd01dc2d663afeca81d9eced63f6a17b88faf8c2', 
      autoCreateIssue: true,//自动创建评论
    }
  },
};

重要提示

使用vuepress+Vssue实现的评论功能，在文章页面添加评论时候有bug存在，无法获取回调路径！！

所以经过几番尝试后，我投身了valine的怀抱~😎