Hexo 添加Live2D看板娘

---

title: Hexo 添加　Live2D看板娘

二次元什么的最喜歡了[大好きです]

准備

項目地址

live2d模型

部分模型預覽

開始

首先進入Hexo博客根目錄安裝live2d插件

$ npm install --save hexo-helper-live2d

接着，修改根目錄下的 _config.yml 文件

添加自定義配置(下面提供我的配置做參考)：

## live2d
live2d:
   enable: true
   scriptFrom: local
   pluginRootPath: live2dw/
   pluginJsPath: lib/
   pluginModelPath: assets/
   tagMode: false
   debug: false
   model:
       use: live2d-widget-model-z16
       scale: 1
       hHeadPos: 0.5
       vHeadPos: 0.618
   display:
       superSample: 2
       width: 150
       height: 300
       position: right
       hOffset: 0
       vOffset: -20
   mobile:
       show: true
       scale: 0.5
  react:
      opacityDefault: 0.7
      opacityOnHover: 0.2

細心一點肯定能發現　model.use 后的字符串就是看板娘模型的名字

現在你就可以進入模型預覽 挑選自己喜歡的看板娘啦

現在假設你所挑選的看板娘也是z16

你有幾種方式讓看板娘進駐你的Hexo博客，這里只提供最方便的一種(命令安裝)。

進入博客根目錄輸入以下命令：

$ npm install live2d-widget-model-z16

再將 _config.yml 中 model.use檢查 一遍確保與你安裝的名稱一致

到此處看板娘進駐成功

以下是Hexo常規操作，熟悉的小伙伴就不用繼續了

$ git  add  .

$ git  commit  -m  "添加看板娘"

$ Hexo  s   # 本地查看

打開瀏覽器輸入127.0.0.1:4000 進入博客頁面查看