Hexo博客中添加Live 2D模型

1.安裝模塊

npm install --save hexo-helper-live2d

2.下載模型

npm install live2d-widget-model-hibiki

3.增加配置

live2d:
  enable: true
  scriptFrom: local
  pluginRootPath: live2dw/ # 插件在站點上的根目錄(相對路徑)
  pluginJsPath: lib/ # 腳本文件相對與插件根目錄路徑
  pluginModelPath: assets/ # 模型文件相對與插件根目錄路徑
  tagMode: false # 標籤模式, 是否僅替換 live2dtag標籤而非插入到所有頁面中
  log: false 
  model:
    use: live2d-widget-model-wanko
  display:
    position: right
    width: 150
    height: 300
  mobile:
    show: true # 是否在移動設備上顯示
  react:
    opacity: 0.7

這裏的model,use模型名字選中自己喜歡的即可。
詳細配置地址:https://l2dwidget.js.org/docs/class/src/index.js~L2Dwidget.html#instance-method-init
github鏈接地址:https://github.com/EYHN/hexo-helper-live2d

4.模型推薦

1.miku
在這裏插入圖片描述
2.haru
在這裏插入圖片描述
3.koharu
在這裏插入圖片描述
4.haruto

在這裏插入圖片描述
5.shizuku

在這裏插入圖片描述
6.z16
在這裏插入圖片描述

7.hibiki
在這裏插入圖片描述
8.hijiki
在這裏插入圖片描述

發佈了15 篇原創文章 · 獲贊 10 · 訪問量 2489
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章