Artitalk 方式
本方式是使用 Artitalk 来部署的说说
效果
实际链接:https://ncwzdlsd.top/shuoshuo/
配置
首先进入到 Artitalk 的官网,按照“快速开始 ”里的流程把 Artitalk 的数据存储扔到 LeanCloud 上。
需要注意的是,现在 LeanCloud 的国际版基本上在中国大陆地区已经无法使用,所以国内用户请使用国内版 LeanCloud,但是整体过程是一样的,只需要在配置页面的时候加入 serverURL
信息即可。
LeanCloud 配置完成后,就可以把 Artitalk 加到自己的博客上了。
用 hexo new page
命令创建新页面,比如,起的名字叫 shuoshuo
,则输入
hexo new page shuoshuo
博客根目录下的 source
文件夹里就会自动新建一个 shuoshuo
文件夹
打开里面的 index.md
文件中进行如下配置:
-
修改
front-matter
:::caution
如果你之前用本地部署方式,在
/source/_data/
目录下面创建了essays.yml
,请把此文件删除或者重命名到别的名字,否则Artitalk
不会生效:::
--- title: 说说 ---
-
然后就是一些配置项,可以参照 官方文档 。
注意这里的
serverURL
,正常 LeanCloud 的serverURL
需要备案,但是估计很多博客作者都没用备案域名,所以这里有个替代方案,就是使用https://avoscloud.com
这个地址作为serverURL
。这里为了加快访问速度把说说的 js 文件扔到了自己的 (ncwzdlsd的) 腾讯云 COS 上,也可以按照官方文档中的配置换成
unpkg
。示例代码:
<!-- 引用 artitalk --> <script async data-pjax type="text/javascript" src="https://photo-1314795557.cos.ap-beijing.myqcloud.com/artitalk.js"></script> <!-- 存放说说的容器 --> <div id="artitalk_main"></div> <script async data-pjax> new Artitalk({ appId: '', // Your LeanCloud appId appKey: '', // Your LeanCloud appKey serverURL: 'https://avoscloud.com', pageSize: 50, //每页评论数量 shuoPla: '', //评论框里显示,可以不填 motion: 0, //加载动画的开关 0(关闭),1(开启) atComment: 0, //评论功能的开关 0(关闭),1(开启) bgImg: '', //评论框里的背景,可以不填 color1: '#ffffff', //自定义颜色,有几种方式 color2: '#ffffff', color3: '#3b9a9c', }) </script>
这样设置之后一个可以动态编辑的说说页面就好了,如果按照如上的配置效果如下:
更多设置可以自行搜索,或者查看官方文档。
需要注意的是用 Artitalk 部署说说之后可能说说页面的访问速度会比较慢,如果需要访问速度,请使用本地部署方式
撰写者:ncwzdlsd
修改:Evan Luo