为你的博客加一个萌萌哒看板娘

发布于 2022-06-28  71 次阅读


在浏览别人博客时,一个小可爱给了我意外的惊喜,原来博客还可以这么玩?就是博客左下角这个萌萌哒的小家伙看板娘。本教程会教你把萌萌哒的看板娘抱回家(ノ≧∇≦)ノ |

这是Live2d看板娘的GitHub开源地址

你可以点击开源项目右侧的 Releases 下载看板娘的压缩包,并上传至你的网站下的/wp-content/plugins。

例如你的网站名为 rain.moe。

你应当上传到/www/wwwroot/rain.moe/wp-content/plugins/poster-girl-l2d-2233-1.8。

解压该文件夹,你就可以在WordPress后台的插件中启用"live2d看板娘(2233)"了。

可以发现作者没有留设置的选项,不必担心,我们可以在poster-girl-l2d-2233-1.8下编辑其配置文件。

此插件需要 JQuery 支持,如果你的主题并没有引入,请编辑插件 index.php 引入。

解释:如果你正确地上传了看板娘,正确的启用了看板娘,却没有正确显示的话。

打开/www/wwwroot/rain.moe/wp-content/plugins/poster-girl-l2d-2233-1.8/index.php

//引入 JQuery,如果你的主题不自带(大多数 WP 主题都有),请移除下面一行的注释。
wp_enqueue_script('waifu-jq','https://cdn.jsdelivr.net/npm/[email protected]/dist/jquery.min.js',array(),'2.1.4');

此插件包含果体模型,默认是不显示的,如有需要请编辑 model/api.php 文件。

此插件默认第一次访问为随机加载模型,如需指定请编辑 model/api.php 文件。

解释:R18警告!其实也没有多涩

打开/www/wwwroot/rain.moe/wp-content/plugins/poster-girl-l2d-2233-1.8/model/api.php

//默认模型 ID,0~19 数字,对应下面的模型列表
$default_id = NULL;
//是否允许出现全裸模型
$r18 = true;

更多配置请修改 js/waifu-tips.js 文件。

解释:可以自定义看板娘的问候语,起始位置,是否可自由移动等等。

if(now>23||now<=5){
            text = '你是夜猫子呀?这么晚还不睡觉,明天起的来嘛'
        }else if(now>5&&now<=7){
            text = '早上好!一日之计在于晨,美好的一天就要开始了'
        }else if(now>7&&now<=11){
            text = '上午好!工作顺利嘛,不要久坐,多起来走动走动哦!'
        }else if(now>11&&now<=14){
            text = '中午了,工作了一个上午,现在是午餐时间!'
        }else if(now>14&&now<=17){
            text = '午后很容易犯困呢,今天的运动目标完成了吗?'
        }else if(now>17&&now<=19){
            text = '傍晚了!窗外夕阳的景色很美丽呢,最美不过夕阳红~'
        }else if(now>19&&now<=21){
            text = '晚上好,今天过得怎么样?'
        }else if(now>21&&now<=23){
            text = '已经这么晚了呀,早点休息吧,晚安~'
        }else{
            text = '嗨~ 快来逗我玩吧!'
        }