什么？还能在网站上藏一个老婆？（怎么在给个人博客或者网站添加基于Live2D的动漫模型）

什么？还能在网站上藏一个老婆？？？

父老乡亲们第一次访问本菜鸟的网站时，第一眼看到的肯定是我偷偷放在左下角的老婆啦~（/滑稽）

那么问题来了，父老乡亲们如果也想把老婆放上去，该怎么做呢？

首先，就要引入一个概念——Live2D：

Live2D是一种应用于电子游戏的绘图渲染技术，技术由日本Cybernoids公司开发。通过一系列的连续图像和人物建模来生成一种类似三维模型的二维图像，对于以动画风格为主的冒险游戏来说非常有用，缺点是Live 2D人物无法大幅度转身，开发商正设法让该技术可显示360度图像。（摘自百度百科）

诶~没错，咱们的老婆的祖宗就是Live2D，这项技术应用于游戏是最多的，大家其实都有可能已经接触过了，就比如最近很火的你木有玩过的船新版本的游戏：《贪玩蓝月》！（/滑稽），走错片场了，是《碧蓝航线》啦~各位dalao可能都已经玩过了，应用的就是这项技术。

诶~今天呢，我们就来把这项技术应用到我们的博客或者主页上去~

本菜鸟经过了两天的测试，给大家选用了一种最简单的安装方法，让乡亲们在五分钟内，就可以把老婆抱回自己的主页~

准备工作

首先，下载Live2dHistoire for WP.zip文件。

文件获取方法：

1、关注本菜鸟的公众号“依枫”；

2、回复“资源”，就可以获取到啦~

正式开工

第一步：进入wordpress管理后台，点击安装插件，点击上传插件；

第二步：选中下载的文件，进行安装；

第三步：进入已安装的插件并找到这个插件点击：启用

就是这么简单~这样这个伊斯特瓦尔就进入乡亲们的主页啦~

配置

当然，也可以对这个可爱的模型进行高级设置。点击设置，从中选中live2d伊斯特瓦尔设置。

这个模型还有一个自动对话的功能，乡亲们可以在图灵机器人注册一个账号，从中新建一个机器人，获取api，输入图灵机器人apikey中，就完成啦~还可以设置对话内容哦~图灵机器人的使用方法大伙们自行百度啦~

 

最后呢，就来说说本菜鸟踩过的几个坑：

第一个“坑”

这个是一个大佬做的Live2D 看板娘，为什么要给坑加引号呢，因为这个坑是因为我太菜了，实在是调试不出来，嘤嘤嘤。

项目地址：https://github.com/galnetwen/Live2D

在这个项目中，这位大佬制作了一个Live2D看板娘，需要在博客的header,body,footer段落添加HTML代码来让看板娘运行在网页中。

然鹅，我调试了一个下午代码，这个看板娘的其他功能都出来了，就是身体出不来，变成了“我的空气女友”，QAQ，经过分析，我把原因归咎于这个项目和我选用的主题可能发生了冲突，就放弃了，嘤嘤嘤。

如果有大佬成功配置了这个看板娘可以在下方留言指导一下~

第二个“坑”

经过我一下午失败的代码实战，决定放弃自己配置。wordpress有一个很牛掰的功能，他就是——插件~

果然，已经有大佬成功的把Live2D成功的移植到了插件上，那我们就来选用一下插件吧~

首先，就是这位大佬的项目：https://github.com/xb2016/poster-girl-l2d-2233

这个大佬已经把2233娘Live2D集成到了插件上，只需要下载项目，安装插件，启用插件就可以了~

但是呢~“坑”在哪里呢~

1. 这个插件会和音乐播放器产生冲突，本菜鸡启用了这个插件时，诶，感觉不错，但是音乐播放器不能正常运行了，我不能放弃我辛辛苦苦找的几首那么好听的歌呀，只能放弃这个插件了。
2. 我重新测试了这个插件的老版本，发现老版本不会和音乐播放器冲突，但是还有一个问题，就是第二个坑，在用鼠标点击2233娘时，2233娘会跳到另一个地方去，这并不是一个很好的用户体验，所以只能放弃了。

最后，欢迎大家关注本菜鸟的公众号呀~今后会有更加好玩的内容发布在公众号上呀~