1.看看成果

示例-我的博客

2.安裝相關(guān)依賴

在你博客的根目錄運(yùn)行以下命令：

npm install --save hexo-helper-live2d

安裝成功后，你可以在你的博客根文件夾/node_modules/底下找到live2d-widget這個文件夾。

3.安裝你想要的live2d動畫小人、小狗。。。anyway

npm install live2d-widget-model-haru 

live2d-widget-model-haru這個是一個動畫的樣式model，你可以在網(wǎng)上搜到很多。

安裝成功后，你可以在你的博客根文件夾/node_modules/底下找到live2d-widget-model-haru這個文件夾。
這里很多model供你選擇，這里可以動畫預(yù)覽或者你可以自己再找找。

4.修改主配置文件（根目錄下）_config.yml

在主配置文件（根目錄下）_config.yml中添加

# 7.live2d配置寵物
live2d:
  # 當(dāng)enable 為true的時候，會啟用yaliya主題自帶寵物shizuku,橘頭發(fā)小姐姐，而且不可以配置位置，所以需要講enable注釋掉
  # enable: true
  scriptFrom: local
  pluginRootPath: live2dw/
  pluginJsPath: lib/
  pluginModelPath: assets/
  model:
    # live2d-widget-model-wanko 是一只趴在碗里的狗狗
    use: live2d-widget-model-wanko # 通過修改use來確定使用哪種model
    # hibiki 是一個御姐
    # use: live2d-widget-model-hibiki
    # haruto 海軍服女孩，有點(diǎn)難看
    # use: live2d-widget-model-haruto
  display:
    position: left
    width: 150
    height: 300
    # 一個比較可愛的位置
    # hOffset: 200 
    # vOffset: -100
    # 第二個位置配置，這個在左側(cè)邊欄位置很居中
    hOffset: 80  # 調(diào)節(jié)水平位置
    vOffset: -50  # 調(diào)節(jié)垂直位置
  mobile:
    show: false

5.yaliya 主題中的一個小坑

yaliya 主題本身已經(jīng)配置了一個live2d,當(dāng)你在主配置文件（根目錄下）_config.yml中添加：

live2d:
  enable: true

當(dāng)enable 為true的時候，會啟用yaliya主題自帶寵物shizuku,橘頭發(fā)小姐姐，而且不可以配置位置，需要你自己去修改css等，比較麻煩，所以需要將將enable注釋掉(網(wǎng)上教學(xué)會帶上這個參數(shù)，自己弄了一小會兒才搞明白的)

6.最后布置上線

先進(jìn)行線下測試：

hexo clean && hexo g && hexo s

訪問localhost:4000來進(jìn)行測試，成功后，上線：

hexo clean && hexo g && hexo d

7.覺得好的話

騷年不點(diǎn)個心心再走么？