poster-girl.jpg

pio-settings.jpg

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

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

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

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

插件特性

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

授权协议

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

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

项目地址

Typecho 版(我做的)

  • 特点:自带 Pio 模型,支持后台更换,可直接放在插件目录下或外部引用。暂不支持前台换肤。
  • 依赖:无
  • 下载:GitHub 传送门
  • 文档:GitHub Page

WordPress 版(喵喵做的)

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

Typecho 版(泽泽移植的)【已停止维护】

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

Emlog 版(广树做的)

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

Z-Blog 版(FGHRSH 做的)

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

疑难解答

  1. 插件已启用,没看到任何看板娘出现?
    答:如果是 IIS 服务器(及以此驱动的虚拟主机),请添加对应的 MIME 记录,否则无法读取到模型文件。详见本 Issue
  2. 鼠标移动到特定区域后没有任何文字提示?
    答:IE9 以下浏览器不支持 querySelectorAll 方法,因此无法显示。请升级你的浏览器
  3. 如何使用自定义模型?
    答:你可以在插件设置里面选择使用外链方法载入模型(自定义配置文件地址),或是将自己的模型放在插件的 models 文件夹内(选择模型),确保每个模型放在单独的一个文件夹,并且模型配置文件以 model.json 命名。以下是示例结构:
plugins/Pio/models
 ┌ pio(模型名称)
 ├─ motions(动作文件)
 ├─ textures(贴图文件)
 ├─ model.moc(配置文件)
 └─ model.json(配置文件)
  1. 想要我博客现用的模型?还有更多?
    答:去我自己搭建的 梦象模型站 或是加我的群找我要吧!千万别引用我这个小水管的地址啊 😉
  1. Typecho 部分模板无法加载模型?
    答:该模板可能缺少对页尾相关函数的引用,需要手动到对应的 footer.php 中添加。
<?php $this -> footer(); ?>
  1. 第一次打开网站可以显示看板娘,但点击进入其他页面就无法显示了?
    答:请检查你的主题是否有 PJAX 预加载功能,如已开启,需要关闭才可正常使用。
  2. 我的网站是多域名的(例:www.sample.com 和 sample.com),无法在另外一个域名显示看板娘?
    答:服务器默认是阻止跨域访问内容的,需要手动修改服务器头或只使用一个域名。
location ^~ 你的站点路径
{
    add_header Access-Control-Allow-Origin 允许访问的网站地址,包括协议;
}

例如你的看板娘模型在“www.a.com/model”,并只能允许 paugram.com 访问

location ^~ /model
{
    add_header Access-Control-Allow-Origin https://paugram.com;
}