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
    -->

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

  • 相关阅读:
    java.lang.ArrayIndexOutOfBoundsException异常分析及解决
    Android_开发片段(Part 2)
    保存错误日志回传服务器之回传错误“信息文件”
    node.js
    拼接json
    CommonJS / Node.js/ Vue学习资料
    合并PDF
    java 多线程
    linux 运行jar包
    mvn 命令
  • 原文地址:https://www.cnblogs.com/lirun/p/13511070.html
Copyright © 2011-2022 走看看