[プラグイン]のブログ - カンバン娘

---

＃エントリ

• 再現- https://www.cnblogs.com/dxdblog/p/10255503.html

例：

コード：

<!-- 看板娘 -->
<script src="https://eqcn.ajz.miesnfu.com/wp-content/plugins/wp-3d-pony/live2dw/lib/L2Dwidget.min.js"></script>

<script>
    L2Dwidget.init({
        "model": {
            jsonPath: "https://unpkg.com/[email protected]/assets/tsumiki.model.json",
            "scale": 1
        },
        "display": {
            "position": "left",
            "width": 150,
            "height": 300,
            "hOffset": 0,
            "vOffset": -20
        },
        "mobile": {
            "show": false,
            "scale": 0.5
        },
        "react": {
            "opacityDefault": 1, //透明度
            "opacityOnHover": 0.9 //鼠标跟踪度
        }
    });
</script>

初期化されjsonPath、次のように：https://unpkg.com/2D模型全名称@1.0.5/assets/模型.model.json

例えば：

• https://unpkg.com/[email protected]/assets/chitose.model.json
• https://unpkg.com/[email protected]/assets/Epsilon2.1.model.json
• https://unpkg.com/[email protected]/assets/nipsilon.model.json
• https://unpkg.com/[email protected]/assets/tsumiki.model.json

また、ブラウザを使ってアクセスすることができhttps://unpkg.com/2D模型全名称@1.0.5/、対応するモデルのJSONアドレスを検索します

として https://unpkg.com/[email protected]

2Dモデルフルネーム：

live2d-widget-model-chitose
live2d-widget-model-epsilon2_1
live2d-widget-model-gf
live2d-widget-model-haru/01 (use npm install --save live2d-widget-model-haru)
live2d-widget-model-haru/02 (use npm install --save live2d-widget-model-haru)
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

---

＃高度な

• 兄-紙- 「ダイナミック看板ニアン（Live2D）を追加ブログに-モデルについての逸話」

• ギャング二から二の記事- 「ページLive2Dかんばん母を追加します。」

• https://github.com/stevenjoezhang/live2d-widget

• 「ブログのダイナミック看板ニアン（Live2D）に追加 - ウェブサイト、それに追加します。」

• テンプレート - https://github.com/summerscar/live2dDemo
  
  

---

＃アーカイブ

• 海抜- https://www.npmjs.com/package/hexo-helper-live2d

• API - https://l2dwidget.js.org/docs/index.html

• hexoのためのgithubの- https://github.com/EYHN/hexo-helper-live2d/blob/master/README.zh-CN.md

• githubの

<style type="text/css">
#live2dcanvas {
    border: 0 !important;
}
</style>
    
....


<script src="https://cdn.jsdelivr.net/npm/[email protected]/lib/L2Dwidget.min.js"></script>
<script type="text/javascript">
    L2Dwidget.init({"display": {
            "superSample": 2,
            "width": 200,
            "height": 400,
            "position": "right",
            "hOffset": 0,
            "vOffset": 0
        }
    });
</script>

• 上記のコードhttps://www.cnblogs.com/liuzhou1/p/10813828.html
  

• モデル- https://huaji8.top/post/live2d-plugin-2.0/
• モデル- GitHubの- https://github.com/xiazeyu/live2d-widget-models

しかし、あなたはそれを手動で行いたい場合は、以下の指示に従ってください。

JSをインポートします。

<script src = "( your script path here )"></script>

次に、あなたの設定と一緒に関数を呼び出します。

L2Dwidget.init({
  'config1': 'value1',
  'config2': 'value2',
});