给网页添加看板娘

发布于 2019-09-09  574 次阅读


最近在忙着调试的一个插件,在git上找到了两个版本,分享一下我自己觉得好一点的版本吧。(具体效果可以看博客左下角,手机端也支持)

首先下载这个live2d项目,然后把里面assets文件夹的所有东西复制到你服务器的有可直接用浏览器访问权限的目录下。

https://github.com/fghrsh/live2d_demo

然后在编辑网页文件,添加jquery和font-awesome。

<script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/font-
awesome/css/font-awesome.min.css"/>

然后添加上传到你服务器文件(waifu.css和autoload.js)的路径。

<link rel="stylesheet" type="text/css" href="http://xxx.xx/xxx/waifu.css"/>
<script src="http://xxx.xx/xx/autoload.js" type="text/javascript"></script>

我要你快乐