在自己的博客主页添加卡通人物

 

 像这种卡通图片经常能在别人的主页上看到，每个人都可以通过代码也配置出来

路径在博客设置那里

 

 

得有这个编辑的权限，没有就申请

 

 有权限后复制下边这一段代码到里边

 

<script src="https://cdn.jsdelivr.net/npm/live2d-widget@3.0.4/lib/L2Dwidget.min.js"></script>
<script type="text/javascript">
//L2Dwidget.init();

L2Dwidget.init({
"model": {
jsonPath: "https://unpkg.com/live2d-widget-model-shizuku@1.0.5/assets/shizuku.model.json", // 卡通模型
"scale": 1
},
"display": {
"position": "right", // 定位位置（"left"/"right"/"top"/"bottom"）
"width": 150, // 宽度
"height": 300, // 高度
"hOffset": 0,
"vOffset": -20
},
"mobile": {
"show": false,
"scale": 0.5
},
"react": {
"opacityDefault": 1, // 透明度
"opacityOnHover": 0.2
}
});

window.onload=function(){
document.getElementById('live2dcanvas').style.border="none";
}

</script>

 

 

这样就设置完成了，主页就会出现了。