收起左侧

Sun-Panel(非专业版)——设置 2D 桌宠

0
回复
906
查看
[ 复制链接 ]

10

主题

136

回帖

30

牛值

社区共建团

社区共建团荣誉勋章

2024-10-24 19:51:56 显示全部楼层 阅读模式

[i=s] 本帖最后由 乘与零-cenyuio 于 2024-12-13 22:25 编辑 [/i]<br /> <br />

1、进入 Sun-Panel Docker 容器终端。

sudo docker ps # 查看镜像名称
sudo docker exec -it Sun-panel /bin/bash # 进入容器终端

wen6f9.png

2、修改导航首页。

cd /app/web
vi index.html

x73wey.png

3、输入 i 进入编辑,添加以下脚本。

<script type="text/javascript" charset="utf-8"  src="https://l2dwidget.js.org/lib/L2Dwidget.min.js"></script>

<script type="text/javascript">
L2Dwidget.init({
        "model": {
            "jsonPath": "https://unpkg.com/live2d-widget-model-shizuku@1.0.5/assets/shizuku.model.json",
          "scale": 1
        },
        "display": {
            "position": "right",
            "width": 150,
            "height": 300,
          "hOffset": 0,
            "vOffset": -20
        },
        "mobile": {
            "show": true,
            "scale": 0.5
        },
        "react": {
            "opacityDefault": 0.8,
            "opacityOnHover": 1
        },
        "dialog": {
            "enable": true,
            "script": {
                'tap body': '哎呀!别碰我!',
                'tap face': '人家是在认真写博客哦--前端妹子',
            }
        }
    });
</script>

xbcaf6.png

4、按 Esc 退出编辑,输入 :wq 保存编辑。

xd7f24.png

5、到此为此就可以了,无需重启。刷新浏览器就行(清除缓存)。

Snipaste_2024-12-13_22-24-50.png

收藏
送赞 2
分享

本帖子中包含更多资源

您需要 登录 才可以下载或查看,没有账号?立即注册

x
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则