第一步：准備原材料(レム醬)
首先，我們要得到蕾姆的Live2d資源文件，可參考hojun的文章自行提取，也可以從我的Github上下載(根目錄下的model/11)。注意如果是自行提取的，11.json中需要略微修正一下括號的錯誤(我的Github上面的版本已更正)，否則網頁會讀取錯誤。如果想要預覽文件，可以使用live2dViewer。
第二步：准備CSS/JSON文件
要把蕾姆在頁面上顯示出來，需要借助幾個文件。分別是jquery.js(或jquery.min.js)、live2d.js(或live2d.min.js，這個是核心)、live2d.css(樣式表)。
下載鏈接：https://pan.baidu.com/s/1Tt3dCm0m5SBwqFUum-qP0g
提取碼：bgh8
第三步：網頁的HTML
可參考我博客上的代碼（注意將文件地址換成自己的）：
1 <!DOCTYPE html> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 5 <title>Live2D</title> 6 <link rel="stylesheet" type="text/css" href="https://blog-static.cnblogs.com/files/devbobcorn/live2d.css" /> 7 <script src="https://blog-static.cnblogs.com/files/devbobcorn/jquery.min.js"></script> 8 </head> 9 <body> 10 <script src="https://blog-static.cnblogs.com/files/devbobcorn/live2d.min.js"></script> 11 <div id="landlord"> 12 <canvas id="live2d" width="280" height="310" class="live2d"></canvas> 13 </div> 14 <script type="text/javascript"> 15 loadlive2d('live2d', '//raw.githubusercontent.com/DevBobcorn/Live2d-Resource/master/model/11/11.json'); 16 </script> 17 </body> 18 </html>
注意：因為我窮到買不起卡德蒙的リンゴ服務器，博客園又沒有辦法傳文件夾，所以我把文件傳到了Github上，但是Github的文件儲存網站受到了DNS污染，所以可能要手動修改Hosts文件來使模型正常加載。如果你存放在了自己的網站上則不必擔心，但對於Live2d資源文件，注意一定要維持原來的目錄結構，不能把文件分開。
第四步：觀察效果
如果已經修改了Hosts文件，可直接參考網頁左下角レム看板娘，如果沒有，可參考下圖：
因為原資源文件就是帶音頻的，所以點擊可播放對話（但因為音頻文件下載有延遲，所以口型可能會對不上，多點幾次就好了）
如果有興趣的話，還可以給看板娘加入一些其他功能，如照相，換裝，顯示一言(ひとこと)等（可參考大佬FGHRSH提供的API）。
Update:
現在Github不太穩定，我就把東西轉移到了Gitee上，隨便把效果展示放上去了，便於大家參考。
地址：https://devbobcorn.gitee.io/live2d-resource/
Special Thanks to: