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

相关推荐
Mo_jon20 小时前
vite + vue 快速构建 html 页面 (舒适编写html文件)
前端·vue.js·html
慧一居士1 天前
Vite 中配置环境变量方法及完整示例
前端·vue.js
yyt3630458411 天前
TypeScript { [key: string]: unknown } 索引签名写法和 Record 替代
前端·javascript·vue.js·typescript·ecmascript·es6
getapi1 天前
在宝塔面板中部署 Vue 项目打包后的 dist 文件作为前端
前端·javascript·vue.js
xkxnq2 天前
第二阶段:Vue 组件化开发(第 28天)
前端·javascript·vue.js
zhengxianyi5152 天前
vue-cli build, vite build 生产部署刷新或弹窗404,页面空白修复方法
前端·javascript·vue.js·nginx·生产部署
恋爱绝缘体12 天前
Vue.js 组件 - 自定义事件【1】
前端·javascript·vue.js
zhengxianyi5152 天前
vite build 发布到nginx二级目录——将yudao-ui-go-view打包、部署到big目录下
vue.js·nginx·vite·前后端分离·打包·ruoyi-vue-pro优化·部署运维
huangyiyi666662 天前
前端-远程多选搜索框不能反显的问题解决
前端·javascript·vue.js·笔记·学习
敲敲了个代码2 天前
让 Vant 弹出层适配 Uniapp Webview 返回键
前端·javascript·vue.js·学习·面试·uni-app