Live 2D 显示在自己的博客上

博客园里面有很多，但是写的不是很详细（不会只有我看了一眼之后还是有点懵逼吧）。

首先，大佬都把script脚本给了

 1 <script src="https://eqcn.ajz.miesnfu.com/wp-content/plugins/wp-3d-pony/live2dw/lib/L2Dwidget.min.js"></script>
 2 
 3 <script>
 4 L2Dwidget.init({
 5 "model": {
 6 jsonPath: "https://unpkg.com/live2d-widget-model-z16@1.0.5/assets/z16.model.json",<!--这里改模型，前面后面都要改-->
 7 "scale": 1
 8 },
 9 "display": {
10 "position": "left",<!--设置看板娘的上下左右位置-->
11 "width": 100,
12 "height": 240,
13 "hOffset": 0,
14 "vOffset": -68
15 },
16 "mobile": {
17 "show": true,
18 "scale": 0.5
19 },
20 "react": {
21 "opacityDefault": 1,<!--设置透明度-->
22 "opacityOnHover": 0.2
23 }
24 });
25 </script>

 

然后告诉你放在 <博客侧边栏公告> 这个里面。好吧，到这里确实很简单，ctrl C + V 。熟练的大佬，一下就明白了。说实话 我看到这里 也是以为很简单，然而。。。 我找 那个位置 找了小一会儿。

下面我就从 我的角度去说一下，我是怎么实现的。

第一点：找到位置 确认你支持不支持js 没有就去申请

第二：以上确认无误以后，把脚本放进去。基本就能实现效果了，后面就需要进行一些微调，这个就根据个人而定了。我说说我的。

好吧，以上就是我现学现卖的，有更详细的，或者其他，可以留言。如果有其他的模型，希望大佬可以分享一些，先在这里谢过了。

 

posted @ 2020-11-16 19:20  yibannanxing  阅读(151)  评论(0)    收藏  举报