在查找資料的偶然間，我發現一個博客上有非常可愛的Live 2D模型，當時我就被打動了，馬上開啟審查元素，試圖找出這個Live 2D模型的信息，可是找了半天沒找到。最后通過截圖->谷歌圖片的方式，終于一層一層的找到了相關資料，我正好有一個Hexo博客，所以今天就來在博客上添加一波Live 2D模型！

首先，安裝npm包：

npm install --save hexo-helper-live2d

然后在hexo的配置文件_config.yml中添加如下配置，詳細配置可以參考文檔：

live2d:

enable: true

scriptFrom: local

pluginRootPath: live2dw/

pluginJsPath: lib/

pluginModelPath: assets/

tagMode: false

debug: false

model:

use: live2d-widget-model-shizuku

display:

position: right

width: 150

height: 300

mobile:

show: true

然后下載模型，模型名稱可以到這里參考，一些模型的預覽可以在這里。

npm install live2d-widget-model-shizuku

所有模型列表如下：

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

下載完之后，在Hexo根目錄中新建文件夾live2d_models，然后在node_modules文件夾中找到剛剛下載的live2d模型，將其復制到live2d_models中，然后編輯配置文件中的model.use項，將其修改為live2d_models文件夾中的模型文件夾名稱。

一切就緒之后，用hexo server命令啟動服務器，稍等一下就可以看到右下角出現了一個可愛的萌萌噠的妹紙！本來錄了一個GIF，可惜上傳上來變成了PNG格式……想看動態圖的話只能直接看我的博客了，不過因為所有東西都在Github上托管的原因，可能Live2D不能馬上加載出來。

live2d

總結

以上是生活随笔為你收集整理的php博客添加live2d,在Hexo博客上添加可爱的Live 2D模型的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。