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 進入部落格頁面檢視