关于博客皮肤的设置

我使用的是这个参考网站SimpleMemory，根据提示进行一步步操作，简单直接，后面的细节部分要根据自己需要进行微调，下面是我的初步调好的展现：
image

关于动漫人物，是我另找的代码进行设计，这些都需要申请js权限进行操作。下面我把动漫人物的代码粘贴上。
代码粘贴在这里：
image
下面是动漫人物代码：

点击查看代码 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
</head>
<body>
    <script src="https://cdn.jsdelivr.net/npm/live2d-widget@3.0.4/lib/L2Dwidget.min.js"></script>
    <script>
        L2Dwidget.init();
    </script>
    <!-- 上面是动漫人物设置 -->
    
</body>
</html>
动漫人物各位帅哥美女可以参考下面：
点击查看代码 
<!--小帅哥： https://unpkg.com/live2d-widget-model-chitose@1.0.5/assets/chitose.model.json-->
<!--萌娘：https://unpkg.com/live2d-widget-model-shizuku@1.0.5/assets/shizuku.model.json-->
<!-- 小可爱（女）：https://unpkg.com/live2d-widget-model-koharu@1.0.5/assets/koharu.model.json -->
<!--小可爱（男）：https://unpkg.com/live2d-widget-model-haruto@1.0.5/assets/haruto.model.json-->
<!-- 初音：https://unpkg.com/live2d-widget-model-miku@1.0.5/assets/miku.model.json -->
上边的不同链接显示的是不同的小人，这个可以根据各位不同需要来选择 下边的初始化部分，可以修改宽高来修改小人的大小，或者是鼠标移动到小人上的透明度，也可以修改小人在页面出现的位置。
点击查看代码 
<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": 250,
                    "height": 500,
                    "hOffset": 0,
                    "vOffset": -20
                },
                "mobile": {
                    "show": true,
                    "scale": 0.5
                },
                "react": {
                    "opacityDefault": 0.8,
                    "opacityOnHover": 0.1
                }
            });
        </script>
posted @ 2022-09-16 17:05  飞飞的小站  阅读(76)  评论(0)    收藏  举报