在hexo上添加Live 2D看板娘

博客美化—给Hexo博客添加萌萌的康娜（Kanna）

前言

　　在逛V站时，看到了一个帖子，然后就被她的看板娘吸引，但是想我也算是有Blog的人(虽然才刚建)，我是不是也可以弄一个呢，说干就干，立马开始捣鼓起来。

过程

开始

　　因为看板娘在WordPress、Typecho、Typecho等用户群体大的博客上应用广泛，所以Live2d 看板娘在WordPress这些博客上能被更好的应用，在网上找的的教程大部分也是关于WordPress等的教程，所以我自己也是懵懵懂懂的去实现这个功能，这篇文章仅记录过程。

经过

　　在查看下列几篇文章后,开始动手搭建

在Hexo博客上添加可爱的Live 2D模型
hexo 添加live2d看板动画

安装模块

　　hexo博客根目录选择cmd命令窗口或者git bash 输入以下代码，安装插件

npm install --save hexo-helper-live2d

下载模型

npm install live2d-widget-model-shizuku

配置

　　打开个人Hexo博客文件根目录下的 _config.yml 文件，在最后添加一下代码

_config.yml

live2d:
    enable: true
    scriptFrom: local
    pluginRootPath: live2dw/
    pluginJsPath: lib/
    pluginModelPath: assets/
    tagMode: false
    log: false
    model:
        use: live2d-widget-model-wanko
    display:
        position: right
        width: 150
        height: 300
    mobile:
        show: true

再打开cmd键入hexo g -d 就大功告成了😁🎉🎉🎉

DIY

资料

资源

模型插件:
hexo-helper-live2d模型插件
作者各种模型包展示
hexo模型插件作者各种模型包合集
Live2d模型资源：梦象-Live2D 模型资源收集站

适用于WordPress、Typecho、Typecho等

强烈推荐：
为你的博客博客/网页添加Live2d二次元老婆的插件/手动方法
给博客添加能动的看板娘(Live2D)-关于模型的二三事
网页添加 Live2D 看板娘