前提

1、有自己的域名
2、如果使用 LeanCloud 国内版,需要对域名进行备案
3、如果使用 LeanCloud 国际版,由于 国际版共享域名不再向中国大陆提供服务 ,leancloud 里的应用要绑定一个二级域名
4、以下内容示例使用的国际版 LeanCloud

注册和配置 LeanCloud

直接照搬 Artitalk.js 文档完成操作:
使用文档 | Artitalk.js

1、前往 LeanCloud 国际版 ,注册账号。

butterfly 主题安装插件和配置使用

安装插件

butterfly 主题 Hexo 博客已经整合了 artitalk 功能,所以直接安装 hexo-butterfly-artitalk 插件即可:

1
npm install hexo-butterfly-artitalk

默认配置

相关的配置可参考 Artitalk.js 文档
在 hexo 中新建 page 页:

1
hexo new page artitalk

在index.md中添加以下内容
1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
 <script type="text/javascript" src="https://unpkg.com/artitalk"></script>
 
 <div id="artitalk_main"></div>
 <script>
 new Artitalk({
  serverURL: 'https://域名',// Your LeanCloud site
     appId: '', // Your LeanCloud appId
     appKey: '', // Your LeanCloud appKey
     color1: 'linear-gradient(45deg,rgba(109,208,242,0.75) 15%,rgba(245,154,190,0.75) 85%)',
  color2: 'linear-gradient(45deg,rgba(109,208,242,0.75) 15%,rgba(245,154,190,0.75) 85%)',
 })
 </script>
 ​

登录LeanCloud创建应用
名称随意,选择开发版,然后创建,点击设置

绑定域名

打开 LeanCloud artitalk 应用左边菜单栏的设置 - 域名绑定,添加一个二级域名,如下图:

image

创建用户

点击左侧内建账户,用户管理,添加用户
tips:点击非必填,在img项添加你头像的链接

部署LeanCloud

  1. 点击结构化数据➡️_User表➡️添加行
    此为在博客页面登录artitalk所用的账号密码
    image
  2. 修改权限为刚才添加的用户
    image
  3. 创建Class➡️shuoshuo➡️修改访问权限为刚才创建的用户
    image
  4. 创建Class➡️atComment➡️访问权限为所有用户
    image
  5. 点击应用凭证,记下AppID和AppKey的值
    image
  6. 设置➡️安全中心➡️Web安全域名,填入自己的博客域名
    image

结尾

接下来hexo三连即可

1
hexo cl;hexo g;hexo d

附上本站样式预览:本站的Artitalk样式