序言：效果展示

参考于https://immmmm.com/zan-by-leancloud-cn/。

基于 Butterfly 主题样式进行了优化的文章点赞小部件（LeanCloud）

资源包地址：https://github.com/Zfour/Butterfly-leancloud-zanplus

资源包下载

步骤 1：在 leanCloud 中创建应用

如果你配置过 Valine 评论请直接使用 valine 评论的应用。
在使用前首先确保已经绑定过安全域名。

新增 class

创建名为 Zan（首字母大写！！！！）的 Class（相当数据库），权限改为“无限制”。

绑定安全域名

前往设置中的域名绑定选项，绑定安全域名。

绑定安全域名

前往设置中的应用 Keys 获取应用 ID 和 Key

步骤 2：添加引入 js、css 代码

放置资源包

资源包下载

将下载包中的 zan 文件夹放入主题目录的”source”文件夹下。

引入 js 和 css

打开”\themes\butterfly"路径下的”_config.yml”

搜索到”inject:”设置处

添加以下代码：

1
2
3
4
5
6
7
inject:
  head:
    - <link rel="stylesheet" href="/zan/zan.css">

  bottom:
    - <script src="https://cdn1.lncld.net/static/js/3.5.0/av-min.js"></script>
    - <script src="/zan/zan.js"></script>

步骤 3：填写自定义属性的 js 配置

配置用户信息

修改 zan.js 里的 appId 和 appKey。

1
2
3
4
AV.init({
  appId: "你的Id",
  appKey: "你的key",
});

总结

此时，”hexo g && hexo s”可发现已加载。

若有问题请与我邮件联系499984532@qq.com。