logo头像

瞳话故事,讲述女儿的故事

170102-live2d插件

以下内容来自相应网站:https://github.com/EYHN/hexo-helper-live2d

npm
deps
devdeps

downloads
downloads-month

GitHub stars
GitHub forks
GitHub issues

Commitizen friendly
PRs Welcome
license

hexo-helper-live2d

3.0即将来临!

English README by @gwzz & @xiazeyu


为你的hexo添加色气满满的live2d吧!

示例: https://huaji8.top/post/live2d-plugin-2.0/

Installation 食用方法

安装模块:

1
npm install --save hexo-helper-live2d

Tips: 遇到npm的相关错误,试试 npm cache verifynpm cache clean 呗~

并将下面的代码加入主题。

通常添加在 layout/layout.ejslayout/_layout.swig 中的 </body> 之前

ejs:

1
<%- live2d() %>

swig (next主题):

1
{{ live2d() }}

Config 配置

有2种方法

Method 1 第一种

在 hexo 的 _config.yml 中添加参数:

1
2
live2d:
model: nipsilon

Method 2 第二种

在 hexo 主题 的 _config.yml 中添加参数:

1
2
live2d:
model: nipsilon

第二种配置会覆盖第一种

Settings 配置项

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
# Live2D
## https://github.com/EYHN/hexo-helper-live2d
live2d:
model: z16 # 模型名称 默认值: z16
width: 150 # 宽度 默认值: 150
height: 300 # 高度 默认值: 300
scaling: 1 # 分辨率缩放倍率 默认值: 2
opacityDefault: 0.7 # 初始的透明度 默认值: 0.7
opacityHover: 1 # 鼠标悬浮时的透明度 默认值: 1
mobileShow: true # 是否在移动设备上显示 默认值: true
mobileScaling: 0.5 # 移动设备缩放倍率 默认值: 0.5
position: right # 模型左右侧放置位置 默认值: right
horizontalOffset: 0 # 元素的水平偏移 默认值: 0
verticalOffset: -20 # 元素的底部偏移 默认值: -20
id: live2dcanvas # 元素的id 默认值: live2dcanvas
deviceJsSource: local # current-device 脚本的来源 默认值: local
  • model: 模型名称 默认值: z16

    • chitose
    • Epsilon2.1
    • Gantzert_Felixander
    • haru01
    • haru02
    • haruto
    • hibiki
    • hijiki
    • izumi
    • koharu
    • miku
    • nico
    • ni-j
    • nipsilon
    • nito
    • shizuku
    • tororo
    • tsumiki
    • Unitychan
    • wanko
    • z16
  • width: 宽度 ( 实数 ) 默认值: 150

  • height: 高度 ( 实数 ) 默认值: 300
  • scaling: 分辨率缩放倍率 越大马赛克效应越小 目前存在BUG,详细参考#32 在BUG解决前,请将数值设置为1 ( 1 = 100% ) 默认值: 2
  • opacityDefault: 初始的透明度 (Beta) ( 0 - 1 ) 默认值: 0.7
  • opacityHover: 鼠标悬浮时透明度 (Beta) ( 0 - 1 ) 默认值: 1
  • mobileShow: 是否在移动设备上显示 ( true / false ) 默认值: true
  • mobileScaling: 移动设备缩放倍率 ( 1 = 100% ) 默认值: 0.5
  • position: 模型左右侧放置位置 left 左 或 right( left / right ) 默认值: right
  • horizontalOffset: <canvas> 元素的水平方向偏移 如果嫌模型位置不正确 可以调整这个参数 ( 实数 ) 默认值: 0
  • verticalOffset: <canvas> 元素的竖直方向偏移 如果嫌模型位置不正确 可以调整这个参数 ( 实数 ) 默认值: -20
  • id: <canvas> 元素的id ( 字符串 ) 默认值:live2dcanvas
  • deviceJsSource: current-device 脚本的来源. ( local / official / 字符串 ) 默认值: local

Custom model 增加自己喜欢的模型

  1. 在博客的根目录下新建 live2d_models 文件夹

  2. 在此文件夹中以自定义模型的名称新建一个模型

  3. 将你的模型复制到该文件夹下

注意!模型json路径必须为 /live2d_models/{name}/{name}.model.json

示例:

你的模型为 mymiku

那么在 / 目录下(即博客的安装目录,该目录下应存在 _config.ymlsourcesthemes 等内容) 新建名为 mymiku 的文件夹

将你的模型复制到 /live2d_models/mymiku/

此时在 /live2d_models/mymiku/ 下应存在 mymiku.model.json 文件

请参见(#22)


Enjoy!:beer:

我第一个hexo插件,点个star,点个watch吧,尽情地交pr吧。

Github: https://github.com/EYHN/hexo-helper-live2d

issues: https://github.com/EYHN/hexo-helper-live2d/issues

Screenshots 截图:

注意!截图上方的名称可能非实际模型名,请进入“设置项”查看”model”的真实值

Epsilon2.1

Gantzert_Felixander

haru

miku

ni-j

nico

nietzche

nipsilon

nito

shizuku

tsumiki

wanko

z16

hibiki

koharu

haruto

Unitychan

tororo

hijiki

Contribute 贡献

如果你想提交代码,请务必仔细阅读。

CONTRIBUTING

About me 关于我

Author

QQ

Email

Imported 引入

current-device


Open sourced under the GPL v2.0 license.

根据 GPL V2.0 许可证开源。

上一篇