live2d 看板娘 简单添加看版娘到自己的网站

大家好，又见面了，我是全栈君。

简单添加看版娘到自己的网站

关注公众号后台回复  “看板娘”  获取全部文件(接口，源代码)。

我们先来看一下我们的网站会变成什么样吧！

http://www.djyqxbc.vip

(官网)注意左下角。

1. 简单制作一个简单的看板娘

点击左下角的4个方块（开始菜单），直接搜索iis。

启动，并新增一个自己的网站，在网站目录下导入下面这些文件。

主要的文件我已经放在网盘了，文后有链接哦。

然后访问本地这个网站，我们就可以看见自己的看板娘了。

或者在当前文件夹中，我们已经有写好的网站页面，那我们只需要添加这段代码在我们当前的网站代码中，就能引入看版娘了。

<!-- waifu-tips.js 依赖 JQuery 库 -->

<script src="assets/jquery.min.js?v=3.3.1"></script>



<!-- 实现拖动效果，需引入 JQuery UI -->

<script src="assets/jquery-ui.min.js?v=1.12.1"></script>



<!-- 使用 aotuload.js 引入看板娘 -->

<script src="assets/autoload.js?v=1.4.2"></script>

我这份代码，经过改进，点击看版娘还有声音哦。

1. 制作会发声的看版娘

根据需要，找到这两个文件，搜索193.112.19.100:2222修改为www.djyqxbc.com/kbn 发声的接口，便可以使用了。当然如果有更好的接口，也可以换成自己需要的。

3、部署看板娘接口。

上面的这种方式，只是简单的将看板娘代码片段部署到我们的网站上，我们只是看到看版娘的在我们的页面上显示。

那我不想调用其他人的接口，我就想要调用自己的看板娘接口。

如图，这些就是我们看版娘的接口。

那要如何布置到我们自己的网站呢？

来看我们上一篇文章中提到的部署iis配置php环境的文章。

iis+php环境搭建：https://blog.csdn.net/qq_39046854/article/details/114108141

live2d 添加对应mine值，mtn，moc文件404：https://blog.csdn.net/qq_39046854/article/details/114019680

按照这篇文章所写配置php环境，新增一个网站，将网盘中的文件复制到你的网站下，便部署看版娘接口了。

然后再assets下面找到这两个文件，根据选择的方式，将其中的modelAPI修改为刚才搭建的api。

比如你的网站是127.0.0.1:80

看板娘接口地址是127.0.0.1:81

那这里你就需要将//live2d.fghrsh.net/api/设置127.0.0.1:81/live2d。如果你的目录下没有live2d目录，那就直接127.0.0.1:81。

然后我们再来访问一下我们的网站，查看显示。

127.0.0.1:80.

相关推荐：

​windows IIS+php配置教程

搭建flask web框架及应用

搭建服务器jenkins+sonar的持续集成代码质量环境

人像转漫画

喜欢记得关注我们哦。