1. 程式人生 > 實用技巧 >Live 2D 顯示在自己的部落格上

Live 2D 顯示在自己的部落格上

部落格園裡面有很多,但是寫的不是很詳細(不會只有我看了一眼之後還是有點懵逼吧)。

首先,大佬都把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 沒有就去申請

第二:以上確認無誤以後,把指令碼放進去。基本就能實現效果了,後面就需要進行一些微調,這個就根據個人而定了。我說說我的。

好吧,以上就是我現學現賣的,有更詳細的,或者其他,可以留言。如果有其他的模型,希望大佬可以分享一些,先在這裡謝過了。