犬's Blog


I'm very vegetable and very poor.

Live2D 看板娘来了！

2018-02-24 207条评论 177.54k次阅读 352人点赞 小白-白

l2d33.png
没错，这是一篇水文（逃
:huaji13: 其实早想加了的，不过没有找到好模型，最近在萝莉霖那 PY 到了 2233 的模型，便开始动手了。
emmm 折腾过程我就不多说了，参考原文：jad 大佬的博客

修改

稍微不同的是呢，我这不是固定在左下角的，和以前用的 spig 一样，可以瞎**飘( :huaji15: 半身模型飘起来是不是很刺激？)。

随机 API

为了换装，写了个简陋的 API：https://moedog.org/api/live2d/?model=rand :huaji14: 大佬勿喷
注意：此接口无法直接使用

WordPress 插件 (22&33)

WP大法好！
为了加起来方便呢，将其制成了插件 (WordPress)，不过这个插件只有 33 (一套衣服)，至于更多服装以及换装的实现，自己稍微琢磨下呗~

另外呢，这个插件需要 jQuery 和 Font Awesome 的支持，如果你的主题没有这两个东西，请去插件设置页面启用一下。
:huaji8: 不同主题，适配可能不太一样，有些地方自己调整下，不是我的锅。。。

下载地址：

单 33 单服装版本：
https://github.com/xb2016/33-live2d-wp

2233 可换装版本：
https://github.com/xb2016/poster-girl-l2d-2233
Star 老套路， :huaji22: 求star啊！

22&33 插件 Typecho 移植版 (感谢泽泽)

原地址：https://qqdie.com/archives/l2d233.html

https://pan.baidu.com/s/1QfV4-LsOb0zZd8pbdTw8PA

DaiDR 酱的 WordPress 插件 (Pio)

原地址：https://daidr.me/archives/code-176.html

https://pan.lanzou.com/i0s0gva

保罗酱的 Typecho 插件 (通用)

原地址：https://paugram.com/coding/add-poster-girl-with-plugin.html

https://github.com/Dreamer-Paul/Pio

广树酱的 emlog 插件 (伊斯特瓦尔)

原地址：https://www.wikimoe.com/?post=76

https://gitee.com/eeg1412/Live2dHistoire

FGHRSH 酱的 Z-Blog PHP 插件 (Pio&Tia)

原地址：https://www.fghrsh.net/post/123.html

https://cdn-v2.fghrsh.net/blogcdn/2018/01/201801041447_706.zba

WOC 这是要凑齐全家桶的节奏？

参考

https://imjad.cn/archives/lab/add-dynamic-poster-girl-with-live2d-to-your-blog-01
https://imjad.cn/archives/lab/add-dynamic-poster-girl-with-live2d-to-your-blog-02
https://github.com/journey-ad/live2d_src

