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

相关推荐
猩兵哥哥3 小时前
前端面向对象设计原则运用 - 策略模式
前端·javascript·vue.js
EMT5 小时前
在 Vue 项目中使用 URL Query 保存和恢复搜索条件
javascript·vue.js
我是日安5 小时前
从零到一打造 Vue3 响应式系统 Day 9 - Effect:调度器实现与应用
前端·vue.js
鹏多多5 小时前
深入解析vue的keep-alive缓存机制
前端·javascript·vue.js
用户51681661458411 天前
Vue Router 路由懒加载引发的生产页面白屏问题
vue.js·vue-router
前端缘梦1 天前
Vue Keep-Alive 组件详解:优化性能与保留组件状态的终极指南
前端·vue.js·面试
Simon_He1 天前
这次来点狠的:用 Vue 3 把 AI 的“碎片 Markdown”渲染得又快又稳(Monaco 实时更新 + Mermaid 渐进绘图)
前端·vue.js·markdown
王同学QaQ1 天前
Vue3对接UE,通过MQTT完成通讯
javascript·vue.js
华仔啊1 天前
基于 RuoYi-Vue 轻松实现单用户登录功能,亲测有效
java·vue.js·后端
艾小码1 天前
告别Vue混入的坑!Composition API让我效率翻倍的3个秘密
前端·javascript·vue.js