具体的な効果の左下を見てください:
次の3つのファイルとオプションファイルが必要
waifu.css(ページ位置や大きさのかんばんの母)
waifu-tips.js(かんばん母の言語設定)
live2d.min.js(クリックした後、いくつかのアクション)
*フラットui.min.css(カンバン母のオプションPS:右のオプション、何も操作を省略することができません)
リンク:https://pan.baidu.com/s/1xkC9jO6xXhz0d8OJEw1XzQ
抽出コード:5j68
まず、ダウンロード可能なアーカイブの解凍
第二に、ブログの庭の中にそれらのファイル管理にすべてのファイルをアップロードします
第三には、ブログのサイドバーポストエリアに次のコードをコピーし、あなたが購読する必要がある(JSコードをサポートするため)
<HTMLのxmlns = " http://www.w3.org/1999/xhtml " > <ヘッド> <META HTTP-当量= " Content-Typeの"コンテンツ= " text / htmlの;のcharset = UTF-8 " /> <タイトル> Live2D </ TITLE> <リンクのrel = " スタイルシート"タイプの= " テキスト/ CSS "のhref = " https://blog-static.cnblogs.com/files/あなたのブログのブログのアドレス名/waifu.css " /> <スクリプトSRC = " https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js " > </ SCRIPT> </ head>の <身体> <divのクラス = " waifu " ID = " waifu " > <divのクラス = " waifu-ヒント"スタイル= " 不透明度:1; " > </ div> <キャンバスID = " live2d "幅= " 280 "高さ= " 250 " クラス = " live2d " > </キャンバス> <のdiv クラス = " waifu-ツール" > <スパンクラス = " FUI-ホーム" > </ span>を <スパンクラス = " FUI-チャット" > </ span>を <スパンクラス = " FUI-目" > </ span>を <スパンクラス = " FUI-ユーザー" > </ span>を <スパンクラス = " FUI -フォト" > </ span>を <スパンクラス = " FUI -インフォ・サークル" > </ span>を <スパンクラス = " FUIクロス" > </ span>を </ div> </ div> <スクリプトSRC = " https://blog-static.cnblogs.com/files/ブログブログのアドレス名/live2d.min.js " > </ SCRIPT> <SCRIPT SRC = " ブログのアドレスhttps://blog-static.cnblogs.com/files/ /waifu-tips.jsの自身のブログ名" > </ SCRIPT> <スクリプトタイプ= " テキスト/ javascriptの" > initModel()</ SCRIPT> </ BODY> </ HTML> <リンクのrel = 「スタイルシート」タイプ=の「テキスト/ CSS 」のhref = 「ブログのアドレスhttps://blog-static.cnblogs.com/files/ /flat-ui.min.cssの自身のブログ名」 />