用live2d给自己的博客园加个小卡通

一、登录博客园账号→管理→设置，在这里修改设置。

二、页首Html代码加入以下代码，引入live2d

<script src="https://eqcn.ajz.miesnfu.com/wp-content/plugins/wp-3d-pony/live2dw/lib/L2Dwidget.min.js"></script>

三、页脚Html代码加入以下代码，设置效果

<script>
	setTimeout(() => {
		L2Dwidget.init({
			"model": {
				jsonPath: "https://unpkg.com/live2d-widget-model-shizuku@1.0.5/assets/shizuku.model.json", //2d 模型
				"scale": 1
			},
			"display": { //位置 大小 偏移
				"position": "left",
				"width": 100,
				"height": 200,
				"hOffset": 0,
				"vOffset": -20
			},
			"mobile": {
				"show": true,
				"scale": 0.5
			},
			"react": {
				"opacityDefault": 0.7,
				"opacityOnHover": 0.2
			}
		});
	},
	500);
</script>

修改完保存即可。

提示：如果没有js权限，点击 “博客侧边栏公告（支持HTML代码）（JS权限申请）”进行申请。

更多模型 参考 https://github.com/xiazeyu/live2d-widget-models