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,则切换页面时评论内容不会刷新

相关推荐
前端权几秒前
Vue3 多行文本溢出隐藏与展开收起功能实现总结
前端·vue.js
用户380225859824几秒前
vue3源码解析:调度器
前端·vue.js
梦想CAD控件26 分钟前
WEB CAD与Mapbox结合实现在线地图和CAD编辑(CGCS2000)
前端·javascript·vue.js
bitbitDown1 小时前
我用Playwright爬了掘金热榜,发现了这些有趣的秘密... 🕵️‍♂️
前端·javascript·vue.js
markyankee1011 小时前
Vue 表单输入绑定终极指南:从基础到企业级实践
vue.js
借月1 小时前
🎯 用 Vue + SVG 实现一个「蛇形时间轴」组件,打造高颜值事件流程图
vue.js
tianchang1 小时前
SSR 深度解析:从原理到实践的完整指南
前端·vue.js·设计模式
小杜不是小杜2 小时前
qiankun:vue3+webpack 微前端搭建
前端·vue.js
怪大叔95272 小时前
eslint9.0之后如何安装新版本eslint+prettier规范
前端·vue.js·代码规范
好柿会發生3 小时前
markdown 渲染自定义组件
vue.js·markdown