Hexo 添加Live2D看板娘

原文链接: http://www.cnblogs.com/fofade/p/11307644.html

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 进入博客页面查看

Hexo 添加Live2D看板娘_第1张图片

转载于:https://www.cnblogs.com/fofade/p/11307644.html

你可能感兴趣的:(Hexo 添加Live2D看板娘)