博客详情页面引入Valine系统+LeanCloud

25 年 01 月 18日星期六 (已编辑)

作者：未知用户

日常生活

这篇文章最后修改于 2025年 01月 18日 19时10分部分内容可能已不适用如有疑问请联系作者.

关于Valine评论系统

由于某些原因，src目录将从v1.4.0后暂停更新.GitHub release (latest by date) Cdnjs npm downloads build DocsValine 诞生于2017年8月7日，是一款基于LeanCloud的快速、简洁且高效的无后端评论系统。理论上支持但不限于静态博客，目前已有Hexo、Jekyll、Typecho、Hugo、Ghost、Docsify 等博客和文档程序在使用Valine。

特性

快速
安全
Emoji
无后端实现
MarkDown 全语法支持
轻量易用
文章阅读统计
Valine - 一款快速、简洁且高效的无后端评论系统。

在文章详情页面引入Valine

js 复制代码

/* 评论配置 */
onMounted(() => {
  let decodeArticleId = decryData(route.params.articleId) + ''
  new Valine({
    el: '#detailsComments',
    appId: 'appid',
    appKey: 'appkey',
    placeholder: "你是我一生只会遇见一次的惊喜 ...",
    master: '515f1b6b5b8',
    tagMeta: ["博主", "小伙伴", "访客"],
    avatar: 'monsterid',
    enableQQ: true,
    path: decodeArticleId,
  })
})

 <div id="detailsComments" class="luox-comment-box"></div>

比较需要注意的就是添加一个path属性为评论的唯一标识，最好是当前文章的id，与之对应的是在LeanCloud中的url字段

暂无目录信息

文章标题：博客详情页面引入Valine系统+LeanCloud

文章作者：未知用户

文章链接：[复制]

最后修改时间：2024年 03月 19日 14时53分

商业转载请联系站长获得授权，非商业转载请注明本文出处及文章链接，您可以自由地在任何媒体以任何形式复制和分发作品，也可以修改和创作，但是分发衍生作品时必须采用相同的许可协议。本文采用CC BY-NC-SA 4.0进行许可。

豫ICP备2022014268号-1

我们历经沧桑，这样错过了一生最好的时光，错过了便是永远