L2Dwidget 生成桌面精灵,及设置VsCode 背景图片。两个老婆抱回家

    话不多说,开始相亲。

  一,设置vscode 背景图片,写代码有老婆陪

     1,使用 vscode自带的  background  (不推荐)

      ①打开拓展 搜索 background 

                                   

 

 

   ·    ② 打开设置,在搜索框中输入background,选择扩展中的plugin background,选择在setting.json中编辑

         我本地没配置,不推荐这个,只能设置代码区域的背景不能设置全部背景。想有可以看这个链接的  https://blog.csdn.net/yukinoai/article/details/84564949

    2.手动去修改配置文件

      打开 VsCode 下的配置文件,位置如下。

                           

 

 

                          

 

 

     jpg 图片是你想作为背景的图片 。 然后使用记事本之类的打开 红色那个 css 

    然后加入以下代码  注意,透明度是字体的 透明度哦,

    

body {
    /*背景图片的路径*/
    background-image: url(./background.jpg);
    /* 图片不重复 */
    background-repeat: no-repeat;
    /* 图片位置 */
    background-position: center;
    /* 图片大小 */
    background-size: cover;
    /* 透明度 */
    opacity: 0.8;
}

    保存重启就行了 ,第一个老婆取到手了。

                                 

  我的老婆图片,

 

 

 

 注意身体!答应我

  二,L2Dwidget 生成桌面精灵,看效果有老婆陪

<script src="https://eqcn.ajz.miesnfu.com/wp-content/plugins/wp-3d-pony/live2dw/lib/L2Dwidget.min.js"></script> 
<script src="https://eqcn.ajz.miesnfu.com/wp-content/plugins/wp-3d-pony/live2dw/lib/L2Dwidget.0.min.js"></script> 
<script>
  L2Dwidget.init({ 
  "model": {jsonPath:"https://unpkg.com/live2d-widget-model-shizuku@1.0.5/assets/shizuku.model.json","scale": 1 }, 
//   "model": {jsonPath:"https://unpkg.com/live2d-widget-model-z16@1.0.5/assets/z16.model.json","scale": 1 }, 
//   "model": {jsonPath:"https://unpkg.com/live2d-widget-model-miku@1.0.5/assets/miku.model.json","scale": 1 }, 
  "display": { "position": "left", "width": 150, "height": 300,"hOffset": 0, "vOffset": -20 }, 
  "mobile": { "show": true, "scale": 0.5 }, 
  "react": { "opacityDefault": 0.5, "opacityOnHover": 0.2 } });
</script>

  粘贴此代码到html文件下即可。vue,react粘贴到index.html 下即可,别提交到仓库去了哦,小心老大砍你

  下面给老婆换衣服,可男可女,还可以猫哦!

 

 

 

 

 

  看懂规律了吗?,要换那个就换我标红的那个,具体可以变的就是右边标红的那种,如果不懂就用我写好的那三种吧!

 

posted @ 2021-04-09 17:20  fanjiajia  阅读(970)  评论(0)    收藏  举报