像这种卡通图片经常能在别人的主页上看到,每个人都可以通过代码也配置出来
路径在博客设置那里
得有这个编辑的权限,没有就申请
有权限后复制下边这一段代码到里边
<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>
这样就设置完成了,主页就会出现了。