【美化博客园样式历程】添加live2D看板娘

不知道该不该说二次元的力量是不是强大，有好多博客都写了相关的内容，非常可惜的是，我也是一名阿宅，不弄个看板娘说不过去。

代码

首先，需要申请博客园的 js 权限，步骤是：管理 -> 设置 -> js权限申请

接着就到页面html代码添加如下代码

引入 live2d 的 js：

要注意书写规范，同时奇怪的地方在于原来博客园默认的JS也不是HTML5中的type="text/javascript"，没有这个玩意，我们是无法做到JSONP跨域的

不然会报如下的错误:

Uncaught ReferenceError: L2Dwidget is not defined

<script type="text/javascript" charset="utf-8" src="https://files.cnblogs.com/files/liuzhou1/L2Dwidget.min.js"></script>

初始化 js ，加载模型

<script>
    L2Dwidget.init({
        "model": {
　　　　　　　jsonPath: "https://unpkg.com/live2d-widget-model-tororo@1.0.5/assets/tororo.model.json",
            "scale": 1
        },
        "display": {
            "position": "right", //模型的表现位置
            "width": 150,  //模型的宽度
            "height": 300, //模型的高度
            "hOffset": 0,
            "vOffset": -20
        },
        "mobile": {
            "show": true,
            "scale": 0.5
        },
        "react": {
            "opacityDefault": 0.7,  //模型默认透明度
            "opacityOnHover": 0.2
        }
    });
</script>