教程-给你的博客增加动态看板娘(超详细分享)

Posted on 2020-05-10  7,219 Views 本文共962个字


经常访问我博客的朋友们也许会注意到左下角多了一个新伙伴- 板娘 ,她是来自《药水制作师》的 Pio~在很久以前,@Jad 发了一篇关于 Live2D 的 教程。此后我逐渐看到各位大佬的博客增加了这个小挂件,而我一直盼望自己的博客也增加一个。于是今天就抽时间加上了。目前本插件不存在任何依赖的样式和库,所以并没有一些交互功能。但作者会在新版本当中逐渐实现,而不需要任何的库。插件自带了版本更新检测功能,调用了作者自己写的一个简易 API,默认会统计你的网站地址。

教程-给你的博客增加动态看板娘(超详细分享)插图
给你的博客增加动态看板娘

插件特性

  • 插件自带版本更新检测功能
  • 可以在插件设置自定义模型配置文件
  • 可以在插件目录下放置使用自己的模型
  • 不需要任何库,让你的看板娘轻装上阵
  • 指定选择器后可和页面链接内容进行交互
  • 支持前台更换模型,需要在后台选中多个模型

授权协议

由于原项目使用 GPL 2.0 协议,故本项目也采用相同的开源协议进行授权。原创不易!如果喜欢本项目,请 Star 它以示对作者的支持~

教程-给你的博客增加动态看板娘(超详细分享)插图(2)
给你的博客增加动态看板娘

各种博客的项目地址

Typecho 版(大多typecho用的)

特点:自带 Pio 模型,支持后台更换其他模型,还可自定义换肤,可放在插件目录下或外部引用 依赖:无 下载:GitHub 传送门 文档:传送门

WordPress 版(喵喵做的)

特点:自带 2233 模型,不支持后台更换,但包含一言、文字交互等功能 依赖:需要 JQuery 支持 下载:GitHub 传送门

Typecho 版(泽泽移植的)

【已停止维护】特点:和 WP 版一样,自带 2233 模型,不支持后台更换,但包含一言、文字交互等功能 依赖:需要 JQuery 支持 下载:传送门

Emlog 版(广树做的)

特点:自带 Histoire 模型,不支持后台更换,但可以接入图灵机器人实现互动 依赖:需要 JQuery 支持 下载:传送门

Z-Blog 版(FGHRSH 做的)

特点:自带 Pio、Tia 模型,支持换肤。不支持后台更换,但包含一言、文字交互等功能 依赖:需要 JQuery 支持 下载:传送门

我的live2d分享

一般来讲的话可以直接引用(我的可以通用哦!!!):https://cdn.jsdelivr.net/gh/tperch/jsd/live2d.js (插入到你的网站即可)

但是如果你需要diy的话,请自行下载之后修改。

疑难解答

参见插件文档的 常见问题 节点 更多模型下载请到 梦象


粉色的花瓣,美丽地缠绕在身上。依在风里。