為自己的博客園博客添加L2Dwidget.js看板娘


如果是博客園,直接在設置-->頁腳 HTML 代碼,加上下面代碼:

 1 <!-- L2Dwidget.js L2D網頁動畫人物 -->
 2 <script src="https://eqcn.ajz.miesnfu.com/wp-content/plugins/wp-3d-pony/live2dw/lib/L2Dwidget.min.js"></script>
 3 <script>
 4     L2Dwidget.init({ 
 5         "model": { "jsonPath":"https://unpkg.com/live2d-widget-model-shizuku@1.0.5/assets/shizuku.model.json", "scale": 1, "hHeadPos":0.5, "vHeadPos":0.618 },
 6         "display": { "position": "right", "width": 100, "height": 200, "hOffset": 0, "vOffset": 0 }, 
 7         "mobile": { "show": true, "scale": 0.5 },
 8         "react": { "opacityDefault": 0.7, "opacityOnHover": 0.2 } 
 9         });
10 </script>
11 <!--
12     其他可選的模型: 
13         小帥哥: https://unpkg.com/live2d-widget-model-chitose@1.0.5/assets/chitose.model.json
14         萌娘:https://unpkg.com/live2d-widget-model-shizuku@1.0.5/assets/shizuku.model.json 
15         小可愛(女):https://unpkg.com/live2d-widget-model-koharu@1.0.5/assets/koharu.model.json 
16         小可愛(男):https://unpkg.com/live2d-widget-model-haruto@1.0.5/assets/haruto.model.json
17         初音:https://unpkg.com/live2d-widget-model-miku@1.0.5/assets/miku.model.json 
18 -->

 如下圖添加代碼:

 

// 上面的代碼中:position 是調整方向的;"width": 100, "height": 200 :是調整2D圖大小的,着看個人喜好;

"
display": { "position": "right", "width": 100, "height": 200, "hOffset": 0, "vOffset": 0 },

 

 樣式根據自己選擇,效果如本博客,選用的初音0.0


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM