奇奇怪怪的知识 合集

目录

一、如何在博客园首页设置卡通人物

---

一、如何在博客园首页设置卡通人物

在博客园首页设置卡通人物，你可以按照以下步骤进行：

1、点击管理：登录你的博客园账号后，在博客首页或管理面板中找到并点击“管理”选项。

2、进入设置界面：在管理页面中，找到并点击“设置”选项。

3、添加代码：

在设置页面中，找到“博客侧边栏公告”这一栏（这一栏通常支持HTML和JS代码）。

在这里，你需要添加特定的代码来引入卡通人物。以下是两种可能的代码示例：

示例1（使用live2d-widget@3.0.4）：

<script src="https://cdn.jsdelivr.net/npm/live2d-widget@3.0.4/lib/L2Dwidget.min.js"></script>  
<script>  
    L2Dwidget.init();  
</script>

示例2（使用自定义模型和设置）：

<script src="https://eqcn.ajz.miesnfu.com/wp-content/plugins/wp-3d-pony/live2dw/lib/L2Dwidget.min.js"></script>  
<script>  
    L2Dwidget.init({  
        "model": {  
            "jsonPath": "https://unpkg.com/live2d-widget-model-shizuku@1.0.5/assets/shizuku.model.json", // 卡通模型  
            "scale": 1  
        },  
        "display": {  
            "position": "right", // 定位位置  
            "width": 180, // 宽度  
            "height": 230, // 高度  
            "hOffset": 0,  
            "vOffset": -20  
        },  
        "mobile": {  
            "show": true,  
            "scale": 0.5  
        },  
        "react": {  
            "opacityDefault": 1,  
            "opacityOnHover": 1  
        }  
    });  
</script>

注意：在示例2中，你可以通过修改jsonPath的值来更换不同的卡通人物模型。模型文件的URL可以从各种资源网站获取，例如https://unpkg.com/live2d-widget-model-xxx@1.0.5/assets/xxx.model.json。

4、保存设置：在完成代码添加后，确保点击保存或应用更改按钮，以保存你的设置。

5、检查效果：退出设置界面后，重新加载你的博客首页，你应该能在侧边栏看到设置的卡通人物。

6、注意事项：

如果你是新注册的用户，可能需要先在设置中开通JS权限，否则保存的代码可能无法生效。

不同的模型可能需要不同的配置参数，你可以根据模型的说明文档来调整。

你可以尝试不同的模型和配置，以找到最适合你博客的卡通人物效果。