live2d 看板娘 简单添加看版娘到自己的网站
简单添加看版娘到自己的网站
关注公众号后台回复 “看板娘” 获取全部文件(接口，源代码)。
我们先来看一下我们的网站会变成什么样吧！
http://www.djyqxbc.vip(官网)注意左下角。
简单制作一个简单的看板娘
点击左下角的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>我这份代码，经过改进，点击看版娘还有声音哦。
制作会发声的看版娘
根据需要，找到这两个文件，搜索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的持续集成代码质量环境
人像转漫画
喜欢记得关注我们哦。
live2d 看板娘 简单添加看版娘到自己的网站相关推荐
- 网页添加Live2D看板娘简易教程
看板娘是一种职业和习惯称呼,也是ACGN次文化中的萌属性之一.简而言之就是小店的女服务生,也有"吸引顾客,招揽生意,提高人气"等作用类似品牌形象代言人的含义. 如果想在自己的博客上 ...
- Hexo添加Live2D看板娘最新教程
目录 前言 介绍 Live2D 看板娘 添加Live2D看板娘 准备工作 安装依赖 下载model文件 添加live2d看板娘到hexo 查看效果 发布 结束语 参考 前言 上次我们搭建了hexo博客 ...
- 网页/博客Hexo添加live2d游戏角色看板娘,简易添加，碧蓝航线等live2d新型游戏角色模型（moc3）
目前博客上常见live2d看板娘很多都已经是比较老的了(旧版的是moc文件的)并且相应的插件不支持新版模型(moc3文件),如碧蓝航线的live2d模型.本篇介绍在网页里引入moc3文件的方法 示例网 ...
- 博客园添加live2D看板娘和樱花飘落背景
写在前面 本文主要描述了怎么给博客园添加看板娘和樱花飘落特效,文章可能还有很多不足,请大家谅解,欢迎大佬提意见. 本文使用的东西 live2d(看板娘) 樱花飘落 博客园 文章目录 写在前面 本文使用 ...
- html网页制作看板娘原理,博客网页上添加live2D看板娘
一:前言 "看板娘",简而言之就是小店的女服务生,也有"吸引顾客,招揽生意,提高人气"等作用类似品牌形象代言人的含义.所用的技术是live2D,live2d并不 ...
- 搭建博客hexo 安装hexo、配置hexo、hexo主题美化和添加live2d看板娘--详细步骤
一.安装hexo 1.下载安装软件 git:https://git-scm.com/downloads node:https://nodejs.org/en/ 2.安装好两个工具之 ...
- hexo+yilia添加live2d看板娘
文章目录 安装 1.安装插件 2.选择模型 3.配置 4.效果图 补充 取消看板娘 暂时不用 卸载插件 添加live2d看板娘,插件:hexo-helper-live2d,github仓库:https ...
- html的美图片加上2d动画,网站上面添加一个动漫小女孩的html代码 WordPress添加live2d看板娘...
在你博客程序头部文件(header.php)引入界面样式,在 head 标签内插入如下代码 在你博客程序页脚文件(footer.php)引入脚本,在最后一个 标签前插入如下代码: var messag ...
- Live2D看板娘详细实现
Live2D看板娘实现 国际惯例先上图: 所需资源: 链接:https://pan.baidu.com/s/1s7IJIqGnn-cNRAfoS-qG5w 提取码:dhf4 其中包含了看板娘所需的CS ...
最新文章
- JavaScript初步入门
- python常用指令-日常整理python执行系统命令的常见方法(全)
- 如何搭建一个视频直播系统
- javascript-引入-函数的定义与使用-多值传参-ao对象
- 【C++】C++中的头文件（.h）—详解（1）
- 打蚊子表情包_一拳超人：埼玉明显是动真格，蚊子为何能躲开埼玉的攻击？
- 微机原理及应用简答题复习
- PPT快速成长经验，我将其免费告诉你
- 操作系统---IO设备
- c语言数组输入某年某月某日,编程：输入某年某月某日，判断这一天是这一年的第几天...
- fgetc 与 getc的区别
- yujin_ocs/yocs_velocity_smoother速度平滑velocity_smoother_nodelet源码解读
- 解决win10系统无法安装.Net framework3.5，安装Visual Studio 2010提示你的电脑上的应用需要使用以下Windows功能:.Net framework3.5(包括
- 解决MATLAB新版本中modem.qammod作废的问题
- docker看这一篇就够了
- 单系统 台电x80pro_台电X80 Pro (E6E9)-双系统安装文件平板固件
- homebrew安装常见错误解决
- datadog-define-tags by AOP
- nginx的安装和html部署问题
- OCR-光学符号识别