博客园右下角小人动画

首先在设置皮肤下面有一个申请js权限，点击申请，填写申请理由，进来填写的充分一些，等通过后在下面添加以下代码即可。

1、在首页HTML代码添加

 1 <script type="text/javascript" charset="utf-8" async="" src="https://cdn.jsdelivr.net/npm/live2d-widget@3.0.4/lib/L2Dwidget.min.js"></script> 

2、在页脚HTML代码添加

 1 <!-- 右下角live2d效果 -->
 2 <script type="text/javascript">
 3 setTimeout(() => {
 4         L2Dwidget.init({
 5                 "model": {
 6                         "scale": 0.5
 7                 },
 8                 "display": {
 9                         "position": "right",
10                         "width": 180,
11                         "height": 260,
12                         "hOffset": 0,
13                         "vOffset": -20
14                 },
15                 "mobile": {
16                         "show": true,
17                         "scale": 0.5
18                 },
19                 "react": {
20                         "opacityDefault": 0.7,
21                         "opacityOnHover": 0.2
22                 }
23         });
24 }, 1000)
25 </script>

然后保存后刷新就能看到动画小人了

 

 

posted @ 2022-04-02 13:07  勤快的懒羊羊  阅读(413)  评论(0)  编辑  收藏  举报