vuepress-----22、其他评论方案

vuepress 支持评论

本文讲述 vuepress 站点如何集成评论系统,选型是 valine+leancloud, 支持匿名评论,缺点是数据没有存储在自己手里。市面上也有其他的方案, 如 gitalk,vssue 等, 但需要用户登录 github 才能发表评论, 但 github 经常无法连接,导致体验非常差。

参考文档 (opens new window) (opens new window)

# 注册 leancloud

提示

可通过 leancloud 后台管理评论内容

# 添加评论插件

  • yarn add vuepress-plugin-comment -D

  • vi ./config.js

    // 评论插件
    [
    "vuepress-plugin-comment",
    {
    choosen: "valine",
    // options选项中的所有参数,会传给Valine的配置
    options: {
    el: "#valine-vuepress-comment",
    appId: "cxPSbJA9SE1uXWt0ywBRl0Cr-gzGzoHsz",
    appKey: "jKPdKyf3rUlfcVV03gPyBSd1",
    path: '<%- frontmatter.to.path %>'
    }
    }
    ]

注意

若不配置 path,则切换页面时评论内容不会刷新

相关推荐
合作小小程序员小小店15 小时前
web网页开发,在线考勤管理系统,基于Idea,html,css,vue,java,springboot,mysql
java·前端·vue.js·后端·intellij-idea·springboot
防火墙在线15 小时前
前后端通信加解密(Web Crypto API )
前端·vue.js·网络协议·node.js·express
她是太阳,好耀眼i16 小时前
Nvm 实现vue版本切换
javascript·vue.js·ecmascript
han_17 小时前
前端高频面试题之Vue(初、中级篇)
前端·vue.js·面试
执携18 小时前
Vue Router (命名视图)
前端·javascript·vue.js
含若飞18 小时前
Vue 中 `watch` 与 `this.$watch` 使用指南
前端·javascript·vue.js
希冀12319 小时前
【Vue】第五篇
前端·javascript·vue.js
华仔啊20 小时前
开源一款 SpringBoot3 + Vue3 数据库文档工具,自动生成 Markdown/HTML
vue.js·spring boot·后端
一枚前端小能手21 小时前
「周更第11期」实用JS库推荐:Pinia
前端·javascript·vue.js
冴羽21 小时前
从 useState 到 URLState:为什么大佬们都在删状态管理代码?
前端·javascript·vue.js