如何把可爱的Live2d看板娘放到自己的网页上

发现好多的博客页面上有这样一个看板娘非常的讨人喜欢于是自己就尝试将其添加入网页。效果图首先下载资源并解压https://www.lanzous.com/i5xllwh双击live2d.html这就是一个已经弄好的示例网页。暂时还没有换装/换人物的一些功能用编辑器打开网页源码这一段是需要引用的csslink relstylesheet hreflive2d/css/live2d.css /这一段是body中需要添加的元素div idlandlord div classmessage styleopacity:0/div canvas idlive2d width280 height250 classlive2d/canvas div classhide-button隐藏/div /div这一段是在body尾部需要引用的javascript资源script typetext/javascript srchttps://cdn.bootcss.com/jquery/2.2.4/jquery.min.js/script//添加jquery环境必须 script typetext/javascript var message_Path https://6dduu6.github.io/live2d/ //message.js的目录必须填写否则无法加载交互的文字 var home_Path https://6dduu6.github.io/ //网站的根目录 /script script typetext/javascript srclive2d/js/live2d.js/script script typetext/javascript srclive2d/js/message.js/script script typetext/javascript loadlive2d(live2d, https://6dduu6.github.io/live2d/model/pio/model.json); //model.json和其模型等都需要放在服务器网站上 /script把这些代码加在所要添加的网页上的对应位置就行了。建议把资源丢到自己的服务器或github网站中引用自己的资源地址学习自https://blog.csdn.net/kids_calamus/article/details/82719896https://imjad.cn/archives/lab/add-dynamic-poster-girl-with-live2d-to-your-blog-02我的githubhttps://github.com/6DDUU6/6DDUU6.github.io/示例网站https://6dduu6.github.io/live2d.html