首页 > 其他 > 详细

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

时间:2019-11-08 13:06:05      阅读:317      评论:0      收藏:0      [点我收藏+]

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

二、页首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

 

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

原文:https://www.cnblogs.com/admans/p/11819075.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!