给自己的网站添加看板娘

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

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

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>

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

2、制作会发声的看版娘

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

3、部署看板娘接口。

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

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

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

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

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

windows IIS+php配置教程

按照这篇文章所写配置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.