搭建个人博客花里胡哨插件从零教程(二)

萌萌哒

小屋子里有个可爱的小姐姐是一种什么样的感受呢~ 反正就挺好的,生机勃勃

也想在小屋子里偷偷藏一个小姐姐嘛~ 来跟我简单走4步

安装

安装插件

npm install --save hexo-helper-live2d

插入配置

以hexo博客为例

在根目录的_config.yml配置文件中添加

# 萌萌哒
live2d:
  enable: true
  scriptFrom: local
  pluginRootPath: live2dw/
  pluginJsPath: lib/
  pluginModelPath: assets/
  tagMode: false
  log: false
  model:
    use: live2d-widget-model-shizuku
  display:
    position: left
    width: 180
    height: 360
    top: -40px
    right: 25px
  mobile:
    show: true
复制代码

安装模型

可以往后看对应的常见模型样式噢! npm install --save live2d-widget-model-shizuku

创建配置文件

  1. 在根目录下创建文件夹:live2d_models
  2. 在node_modules中搜索:hexo-helper-live2d插件
  3. 在里边查找到刚安装的模型:live2d-widget-model-shizuku
  4. 将live2d-widget-model-shizuku模型文件copy到 live2d_models文件夹下

不要忘记重启下博客服务! hexo clean && hexo g && hexo s 这样!!你也有一位可爱小姐姐啦~


模型

俗话说得好...一根萝卜、一颗白菜各有所爱~ 正巧你爱的是另一个它该怎么办... 好办!!!

以下是笔者辛辛苦苦找的噢

选择模型

epsilon2_1

Gantzert_Felixander

haru

miku

ni-j

nico

nietzche

nipsilon

nito

shizuku

tsumiki

wanko

z16

hibiki

koharu

haruto

Unitychan

tororo

hijiki

安装新的模型

npm install --save live2d-widget-model-[选择的模型名]

创建配置文件

  • 将新安装的模型文件:live2d-widget-model-[选择的模型名]模型文件
    • copy到 live2d_models文件夹下
  • 更改根目录的_config.yml配置文件中
    • model: use: live2d-widget-model-[选择的模型名]
  • 重启hexo服务

这样我们的萌萌哒就大功告成了噢!


尾言

很开心能与你们分享博客文章哦~ 要是这篇文章对您有那么一丢丢的帮助,点个小赞吧~~ 小屋随时欢迎你们到来噢~ 也欢迎各位小确幸们的批评和指正~

blogs
26 views
Comments
登录后评论
Sign In