MENU

给自己的博客领养一只猫吧 (live2D)

September 2, 2020 • Read: 137 • 默认分类阅读设置

我和猫的故事

我应该也算是个爱猫的人吧,十多年前在老家也养过几只猫。我养的第一只猫是从外婆家硬要回来的,那只猫是一个表姐养在外婆家的,离开外婆家的时候便产生了“据为己有”的执念……。外婆他们看出了我的心思,便把那只黄色的小猫装在箱子里跟我回家了。

它陪我度过了很长一段时间,因为小时候一直很孤僻,它成了我无言的朋友。在我养的这些猫之中,它算是唯一一个既漂亮又懂事的猫,全身黄白相间,在脖子处有深黄和浅黄相间,呈倒三角形,邻居家小伙伴说像是披了块头巾。它小时候像很多猫一样很皮,我们看电视的时候经常跳到电视机(那种老式机,可以拧的换台)上用爪子来回拔弄。它有一个习惯,在我们睡觉之前要离开家去完成作为一只猫的使命,每天早上五六点喵喵喵的叫让给它开门。有年秋天,抱着它跟邻居家的小伙伴坐在轮胎上看月亮……

后来有几天没回来,我们在全村去找它,最后发现它被一家扣住了,要回来之后它便全身抽搐,躺在那一动不动奄奄一息,中午放学回来我特别伤心,中午父亲刚下工回来又骑车带它去城里看病,打了一针之后渐有好转,还早产了大概五六只小猫胚胎,只是一个个小肉团,连猫的样子都没。再往后它的耳朵应该是有些不好使了,叫它总没反应。

一般人总叫它土猫,不过它一点儿都不土反而比那些贵族猫更好养活。

我的博客是去年加的这只小黑猫,用的live2D的前端代码插件,原作者:

https://github.com/QiShaoXuan/live2DModel
https://github.com/xiazeyu/live2d-widget.js

使用方法:

通用配置

1.下载地址 https://github.com/ops-coffee/demo/tree/master/live2d 或 https://gitee.com/tczmh/live2DModel 
注:不同的下载地址配置稍有不同

2.引入js到要添加效果的页面,一般往公共模板 head 或 foot 中添加引入
<script src="/live2d/L2Dwidget.min.js"></script> #注意实际引用路径或名称

3.完成配置项
<script type="text/javascript">
  L2Dwidget.init({
    model: {
      jsonPath: '/live2d/tororo/assets/tororo.model.json', // 加载模型的json路径,注意实际路径
    },
    display: {
      superSample: 2, // 超采样等级
      width: 150, // canvas的宽度
      height: 150, // canvas的高度
      position: 'right', // 显示位置:左或右
      hOffset: 0, // canvas水平偏移
      vOffset: 0, // canvas垂直偏移
    },
    mobile: {
      show: true, // 是否在移动设备上显示
      scale: 1, // 移动设备上的缩放
      motion: true, // 移动设备是否开启重力感应
    },
    react: {
      opacityDefault: 0.8, // 默认透明度
      opacityOnHover: 0.2, // 鼠标移上透明度
    }
  })
</script>

效果预览:https://tczmh.gitee.io/live2dmodel/
此方法可任意添加至任何网站

typecho插件

原文:https://www.ddsiot.cn/archives/329.html
下载:https://github.com/Dreamer-Paul/Pio 或 https://www.ddsiot.cn/usr/uploads/2020/01/1769439073.zip

1.下载好上传至博客目录/usr/plugins下,并确认文件夹名为:PIO
2.后台启用插件
3.后台配置:Hijiki 是黑猫, Tororo是白猫, 展现模式选 可移动, 隐藏看板娘 选开启 ,时间小贴士 选开启

好了,收工。

封面图

Last Modified: October 9, 2020
Archives QR Code Tip
QR Code for this page
Tipping QR Code