[教程]使用 PoiLive2D 为你的博客添加一个看板娘 | 祭夜博客
  • 欢迎光临,这个博客颜色有点多

[教程]使用 PoiLive2D 为你的博客添加一个看板娘

Wordpress msojocs 7年前 (2018-02-27) 9407次浏览 已收录 16个评论 扫描二维码
文章目录[隐藏]

[教程]使用 PoiLive2D 为你的博客添加一个看板娘

前言

最近不知道发什么就。。。。
这是闲逛时无意中看见的,来源于猫与向日葵
模型是从从手游药水制作师中提取的。

正文

那个,,,,作用及效果的话看屏幕左下角。。。

如果你对她很讨厌的话,就不要往下看了 :evil:

真.正文

1.下载文件

这里(本来想做插件的说但想想还是不了):
文件下载
2.上传到根目录

这个不用我教吧。。。要教的话我也不知道怎么教

3.在主题的function.php中加入下列代码
// 创建一个新字段存储用户登录时间
function git_insert_last_login( $login ) {
    global $user_id;
    $user = get_userdatabylogin( $login );
    update_user_meta( $user->ID, 'last_login', current_time( 'mysql' ) );
}
4.将以下代码加到相应位置
<!--加到头部-->
<div class="waifu" style="display: block;">
    <div class="waifu-tips"></div>
    <canvas id="live2d" width="280" height="250" class="live2d"></canvas>
    <div class="waifu-tool">
        <span class="fui-home"></span>
        <span class="fui-eye"></span>
        <span class="fui-chat"></span>
        <span class="fui-user"></span>
        <span class="fui-photo"></span>
        <span class="fui-info-circle"></span>
        <span class="fui-cross"></span>
    </div>
  </div>
<!--加到头部结束-->
<!--加到尾部-->
<script async src="assets/xr/xr1.js"></script>
<script async src="assets/xr/xr2.js"></script>
<!--加到尾部结束-->

然后你需要做的是将压缩包中的文件进行适当修改以匹配你的主题,比如夜间模式(css)·鼠标移动到各部分的对应的提示(waifu-tips.json)

OK,你可以尽情的玩耍了!


祭夜の咖啡馆 , 版权所有丨如未注明 , 均为原创丨本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:[教程]使用 PoiLive2D 为你的博客添加一个看板娘
喜欢 (16)
[1690127128@qq.com]
分享 (0)
发表我的评论
取消评论
OwO表情
贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址
(16)个小伙伴在吐槽
  1. 新手~学习起来~~~~~
    ChuHai52021-08-29 07:06 回复 Windows 10 | Firefox浏览器 56.0
  2. 下载的文件出错 无法解压。求博主更新下 #(呵呵)
    寒星皓月2021-03-16 14:32 回复 Windows 10 | Chrome 89.0.4389.90
    • cqcadmin
      现在参考这个吧:https://github.com/fghrsh/live2d_api
      祭夜2021-03-16 15:12 回复 Windows 10 | Chrome 89.0.4389.90
  3. 谢谢博主的分享,终于找到想要的资料了
    网赚钱2019-03-26 09:04 回复 Windows 7 | Chrome 63.0.3239.132
  4. 哇塞终于看到想要的资料了,这个加上以后真的很可爱
    WAKEN薇肯2019-01-11 09:53 回复 Windows 10 | Chrome 71.0.3578.98
  5. 哈哈,文件下载出错
    A72018-10-27 19:07 回复 Windows 10 | Chrome 69.0.3497.81
  6. 你好站长 有没有视频之类的 我下载那个了 里面有个错误无法解压 我也按照步骤弄了 不显示
    2018-09-14 11:59 回复 Windows 8.1 | 搜狗浏览器 2.X
  7. #(流汗滑稽)
    祭夜ゐ2018-07-19 18:48 回复 Windows 10 | Chrome 67.0.3396.99
  8. 文章不错非常喜欢
    今天头条2018-05-31 00:59 回复 Windows 7 | Chrome 55.0.2883.87
  9. 效果不错,顺手带走,感谢分享
    葛一速2018-05-20 23:14 回复 Windows XP | Firefox浏览器 52.0
  10. 文件下载出错了。(´இ皿இ`)
    mar92018-04-16 14:21 回复 Windows 10 | Chrome 67.0.3371.0
    • 已经补上了
      祭夜ゐ2018-04-20 19:27 回复 Windows 10 | Chrome 65.0.3325.181
  11. 谢谢提供的源码。打包带走了哦。再次感谢
    mar92018-04-16 14:12 回复 Windows 10 | Chrome 67.0.3371.0
  12. 还是不知道要怎么做,请问WordPress适用嘛~୧(๑•̀⌄•́๑)૭
    失去的秘密2018-03-12 07:06 回复 Windows 10 | 搜狗浏览器 2.X
    • 我用的就是wordpress,至于怎么做够清楚了。自己琢磨琢磨吧!
      祭夜ゐ2018-03-14 12:22 回复 Linux | Chrome 57.0.2987.132
      • 好的,谢谢
        失去的秘密2018-03-14 12:32 回复 Linux | Chrome 57.0.2987.132