本作品采用 知识共享署名-相同方式共享 4.0 国际许可协议 进行许可
点赞
最后编辑：2019-08-21
  1. mokeyjay说道：
    2018-04-19 16:23

    刚才好像触发了一个蜜汁BUG，鼠标移动到22左脚的位置，22就一直闭着眼睛不睁开了。鼠标移开才睁开，无法复现 :hu: 而且评论框一旦获得焦点，22就会跑过来，把表情按钮几乎完全挡住无法点击XD

    1. 小白-白说道：
      2018-04-19 16:45

      :huaji11: 闭眼问题的话，应该是模型的锅，我没改过；然后刚才把移动去掉了

  2. AppleMiku说道：
    2018-04-23 20:25

    突然发现用了lived2d小人后gpu飙得很高 ，就说平板怎么突然风扇响起来了Σ(っ °Д °;)っ

    1. 小白-白说道：
      2018-04-23 22:51

      一般PC端玩玩海星。

  3. 日云草说道：
    2018-04-24 10:54

    :huaji: 大老虎

  4. hk说道：
    2018-04-25 11:19

    能加入公共数据库吗 不然这live2d流量消耗很高 谢谢参考https://www.staticfile.org/

    1. hk说道：
      2018-04-25 11:29

      为啥我头像显示不出来 我知道是QQ邮箱的 :huaji5:

    2. 小白-白说道：
      2018-04-25 16:06

      主题
      https://cdn.jsdelivr.net/gh/xb2016/data@0.0.3/js/xxxx.js
      插件
      https://cdn.jsdelivr.net/gh/xb2016/poster-girl-l2d-2233@1.3/js/xxxx.js
      怎么应用别问我
      头像自己去Gravatar改

  5. wwj说道：
    2018-05-19 16:10

    大老鼠问下，怎么把看板娘的默认位置设置在右边 :huaji17:

    1. 小白-白说道：
      2018-05-19 16:14

      CSS里面.waifu{left:0}改成.waifu{right:0}
      JS里面忘记有没有了，好像是没有定位的

      1. wwj说道：
        2018-05-22 11:43

        mua~

  6. Sakura YAMI说道：
    2018-05-20 18:34

    昨晚网站是不是炸了。。503错误，Live2D的随机文字都不显示了

    1. 小白-白说道：
      2018-05-20 18:41

      今天发的文章解释了昨天的事情==

  7. Bronya说道：
    2018-05-25 19:02

    请问怎么把这个插件放到一个单独的页面里面啊

    1. 小白-白说道：
      2018-05-25 19:05

      index.php里面的HTML部分稍微修改下拿出来就行

      1. Bronya说道：
        2018-05-25 19:11

        大佬，怎么个修改法，可以写一下吗orz

        1. 小白-白说道：
          2018-05-25 19:17

          直接对我站进行审查元素也行==

        2. Bronya说道：
          2018-05-25 23:01

          这里应该怎么改啊，一直报错函数未定义
          define('l2d_URL', plugins_url('', __FILE__)); :lei:

  8. 华梦说道：
    2018-05-28 13:41

    作者您好，我想反馈一个小问题。文章中的图片在添加链接“链接到媒体页面”时，点击图片不会前往媒体页面，而且关闭看图浮层还会出现无限AJAX加载页面。不给图片添加链接/不设置AJAX则一切正常。希望能尽快修复呢，具体复现情况可以点击我博客任意文字的图片

    1. 小白-白说道：
      2018-05-28 15:35

      因为从来没想过给图片加个a标签上去... 图片本来就是用的灯箱效果，加个链接感觉没啥实际意义啊。。。

      1. 华梦说道：
        2018-05-28 15:59

        但是有些场景下，例如在文章中引用低分辨率图片（提高速度），需要让访客点击图片的时候看到大图就麻烦了...

        1. 小白-白说道：
          2018-05-28 16:42

          真的有这个需求的话，建议手动给图片上的a标签加上target="_blank"来避免此问题

      2. 华梦说道：
        2018-05-28 17:31

        ..历史文章会很麻烦...又要跑数据库命令了，总之还是建议加上吧...

        1. 小白-白说道：
          2018-05-28 20:15

          Updated.

      3. 华梦说道：
        2018-05-28 21:06

        已更新...但问题依然存在...很抱歉，是不是我哪里没弄好？
        例如这篇文章 https://52huameng.com/teach/1163
        不是CDN问题

        1. 小白-白说道：
          2018-05-28 21:24

          我用了 preg_replace 给 a 标签加上了 target="_blank" 属性 (imgcfg.php:223) ，并在本页面测试通过，查看发现你那里并没有生效，我无法了解为何，抱歉。

      4. 华梦说道：
        2018-05-28 21:33

        非常抱歉！发现是更新的没覆盖完整，给您添麻烦了！已经一切正常，感谢您的主题！

  9. 西西说道：
    2018-06-05 09:55

    请问大佬是怎么做到切换页面看板娘不刷新呢 不会闪一下

    1. 小白-白说道：
      2018-06-05 12:22

      只要你的主题支持pjax就行

  10. 秋枫酱说道：
    2018-06-19 09:53

    前来膜拜dalao

    1. 小白-白说道：
      2018-06-19 10:02

      大佬 泥说啥

当前页面评论已关闭。