转载自老蘑菇的博客:https://m1314.cn/287.html,加上自己的一些感悟,欢迎前来支持

#前言

live2d看板娘是每一个博客主必不可少的特效,如果闲卡的当我没说,不过那是你看到本文之前,本次采用远程调用的js的方法,使用一行代码解决,无需使用插件或者上传文件,cdn取自老蘑菇的博客。

#使用的开源项目

1.Live2D 看板娘插件 

github项目地址:https://github.com/fghrsh/live2d_api

演示demo:https://live2d.fghrsh.net/demo/1.4.2/

2.参照方法

博客地址:https://zhangshuqiao.org/2018-07/在网页中添加Live2D看板娘

3.老蘑菇整理的项目live2d+少女前线api

github项目地址:https://github.com/Fog-Forest/live2d

#使用须知

需要 Font Awesome 4.7.0 支持,请确保相关样式表已在页面中加载,例如在 中加入代码(效果可以看我的博客pc端,移动端不显示。)

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

Sakura主题自带,可以跳过此步骤。

#正式开始

>默认版本

  • 如果你是小白,或者只需要最基础的功能,就只用把这一行代码,连同前面加载 Font Awesome 的一行代码(看需求添加),一起放到 html 的 中即可展现出效果:
<script src="https://cdn.jsdelivr.net/gh/Fog-Forest/live2d@1.0.2/live2d_load/autoload.js"></script>
  • 如果你需要修改回复等设置请下载上方 整理好的项目代码 中的 live2d_load目录,参照此项目说明修改即可

>预览

WordPress主题美化(四)插图

不止一种人物,可以换人物和服饰。

>少女前线API

  1. 如果你是小白,或者只需要最基础的功能,清将上方 整理好的项目代码 下载下来【前面的 Font Awesome 的一行代码(看需求添加)】,将项目中的 live2d_api和 live2d_load_own 两个目录上传到你的服务器
  2. 修改 live2d_load_own 目录中的 autoload.js 文件中第37行的 apiPath 为你的 https://你的域名/live2d_api/ , 第2行和第3行路径改为 https://你的域名/live2d_load_own/
  3. 然后在你主题的 header.php 文件 中引用即可展现出效果:
<script src="https://你的域名/live2d_load_own/autoload.js"></script>

博主留言:太过于花哨没啥用,老老实实写博客才是正道,本站延迟大,打开要四,五秒,有点后悔搞美化……


一个爱好捣鼓网站的男孩纸!