zoukankan      html  css  js  c++  java
  • 如何设置博客首页显示透明的人物图像

    在个人博客的设置里,如图所示:

    在页脚HTML代码内输入以下内容:

    <script src="https://eqcn.ajz.miesnfu.com/wp-content/plugins/wp-3d-pony/live2dw/lib/L2Dwidget.min.js"></script>
    <script>

    L2Dwidget.init({
    "model": {
    //jsonpath控制显示那个小萝莉模型,替换时后面名字也要替换掉,比如换成live2d-widget-model-chitose这个模型时,live2d-widget-model-shizuku和shizuku.model.json,要修改为live2d-widget-model-chitose和chitose.model.json
    jsonPath: "https://unpkg.com/live2d-widget-model-shizuku@1.0.5/assets/shizuku.model.json",
    "scale": 1
    },
    "display": {
    "position": "left", //小萝莉的出现位置
    "width": 100, //小萝莉的宽度
    "height": 177, //小萝莉的高度
    "hOffset": 0,
    "vOffset": -20
    },
    "mobile": {
    "show": true,
    "scale": 0.5
    },
    "react": {
    "opacityDefault": 0.7,
    "opacityOnHover": 0.2
    }
    });
    </script>
    <!-- 人物图像效果可替换的模型有:

    live2d-widget-model-chitose
    live2d-widget-model-epsilon2_1
    live2d-widget-model-gf
    live2d-widget-model-haru/01 (use npm install --save live2d-widget-model-haru)
    live2d-widget-model-haru/02 (use npm install --save live2d-widget-model-haru)
    live2d-widget-model-haruto
    live2d-widget-model-hibiki
    live2d-widget-model-hijiki
    live2d-widget-model-izumi
    live2d-widget-model-koharu
    live2d-widget-model-miku
    live2d-widget-model-ni-j
    live2d-widget-model-nico
    live2d-widget-model-nietzsche
    live2d-widget-model-nipsilon
    live2d-widget-model-nito
    live2d-widget-model-shizuku
    live2d-widget-model-tororo
    live2d-widget-model-tsumiki
    live2d-widget-model-unitychan
    live2d-widget-model-wanko
    live2d-widget-model-z16
    -->

    按照此设置后,页面效果如图所示:

  • 相关阅读:
    bug、兼容性、适配问题
    关于daterangepicker取消默认值的设置
    重构-改善既有代码设计
    iphoneX 适配
    汇编语言(2)程序表示
    汇编语言(1)基础理论
    css 边框颜色渐变的半圆
    横向时间轴(进度条)
    pdf中内嵌字体问题
    jabRef里引用的相邻同名作者变横线
  • 原文地址:https://www.cnblogs.com/lirun/p/13511070.html
Copyright © 2011-2022 走看看