如何在网站上添加看板娘？

这里的方法适用于 WordPress、EMLog、Z-Blog 甚至是静态网站。

下载来 看板娘外挂版 提取码: ypq8  项目，我们会在 src/lib 目录下得到一个 live2d.min.js 。这个就是核心啦！

然后在你的网页上添加一个 canvas 画布，一般放在 footer.php 即页尾文件里面。一般写成这样：

<canvas id="paul" width="280" height="250"></canvas>

其中 id 部分负责让脚本获得画布的位置，width 和 height 分别是宽度和高度，在这里设置你的模型宽高。

然后我们就需要引用这个 JS 文件啦！方法也很简单，你把这个文件放在合适的位置，或是用 CDN 引用皆可。

<script src="live2d.min.js"></script>

接着我们再通过一段简单的代码来开始引用我们的模型：

<script>loadlive2d('paul', '模型路径/model.json');</script>

这样我们的网站上，就显示出自己的看板娘啦！

细心的你肯定会发现，看板娘被放在了正常的位置显示了出来，而不是 “悬挂” 在页面的某个位置。我们通过添加一段简单的 CSS 就可以做到了！

#paul{
    left: 0;
    bottom: 0;
    z-index: 520; /* 如果模型被遮住可以把它改的更大 */
    position: fixed;
    pointer-events: none; /* 防止遮住鼠标点击页面其他内容 */
}

于是我们网站上就有了自己的看板娘啦！