少年，撸猫吗？

[DemonQ]

承蒙各位厚爱，css-tricks 已有 1284 star，在广大同行浏览的过程中，听到的最多的声音其实不是这个部分咋写的，这个实现有什么问题，而是……这个猫咋弄的，总让我认为大家只是为了撸猫才点了 star （平均日活 70 左右让我更加怀疑）。

于是乎，决定把 cat 这个组件写成 vuepress 的插件，这样大家在自己的网站就可以撸自己的猫了（使用 vuepress 搭建的）。

项目地址 https://github.com/QiShaoXuan/vuepress-plugin-cat

使用

1. 安装 npm i vuepress-plugin-cat -S
2. 添加到 .vuepress/config.js

module.exports = {
  plugins: [
    "vuepress-plugin-cat",
  ]
}

让你的 vuepress 项目跑起来，猫就出现在右下角了~

对了，vuepress-plugin-cat 会根据页面路由的切换随机加载白猫或者黑猫~

相关项目

• vuepress-plugin-cat
• css-tricks

欢迎 star ~

[tankren]

能做个狗狗的吗 小柴犬或者小金毛 对猫不感兴趣。。

[ltm]

👍

[fuckshit]

这是啥？

[di1012]

我想撸个二哈

[sobigfish]

不就是 live2d 么

[sinu]

撸下~之前玩过大师 制作的 live2DModel

[37Y37]

为楼主点赞，确实不错，希望出狗，哈哈

顺便再贴下之前根据楼主的猫写的这个简单的文章，让感兴趣的小伙伴有一点点了解或者是在自己的项目（非 vue ）中养猫

https://ops-coffee.cn/s/xkrxfg4NULauzyU7uZqVwQ

[DemonQ]

@sobigfish 我寻思着也没说不是啊

[DemonQ]

@37Y37 live2dWeight 不知道是我用的姿势不对还是咋的，总是有问题，所以换成 live2d 了，live2dWeight 其实也只是封装了下 live2d，
可以看下 https://github.com/QiShaoXuan/live2DModel，我原先用 live2dWeight 转换模型一直有问题

[sobigfish]

@DemonQ #8 只是在回复上面再问是啥的。
不过 live2d 有协议的 你们都直接删了就是了？

[strugglexiang]

👍

[hirasawayui]

请画师画个呆唯放到博客左下角美滋滋，可是画师放我鸽子，到现在还没给我画。

[DemonQ]

@hirasawayui 这个是需要做成模型，然后利用 live2d 生成，我只是利用了两个已有的模型

[Anshi]

这猫没有毛，撸不动

[huiyadanli]

以前我也对 live2d 的官方 demo 做过封装。。。自用的。。（亚斯娜的模型，50+的衣服）
https://github.com/huiyadanli/live2d-helper.js

官方其实有最新的开源实现，针对 Cubism 3 的。貌似对 2 的模型支持的不好。。。
https://github.com/Live2D/CubismJsComponents

[wsseo]

猫颜祸水

[a62527776a]

猫呢

[hirasawayui]

@DemonQ 做成模型首先要有图，拆分成细碎的零件就可以生成模型

[jiejiss]

@DemonQ https://qishaoxuan.github.io/css_tricks/hover/#%E8%BE%B9%E6%A1%86%E5%8A%A8%E7%94%BB 这个挂了

[Ehco1996]

@DemonQ 请问有裸的 js 的版本么？可以直接 import 到 html 直接用的那种，老网站前端还是用 jquery 写的。上不动 vue 之类的框架啦

[DemonQ]

@Ehco1996 可以在 github 搜下 live2d，有基于源码封装的，也有直接用源码的，还有很多模型
也可以看下 https://github.com/QiShaoXuan/live2DModel