一个复杂点的看板娘————蕾姆(レム)
添加看板娘蕾姆蕾姆(レム)
1、参考上一看板娘博文学会基本操作
参考博文: >> 一个简单的看板娘 - 2Ming - 博客园 (cnblogs.com) <<
2、添加蕾姆
参考博文:>> 添加一个好看的看板娘——蕾姆(レム) - DevBobcorn - 博客园 (cnblogs.com) <<
蓝奏云备用链接:(防止百度网盘链接失效)立即下载
3、注意事项
1) Q:为什么加载完之后没有蕾姆的图片,只有聊天框?
A:没有蕾姆的图片说明模型加载失败,应该是模型目的地址不可达(DNS无法解析目标地址的IP地址)。
仔细看DevBobcorn博文的话会发现有下面一段:
圈中的部分是超链接,点击可以跳转到DevBobcorn写好的对应的说明和解决办法。 >> 立即跳转<<
由于真实IP地址可能会有变化,所以我们需要重新再获取一遍再添加到hosts。
当前地址如下:(2022-10-04 12:18:53)
185.199.110.133 raw.githubusercontent.com
2)Q:html代码有完整的html、head、body标签,我应该去掉哪些部分?
A:仅保留关键代码即可,删减后如下:(可以直接复制本段)
<link rel="stylesheet" type="text/css" href="https://blog-static.cnblogs.com/files/blogs/769727/live2d.css" /> <script src="https://blog-static.cnblogs.com/files/blogs/769727/jquery.min.js"></script> <script src="https://blog-static.cnblogs.com/files/blogs/769727/live2d.min.js"></script> <div id="landlord"> <canvas id="live2d" width="280" height="310" class="live2d"></canvas> </div> <script type="text/javascript"> loadlive2d('live2d', '//raw.githubusercontent.com/DevBobcorn/Live2d-Resource/master/model/11/11.json'); </script>
(注意替换JS和CSS地址为自己的地址,参考 >> 一个简单的看板娘 - 2Ming - 博客园 (cnblogs.com) <<)
4、看板娘美照