给自己的网站添加看板娘

2021-03-29 15:08:56 浏览数 (1)

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

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

代码语言:javascript复制
http://www.djyqxbc.vip

(官网)注意左下角。

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

点击左下角的4个方块(开始菜单),直接搜索iis。

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

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

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

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

代码语言:javascript复制
 <!-- 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.

0 人点赞