poster-girl.jpg

pio-settings.jpg

经常访问我博客的朋友们也许会注意到左下角多了一个新伙伴,她是来自《药水制作师》的 Pio~

在很久以前,@Jad 发了一篇关于 Live2D 的 教程。此后我逐渐看到各位大佬的博客增加了这个小挂件,而我一直盼望自己的博客也增加一个。之前一直想找个机会试水一下 Typecho 的插件开发,于是今天就抽时间做出来了。

目前本插件不存在任何依赖的样式和库,所以并没有一些交互功能。但我会在新版本当中逐渐实现,而不需要任何的库。

插件自带了版本更新检测功能,调用了我自己写的一个简易 API,默认会统计你的网站地址。

插件特性

  • 插件自带版本更新检测功能
  • 可以在插件设置自定义模型配置文件
  • 可以在插件目录下放置使用自己的模型
  • 不需要任何库,让你的看板娘轻装上阵
  • 可和页面内容进行交互(新版功能将上线)

授权协议

由于原项目使用 GPL 2.0 协议,故本项目也采用相同的开源协议进行授权。

原创不易!如果喜欢本项目,请 Star 它以示对我的支持~

项目地址

Typecho 版(我做的)
GitHub 传送门

WordPress 版(喵喵做的)
GitHub 传送门

Emlog 版(广树做的)
传送门

更新计划

  • 自定义文字提示内容,%s 表示特定变量
  • 提供穿透、可交互和拖动模式(穿透、可交互模式下无法移动,拖动模式下可以移动)

2018.03.13 更新:上述功能已基本实现,仍在优化和测试当中。

疑难解答

  1. 插件已启用,没看到任何看板娘出现?
    答:如果是 IIS 服务器,请添加对应的 MIME 记录,否则无法读取到模型文件。详见本 Issue

  2. 鼠标移动到特定区域后没有任何文字提示?
    答:IE9 以下浏览器不支持 querySelectorAll 方法,因此无法显示。请升级你的浏览器

  3. 如何使用自定义模型?
    答:你可以在插件设置里面选择使用外链方法载入模型(自定义配置文件地址),或是将自己的模型放在插件的 models 文件夹内(选择模型),确保每个模型放在单独的一个文件夹,并且模型配置文件以 model.json 命名。以下是示例结构:

plugins/Pio/models
 -> pio(模型名称)
    -> motions(动作文件)
    -> textures(贴图文件)
    -> model.moc(配置文件)
    -> model.json(配置文件)