typecho博客Live2D插件

Author：爆胎
发布时间：October 19, 2020
2838 views
8 comments
1146 words
Categories：分享

之前写了一篇博客添加Live2D 看板娘的文章。为了方便大家，直接做成了一个插件

插件

相对于Paul的Pio插件，简化了很多，并且自动在手机端隐藏（Live2D在手机端显示在百度站长移动落地检测时会检测为广告，并且有很多手机在启动Live2D后明显卡顿）

插件由：Wibus 制作

项目地址：下载地址

使用

下载改名为live2d 然后启用就行了，然后选择放在左边还是右边。换装等按钮需要FontAwesome支持,如果你的站已经加载了，就不用加载了。

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/font-awesome/css/font-awesome.min.css">

说明

默认加载模型为 PIO 老婆，下一版本更新会加入自定义首次加载模型，缓存生效，毫秒级换装体验。

模型展示

皮肤

收集了 bilibili-22 全套皮肤
收集了 bilibili-33 全套皮肤
收集了 Pio 全套皮肤
收集了 Tia 全套皮肤
收集了 ShizukuTalk 2套皮肤
收集了 HyperdimensionNeptunia全套皮肤
收集了 KantaiCollection 1套皮肤

Last modification：June 19, 2021

© Allow specification reprint

如果你想请我喝奶茶的话

Leave a Comment Cancel reply

Comment *

Private comment

Name *

🎲

Email *

Site

8 comments

XuYang
11 Mouths Ago

怎么在Github Page上整一个啊？
想要保姆及教程的那种QwQ

Reply
1. 爆胎
  11 Mouths Ago
  
  @XuYang
  
  简单，在页面上引入一个JS既可，详见：https://www.itggg.cn/fx/82.html
  
  Reply
1
March 9, 2021

为啥用不了，启用插件了

Reply
1. 爆胎
  March 9, 2021
  
  @1
  
  报什么错？地址看看
  
  Reply
  1. 1
    March 9, 2021
    
    @爆胎
    
    插件引入没有反应，控制台也没有报错，后来我改成js引用了
    
    Reply
    
    wibus
    March 20, 2021
    
    @1
    
    你没有进入插件设置过吧？
    我插件里现在不设置的话不会输出的
    防止一些奇奇怪怪的bug
    
    Reply
wibus
October 19, 2020

_(눈_눈」∠)_开口跪
文章我拿走啦？ ::QQ:qq-6::

Reply
1. 爆胎
  October 20, 2020
  
  @wibus
  
  好的，拿走
  
  Reply

网易云日推
浏览次数: 63786
为你的博客添加一个萌萌哒的看板娘吧
浏览次数: 46816
氛围音乐
浏览次数: 46044
OneManager搭建网盘详细过程
浏览次数: 11032
渐变响应式 HTML5 导航页
浏览次数: 9218

熊猫不是猫
这个蛮不错的啊
熊猫不是猫
挺不错的博客啊
被窝
大佬导航栏主题色调能分享下嘛
白鹿
是不是欠费的钱不还会影响支付宝信誉什么的
白鹿
哥，字体接口怎么做可以出个教程吗

CentOS7启用腾讯TCPA拥堵算法
浏览次数: 2355
2021 中元节
浏览次数: 171
第比利斯
浏览次数: 1724
内网Web代理解决方案
浏览次数: 3082
Nginx配置多个反向代理
浏览次数: 1780

typecho博客Live2D插件

爆胎 • 2020 年 10 月 19 日

<p><div class="tip inlineBlock info">

<strong>之前写了一篇博客添加Live2D 看板娘的文章。为了方便大家，直接做成了一个插件</strong>
</div></p><p>&nbsp;</p><h2>插件</h2><p>相对于<code>Paul</code>的<code>Pio</code>插件，简化了很多，并且自动在手机端隐藏（Live2D在手机端显示在百度站长移动落地检测时会检测为广告，并且有很多手机在启动Live2D后明显卡顿）</p><p><strong>插件由</strong>：<span class="external-link"><a class="no-external-link" href="https://blog.iucky.cn" target="_blank"><i data-feather="external-link"></i>Wibus</a></span> 制作<br>&nbsp;<br><strong>项目地址</strong>： <span class="external-link"><a class="no-external-link" href="https://github.com/wibus-wee/Typecho-Plugin-Live2D" target="_blank"><i data-feather="external-link"></i>下载地址</a></span></p><p>&nbsp;</p><h2>使用</h2><p>下载改名为<code>live2d </code>然后启用就行了，然后选择放在左边还是右边。换装等按钮需要<code>FontAwesome</code>支持,如果你的站已经加载了，就不用加载了。</p><pre><code class="lang-html">&lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdn.jsdelivr.net/npm/font-awesome/css/font-awesome.min.css&quot;&gt;</code></pre><p>&nbsp;</p><h2>说明</h2><p>默认加载模型为 <code>PIO</code> 老婆，下一版本更新会加入自定义首次加载模型，缓存生效，毫秒级换装体验。<br><img src="https://img-1259793745.itggg.cn/20201222210845.png" style="zoom: 33%;" /></p><p>&nbsp;</p><h2>模型展示</h2><p><div class='photos'><figure class="image-thumb" itemprop="associatedMedia" itemscope="" itemtype="http://schema.org/ImageObject">
          <img src="https://img-1259793745.itggg.cn/20201222210846.png" alt="" title=""style="">
          <figcaption itemprop="caption description"></figcaption>
      </figure><figure class="image-thumb" itemprop="associatedMedia" itemscope="" itemtype="http://schema.org/ImageObject">
          <img src="https://img-1259793745.itggg.cn/20201222210847.png" alt="" title=""style="">
          <figcaption itemprop="caption description"></figcaption>
      </figure><figure class="image-thumb" itemprop="associatedMedia" itemscope="" itemtype="http://schema.org/ImageObject">
          <img src="https://img-1259793745.itggg.cn/20201222210848.png" alt="" title=""style="">
          <figcaption itemprop="caption description"></figcaption>
      </figure><figure class="image-thumb" itemprop="associatedMedia" itemscope="" itemtype="http://schema.org/ImageObject">
          <img src="https://img-1259793745.itggg.cn/20201222210849.png" alt="" title=""style="">
          <figcaption itemprop="caption description"></figcaption>
      </figure><figure class="image-thumb" itemprop="associatedMedia" itemscope="" itemtype="http://schema.org/ImageObject">
          <img src="https://img-1259793745.itggg.cn/20201222210850.png" alt="" title=""style="">
          <figcaption itemprop="caption description"></figcaption>
      </figure><figure class="image-thumb" itemprop="associatedMedia" itemscope="" itemtype="http://schema.org/ImageObject">
          <img src="https://img-1259793745.itggg.cn/20201222210851.png" alt="" title=""style="">
          <figcaption itemprop="caption description"></figcaption>
      </figure><figure class="image-thumb" itemprop="associatedMedia" itemscope="" itemtype="http://schema.org/ImageObject">
          <img src="https://img-1259793745.itggg.cn/20201222210852.png" alt="" title=""style="">
          <figcaption itemprop="caption description"></figcaption>
      </figure></div></p><p>&nbsp;</p><h2>皮肤</h2><ul><li>收集了 bilibili-22 全套皮肤</li><li>收集了 bilibili-33 全套皮肤</li><li>收集了 Pio 全套皮肤</li><li>收集了 Tia 全套皮肤</li><li>收集了 ShizukuTalk 2套皮肤</li><li>收集了 HyperdimensionNeptunia全套皮肤</li><li>收集了 KantaiCollection 1套皮肤</li></ul>