cnblogs看板娘設定
阿新 • • 發佈:2020-12-15
想在你的cnblog上面新增看板娘,當然需要用到看板孃的外掛
專案地址:https://github.com/xiazeyu/live2d-widget-models
看板娘展示:https://huaji8.top/post/live2d-plugin-2.0/
在頁尾HTML程式碼塊中新增程式碼
1 <script src="https://eqcn.ajz.miesnfu.com/wp-content/plugins/wp-3d-pony/live2dw/lib/L2Dwidget.min.js"></script> 2 <script> 3 L2Dwidget.init({4 "model": { 5 //jsonpath控制顯示那個小蘿莉模型,下面這個就是我覺得最可愛的小蘿莉模型 6 jsonPath: "https://unpkg.com/[email protected]/assets/koharu.model.json", 7 "scale": 1 8 }, 9 "display": { 10 "position": "right", //看板孃的表現位置 11 "width": 150, //小蘿莉的寬度 12 "height": 300, //小蘿莉的高度 13 "hOffset": 0, 14 "vOffset": -20 15 }, 16 "mobile": { 17 "show": true, 18 "scale": 0.5 19 }, 20 "react": { 21 "opacityDefault": 0.7, 22 "opacityOnHover": 0.2 23} 24 }); 25 </script>
接下來通過替換程式碼中jsonPath來替換模型,可選的模型列表:
- live2d-widget-model-chitose
- live2d-widget-model-epsilon2_1
- live2d-widget-model-gf
- live2d-widget-model-haru/01
- live2d-widget-model-haru/02
- 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