给你的博客网站添加一个看板娘

致谢大佬:Mario

项目下载地址

https://github.com/jujimeizuo/wordpress_live2d

使用须知

需要 Font Awesome 4.7.0 支持,请确保相关样式表已在页面中加载,例如在 <head> 中加入

1
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/font-awesome/css/font-awesome.min.css"

 

项目代码

适用于Sakura主题的live2d + 少女前线API

少女前线API版

  1. 如果你是小白,或者只需要最基础的功能,请将上方 项目代码 下载下来【前面的 Font Awesome 的一行代码(看需求添加)】,将 live2d_api 目录放到你的站点根目录,新建一个 live2d 目录将项目的其他文件都放进去。
  2. 修改 autoload.js 文件中第37行的 apiPath 为你的 https://你的域名/live2d_api/, 第2行和第3行路径改为 https://你的域名/live2d/
  3. 然后在你主题的 footer.php 文件 </body> 标签之上引用即可

 

1
<script src="https://你的域名/live2d/autoload.js"></script>

效果示意图

其他说明

autoload.js 中的 apiPath: 为 live2d API 接口,默认即可,如果你有其他的也可以修改 autoload.js 中的 cdnPath: 为对象存储路径,注意跨域的问题,不使用请注释掉 Json配置(SDK 2):https://live2d.pavostudio.com/doc/zh-cn/live2d/model-config-sdk2/

本文作者:jujimeizuo
本文地址https://blog.jujimeizuo.cn/2021/05/02/live2d/
本博客所有文章除特别声明外,均采用 CC BY-SA 3.0 协议。转载请注明出处!