Web 页面中集成 Hexo Live2D 插件模型

一、浏览插件模型。

二、插件下载地址。 rw8y 

三、复制提供的文件到项目中即可，下载的文件中有该文件。

四、引用 Js ，让模型加载出来。

五、效果图

---

一、浏览插件模型。

二、插件下载地址。 rw8y 

上面三个是已经配置好的。

注：具体操作是将assets改名成模型名了，对比文件更改即可。

三、复制提供的文件到项目中即可，下载的文件中有该文件。

四、引用 Js ，让模型加载出来。

<#--
  Created by IntelliJ IDEA.
  User: NingZe
  Description: l2dwidget - 2D模型
  Date: 2019/6/1 0028
  Time: 9:13
  To change this template use File | Settings | File Templates.
-->

<div id="live2d-widget">
    <canvas id="live2dcanvas"></canvas>
</div>

<script type="text/javascript" src="/live2dw/lib/L2Dwidget.min.js"></script>

<script  type="text/javascript">

    var modelNames = ['haruto', 'koharu'];
    var name = modelNames[1];

    L2Dwidget.init({
        pluginRootPath: "live2dw/",//资源root路径
        pluginJsPath: "lib/",//js相对root的路径
        pluginModelPath: "/" + name + "",//模型相对root的路径
        tagMode: !1,
        debug: !1,
        model: {
            scale: 2,
            jsonPath: "/live2dw/" + name + "/" + name + ".model.json"
        },
        display: {//大小位置什么的自己慢慢调就是了
            position: "right",//定位
            width: 90,//实际宽度X2
            height: 150,//实际宽度X2
            hOffset: -10,//right
            vOffset: -30//bottom
        },
        mobile: {
            show: 1 // 是否在手机显示
        },
        log: !1
    });

    // !1 - false , 1 - true

</script>

五、效果图