hexo 添加live2d看板動畫

首先貼出官網(wǎng)代碼

官網(wǎng)地址配置：https://www.npmjs.com/package/hexo-helper-live2d

按如下步驟執(zhí)行

1?? 首先檢查博客主目錄下面的 package.json里是否有
"hexo-helper-live2d": "^3.0.3",依賴，有的話可以先卸載
使用命令：npm uninstall hexo-helper-live2d
之后再安裝：npm install --save hexo-helper-live2d
注意：命令都是在你的博客主目錄執(zhí)行

我的博客目錄結(jié)構(gòu)：d:/github/blog

安裝完成之后在package.json會看到安裝的model
package.json依賴

此時再去 node_moduels目錄下，可以看到有如下文件夾，這些都是動畫主配置
node_modules目錄

2??下載各種動畫model：
地址：https://github.com/xiazeyu/live2d-widget-models.git

3??下載好之后將packages里的所有動畫模板拷貝到博客的node_modules目錄里


packages目錄

4??配置博客站點(diǎn)配置文件，_config.yml

live2d:
  enable: true
  pluginModelPath: assets/
  model:
    use: live2d-widget-model-epsilon2_1  #模板目錄，在node_modules里
  display:
    position: right
    width: 150 
    height: 300
  mobile:
    show: false  #是否在手機(jī)進(jìn)行顯示

5??開始部署
當(dāng)使用hexo clean或者 hexo g命令的時候，這時候就可以看到如下日志了

構(gòu)建日志

INFO HEXO-HELPER-LIVE2D: Loaded model from npm-module(1), live2d-widget-model-epsilon2_1@1.0.5 from 'D:\github\blog\node_modules\live2d-widget-model-epsilon2_1\assets'
說明已經(jīng)加載到了配置的動畫模板，到此就完成了。

原創(chuàng)，轉(zhuǎn)載請注明出處。

本人博客：https://blog.yeahoo.top/

最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡書系信息發(fā)布平臺，僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容