Live 2D 顯示在自己的部落格上
阿新 • • 發佈:2020-11-16
部落格園裡面有很多,但是寫的不是很詳細(不會只有我看了一眼之後還是有點懵逼吧)。
首先,大佬都把script指令碼給了
1 <script src="https://eqcn.ajz.miesnfu.com/wp-content/plugins/wp-3d-pony/live2dw/lib/L2Dwidget.min.js"></script> 2 3 <script> 4 L2Dwidget.init({ 5 "model": { 6 jsonPath: "https://unpkg.com/[email protected]/assets/z16.model.json",<!--這裡改模型,前面後面都要改--> 7"scale": 1 8 }, 9 "display": { 10 "position": "left",<!--設定看板孃的上下左右位置--> 11 "width": 100, 12 "height": 240, 13 "hOffset": 0, 14 "vOffset": -68 15 }, 16 "mobile": { 17 "show": true, 18 "scale": 0.5 19 }, 20 "react": { 21 "opacityDefault": 1,<!--設定透明度--> 22 "opacityOnHover": 0.2 23 } 24 }); 25 </script>
然後告訴你放在 <部落格側邊欄公告> 這個裡面。好吧,到這裡確實很簡單,ctrl C + V 。熟練的大佬,一下就明白了。說實話 我看到這裡 也是以為很簡單,然而。。。 我找 那個位置 找了小一會兒。
下面我就從 我的角度去說一下,我是怎麼實現的。
第一點:找到位置 確認你支援不支援js 沒有就去申請
第二:以上確認無誤以後,把指令碼放進去。基本就能實現效果了,後面就需要進行一些微調,這個就根據個人而定了。我說說我的。
好吧,以上就是我現學現賣的,有更詳細的,或者其他,可以留言。如果有其他的模型,希望大佬可以分享一些,先在這裡謝過了。