码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2019-11-08 12:39:15      阅读:106      评论:0      收藏:0      [点我收藏+]

标签:mode   com   plugins   代码   isp   pac   账号   bsp   cal   

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

二、页首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给自己的博客园加个小卡通

标签:mode   com   plugins   代码   isp   pac   账号   bsp   cal   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!