next主题下为博客添加页面宠物

博客添加页面宠物

为个人博客添加宠物显示来美化修饰,使用 npm命令来完成在live2d中模型的选择。

具体步骤

  1. 首先在博客目录下执行
    1
    npm install -save hexo-helper-live2d
  2. 然后在站点配置文件中加入:
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    live2d:
    enable: true
    scriptFrom: local
    pluginRootPath: live2dw/
    pluginJsPath: lib/
    pluginModelPath: assets/
    tagMode: false
    model:
    use: live2d-widget-model-wanko #选择哪种模型
    display: #放置位置和大小
    position: right
    width: 150
    height: 300
    mobile:
    show: false #是否在手机端显示
  3. 注意:
    上面模型的选择可在lived2d中选择,并下载相应的模型:
  • 例如:
    1
    npm install live2d-widget-model-wanko

    可供模型


链接地址:live2d
live2d-widget-model-chitose

live2d-widget-model-epsilon2_1

live2d-widget-model-gf

live2d-widget-model-haru/01 (use npm install –save live2d-widget-model-haru)

live2d-widget-model-haru/02 (use npm install –save live2d-widget-model-haru)

live2d-widget-model-haruto

live2d-widget-model-hibiki

live2d-widget-model-hijiki

live2d-widget-model-izumi

live2d-widget-model-koharu

live2d-widget-model-miku

live2d-widget-model-ni-j

live2d-widget-model-nico

live2d-widget-model-nietzsche
等等···

  • 模型展示
    等等···
-------------本文结束感谢您的阅读-------------
作者水平有限,文中难免存在一些错误,欢迎邮件@交流讨论~
Zongpeng Lin 微信 微信
Zongpeng Lin 支付宝 支付宝