Live2D看板娘来了!


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

修改

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

随机API

为了换装,写了个简陋的API:https://www.fczbl.vip/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插件(Pio)

原地址: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

点赞
  1. 鲨鱼拉拉说道:
    Opera Windows 10

    阔以

  2. 求大佬大腿说道:
    QQbrowser Windows 10

    666

  3. Star说道:
    Firefox Windows 10

    我网站上的突然会在移动端出现了

    1. 小白-白说道:
      Firefox Windows 10

      我直接用的 WP 的函数 wp_is_mobile() 进行的判断,误判基本上就是 WP 的锅了,下次会尝试换一种方法处理。

      1. Star说道:
        Firefox Windows 10

        也就抽风了10分钟,又好了 :huaji:

        1. 小白-白说道:
          Firefox Windows 10

          :meng: 判断这个锅不是个例了 有空还是要更新下写法

  4. 说道:
    Google Chrome Windows 10

    大佬,我想问一下怎么调他默认的在网站上的位置啊

    1. 小白-白说道:
      Firefox Windows 10

      审查元素改CSS

      1. 说道:
        Google Chrome Windows 10

        我改不了啊 :lei: ,他那个是内联的样式,文件找不到在哪儿

        1. 小白-白说道:
          Firefox Windows 10

          .waifu 有个 left:0 自己改

          1. 说道:
            Google Chrome Windows 10

            好的, :tushe: :tushe: :tushe:

          2. 说道:
            Google Chrome Windows 10

            那个高低top 改了怎么不生效啊 :yiwen:

          3. 小白-白说道:
            Firefox Windows 10

            top 自己去js调

      2. 说道:
        Google Chrome Windows 10

        是改那个样式么

      3. 说道:
        Google Chrome Windows 10

        class="waifu" style="top: 418.8px; left: 82.5px;"

1 7 8 9

发表评论

电子邮件地址不会被公开。必填项已用 * 标注