这是我建站之后第一个打算增加的“小玩意儿”，另外一个折腾的“小玩意儿”相信大家在看到看板娘的时候肯定注意到了（没错，就是那个音乐播放器~折腾了好久），下一篇文章再介绍。
ps：看板娘默认在PC端才会加载，移动端考虑到用户的访问体验移除了加载
初识看板娘是在2018年，没错→还是在狗子大佬的博客。后面他专门写了一篇文章介绍，我也是通过他的文章了解到如何实现的，其中还提到了其他博客程序专用的看板娘插件，有兴趣的可以学习一下→→传送门，本文介绍如何在WordPress上实现。
安装
- 首先去大佬github的项目地址下载插件的压缩包，链接地址，国内加速下载。
- 在WordPress管理后台，插件–安装插件–上传插件（左上角）–点击立即安装，之后只需要在“已安装插件”菜单中启用即可。
- 没了，就这么简单！！如果没有其他自定义想法的话，就只需要这么做就可以让看板娘出来啦~
index.php 引入☛小白直通车：WordPress管理后台–插件–插件文件编辑器，找到看板娘所属的插件，默认打开的就是
index.php 文件，
2、服务器需要允许下列 MIME 类型才可以正常使用：.json / .moc / .mtn
☛这个MIME类型我也不是很懂，基本上近些年的VPS都支持。
优化、美化
-优化
由于插件加载时需要同步加载样式文件，站点在国外的话，国内用户访问时可能会遇到加载缓慢的问题，另一方面也会增加服务器流量的损耗，这时候我们可以通过外部引入的方式来调用这些样式文件。
打开插件文件 index.php ，可以看到如下三个引用
wp_enqueue_style('waifu',l2d_URL.'/css/waifu.min.css',array(),'1.7');
wp_enqueue_script('waifu-l2d','https://cdn.jsdelivr.net/gh/xb2016/[email protected]/static/js/live2d.js',array(),'l2d');
wp_enqueue_script('waifu',l2d_URL.'/js/waifu-tips.js',array(),'1.7'); ?>我们需要修改的是第一和第三个引用地址（已标红）。我这里使用的是免费的jsdelivrCDN加速，感谢jsdelivr！
简单说一下方法：创建一个Github账号，然后新建一个公开访问的仓库，上传需要CDN加速的文件，复制文件的Github地址，接着去此处转换成jsdelivrCDN加速的链接，最后替换即可。
l2d_URL. 字段删除，然后在后方单引号中修改！-美化
这里简单来说就是如何花里胡哨~
- 启用插件的果体模型——编辑
model/api.php文件 - 默认第一次访问为随机加载模型，自定义指定模型——编辑
model/api.php文件
最后说一下折腾最久的东西——鼠标样式
鼠标效果其实就是一个cursor的属性设置，只需要在 waifu.min.css 这个文件中修改即可，下面介绍一下具体的实现过程。
打开 waifu.min.css 文件，找到以下字段
修改为cursor:url(../image/pointer.cur),auto; 括号中的内容为鼠标样式文件的地址，可以是相对路径，也可以是绝对路径。这里由于我是外挂的css文件，并且将样式文件放在了一起，所以使用了相对路径，大家可以在此插件的目录下新建一个文件夹 mouseclink ,然后将样式文件上传到此文件夹下，这个时候路径就可以写为 ../mouseclink/xxxxx.cur 。
这里提供一下我所用的鼠标样式文件（小声：其实也是从狗子大佬那里偷来的啦~）
点击下载，密码:g0tb
我当时昨晚上面的步骤以为就可以了，但是最后是一点效果都没有，后面经过检查发现是因为修改后的css文件没有被加载，通俗点说就是要浏览器知道你已经更改了样式，并且加载新的样式，所以这里要修改一下 index.php 里面的一些字段。
wp_enqueue_style('waifu',l2d_URL.'/css/waifu.min.css',array(),'1.7');每修改一次css文件，并且已经通过浏览器加载过之后，如果要使下次修改的css文件生效，就要修改 array(),'1.7'，1.7这个字段，比如修改一次就往上增加0.1……
后记
到这里就差不多结束了，本来还有个想法是为了提高插件的加载速度，比如换装或者切换模型的时候可以更快地加载，让一些静态文件也通过CDN加速来加载，后面发现以我现在的水平难以实现（捂脸），暂时就不了了之了，以后有能力了再去试试。
