✨ 更新日志
🚀 安装部署
✒ 写作指引
🛠 站点配置
📊 网站统计
⭐ 主题配置
📩 评论插件
🧷 外部插件
🔊 站点订阅
⌨ 开发指引
👨👦👦 联系方式
🤝 购买服务
Live2D宠物插件
category
tags
type
status
slug
date
password
Last edited time
Feb 5, 2024 07:13 AM
summary
icon
介绍
《Live2D》是一种应用于电子游戏的绘图渲染技术,技术由日本Cybernoids公司开发。通过一系列的连续图像和人物建模来生成一种类似三维模型的二维图像,对于以动画风格为主的冒险游戏来说非常有用,缺点是Live 2D人物无法大幅度转身,开发商正设法让该技术可显示360度图像。
开启Live2D宠物挂件后,你的页面的角落会出现这样一只可爱宠物,并且它会跟随着你的鼠标位置动起来。
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F26d22f93-d8b5-43b5-89e9-6432c547f5b8%2FUntitled.png?table=block&id=bf6e263a-2ebc-4d7b-99a9-b3e3de53a43e&t=bf6e263a-2ebc-4d7b-99a9-b3e3de53a43e&width=248&cache=v2)
开启配置
目前所有主题都支持宠物挂件。
开启方式,源文件在blog.config.js中,默认是开状态
您也可以直接通过设置环境变量
NEXT_PUBLIC_WIDGET_PET
的方式来控制开关切换模型
WIDGET_PET_LINK
这个参数制定的是动画模型的加载地址,目前默认使用的是茶杯狗。由于每个动画模型的高度不同,可能需要您在代码中修改模型的高度height,否则会很怪异。
模型预览
例如您想使用
live2d-widget-model-chitose
这个模型,则可以将WIDGET_PET_LINK
的值设置为- 黑猫
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fcf99a7cf-ba74-408c-a6c6-09a61098d619%2FUntitled.png?table=block&id=62314183-86a1-4a90-be52-97d43b60e75f&t=62314183-86a1-4a90-be52-97d43b60e75f&width=276&cache=v2)
- 白猫
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fa7d3797a-96cd-4554-a4dd-b6ceb20fbab7%2FUntitled.png?table=block&id=61de5f8e-ee0a-446b-94de-64ae3cd1752d&t=61de5f8e-ee0a-446b-94de-64ae3cd1752d&width=268&cache=v2)
- chitose
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F01d6bf19-21f9-4eee-afc6-106259cbd085%2FUntitled.png?table=block&id=90c3b5b8-4dfd-4886-9772-aea150e0c5e0&t=90c3b5b8-4dfd-4886-9772-aea150e0c5e0&width=202&cache=v2)
- epsilon
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F957cc486-f226-4732-aa0c-436133478afa%2FUntitled.png?table=block&id=a6a8cd24-b81a-4692-ac14-ecd4f181edd9&t=a6a8cd24-b81a-4692-ac14-ecd4f181edd9&width=247&cache=v2)
- gf
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fe0726ceb-af54-46ad-8fca-04c5846f1a4f%2FUntitled.png?table=block&id=74824c74-70cf-489d-bfc9-f00c806ef0de&t=74824c74-70cf-489d-bfc9-f00c806ef0de&width=281&cache=v2)
- haru
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F3054d2cc-97ea-448b-b667-c47f86b1116e%2FUntitled.png?table=block&id=c5d1b77b-e380-4e84-b63d-d8b4b5edb22b&t=c5d1b77b-e380-4e84-b63d-d8b4b5edb22b&width=250&cache=v2)
- haru2
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fe9b25c45-ff42-4c82-bef3-fa5450b0bc6f%2FUntitled.png?table=block&id=83e74530-0a38-4366-805c-153603e7f1b3&t=83e74530-0a38-4366-805c-153603e7f1b3&width=255&cache=v2)
- はると(haruto-遥人)
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fb3b50790-e4b2-46e1-a99c-fdfa55b6d385%2FUntitled.png?table=block&id=561c9826-c511-4d69-8179-f6adddd818b8&t=561c9826-c511-4d69-8179-f6adddd818b8&width=267&cache=v2)
- hibiki
高度需要调整为
900
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fdfb8ebcf-8382-4ad0-a555-32d7a3fafc41%2FUntitled.png?table=block&id=66c783fb-3c35-478a-be5b-6dd5fd2a1740&t=66c783fb-3c35-478a-be5b-6dd5fd2a1740&width=308&cache=v2)
- izumi
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F9671aad1-4f53-4137-b905-34f64134a4a8%2FUntitled.png?table=block&id=48dc8ffd-37f1-4188-b9b3-8040fc7b9595&t=48dc8ffd-37f1-4188-b9b3-8040fc7b9595&width=298&cache=v2)
- koharu
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F43887e8f-b806-412c-879c-13fce328f7eb%2FUntitled.png?table=block&id=e5de3b1b-06cc-4a35-9ad1-fe90816350b3&t=e5de3b1b-06cc-4a35-9ad1-fe90816350b3&width=309&cache=v2)
- ni-j
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F9df6aecf-a2b6-4b53-8e2d-f3995c392ef6%2FUntitled.png?table=block&id=074c3463-1e5e-470b-aaf4-180e8bd3f158&t=074c3463-1e5e-470b-aaf4-180e8bd3f158&width=224&cache=v2)
- miku
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F718c3f4c-9770-4ef4-8b49-70f3eba8098c%2FUntitled.png?table=block&id=d47c9562-2072-4c04-b936-ff8d02dbe139&t=d47c9562-2072-4c04-b936-ff8d02dbe139&width=267&cache=v2)
- nico
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F793bfab6-d4dd-4e8f-b2a1-f96dd1db0aa7%2FUntitled.png?table=block&id=8ad457c8-3a71-46ce-9d71-ff12aad5e618&t=8ad457c8-3a71-46ce-9d71-ff12aad5e618&width=248&cache=v2)
- nietzche
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fc4702bb7-0467-4b5a-878e-0b934b70bd51%2FUntitled.png?table=block&id=c13ef86b-66b0-4aad-9510-d9f0e54ca010&t=c13ef86b-66b0-4aad-9510-d9f0e54ca010&width=228&cache=v2)
- nipsilon
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F21aa9613-7e32-4377-ab52-d9d8e44ebe11%2FUntitled.png?table=block&id=33ae618f-cece-4681-83ca-c586018c0e41&t=33ae618f-cece-4681-83ca-c586018c0e41&width=289&cache=v2)
- nito
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F3a5e1bcc-dcdd-4fa0-981c-12a307fdc683%2FUntitled.png?table=block&id=ee02a0d7-6ce9-403f-943c-f4a5e406e82b&t=ee02a0d7-6ce9-403f-943c-f4a5e406e82b&width=290&cache=v2)
- shizukui
建议高度500
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F8ea9b380-a097-4e3d-8461-51dfaa6d9d54%2FUntitled.png?table=block&id=e04ca6b8-874d-4b61-8c14-76c69b6285ca&t=e04ca6b8-874d-4b61-8c14-76c69b6285ca&width=323&cache=v2)
- tsumiki
建议高度500
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F48626018-e2d9-42a1-882d-77db37192922%2FUntitled.png?table=block&id=62640df1-e2a2-4e48-9bbb-1b13c07af1bf&t=62640df1-e2a2-4e48-9bbb-1b13c07af1bf&width=281&cache=v2)
- unitychan
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F349ce1fe-ba0c-4b9b-b405-2eee9a961ef5%2FUntitled.png?table=block&id=512a5793-e12f-461a-8ba3-692f944df1ca&t=512a5793-e12f-461a-8ba3-692f944df1ca&width=263&cache=v2)
- 茶杯狗
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F81a15fd3-7ae0-4634-b48b-3721d4e6151e%2FUntitled.png?table=block&id=9bdfa608-1ef9-448b-afd0-8175e8fd7683&t=9bdfa608-1ef9-448b-afd0-8175e8fd7683&width=283&cache=v2)
- z16
建议高度500
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F57a5cebb-2eca-41b6-8df4-fbfb8270ddfe%2FUntitled.png?table=block&id=e4120177-e044-441e-b4be-f626dcc68727&t=e4120177-e044-441e-b4be-f626dcc68727&width=347&cache=v2)
更多模型预览
访问以下链接,在线预览102个模型,需要全程科学访问。
这些模型暂时没有cdn、用的github仓库链接,可能影响加载速度和国内访问,如果更好的cdn链接,欢迎提供分享。
部分模型截图
- bilibili-22娘
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F940051c7-f743-4e90-afb0-dd125796ef04%2FUntitled.png?table=block&id=59f4a1ca-7cb0-4c3a-985a-b0cc789c2047&t=59f4a1ca-7cb0-4c3a-985a-b0cc789c2047&width=318&cache=v2)
- bilibili-22娘长高版本
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F9d3ae66e-2446-4aab-aefe-8e92254d9d63%2FUntitled.png?table=block&id=ddcdf916-fb92-45c3-9a0c-9b30ccc879d7&t=ddcdf916-fb92-45c3-9a0c-9b30ccc879d7&width=247&cache=v2)
- bilibili-33娘
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fe2bc0bbc-f70c-4cba-8a9a-77a4f6102a7e%2FUntitled.png?table=block&id=8891b7f9-e0a7-4d5f-9732-dfea17d57f4e&t=8891b7f9-e0a7-4d5f-9732-dfea17d57f4e&width=254&cache=v2)
- bilibili-33娘长高版本
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Ff071819d-678c-403e-a9db-c07ec3aec464%2FUntitled.png?table=block&id=53e9ad72-6536-442e-8d8f-15fa7a7af2a4&t=53e9ad72-6536-442e-8d8f-15fa7a7af2a4&width=343&cache=v2)
- 布洛妮娅
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fc799587e-689a-4533-931b-b50fe8940a7b%2FUntitled.png?table=block&id=329f8e76-7c00-40ea-ae33-ed35cd39c3ef&t=329f8e76-7c00-40ea-ae33-ed35cd39c3ef&width=235&cache=v2)
- 布洛妮娅2
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F302de8cc-c7d1-470d-bf30-8a7a57bc1c84%2FUntitled.png?table=block&id=6c3a00fc-bb99-497e-84db-3e0d4fdfec4d&t=6c3a00fc-bb99-497e-84db-3e0d4fdfec4d&width=270&cache=v2)
- はる(haru-春)
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F6539e690-4367-47b1-8545-69022c8b8ef3%2FUntitled.png?table=block&id=5d3dd89c-0263-4b5d-a37b-82287a4ae592&t=5d3dd89c-0263-4b5d-a37b-82287a4ae592&width=412&cache=v2)
- 茵蒂克丝(index)
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Faf3ad97a-0111-43c3-9358-10b55087293e%2FUntitled.png?table=block&id=cdf94fee-cc3f-4692-9886-a91cb6ec2f40&t=cdf94fee-cc3f-4692-9886-a91cb6ec2f40&width=428&cache=v2)
- izumi
![notion image](https://www.notion.so/image/https%3A%2F%2Fprod-files-secure.s3.us-west-2.amazonaws.com%2F6c096b44-beb9-48ee-8f92-1efdde47f3a3%2F0612e286-45ee-4ef7-9f8a-a70eb264122f%2FUntitled.png?table=block&id=1dbb06dd-d868-4eda-8368-c12a076faf3e&t=1dbb06dd-d868-4eda-8368-c12a076faf3e&width=317&cache=v2)
- katou
- liang
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F35267d53-fb22-47a2-a931-d91be5393571%2FUntitled.png?table=block&id=5c9d122d-49d7-4056-9e4d-a9d72a05ced8&t=5c9d122d-49d7-4056-9e4d-a9d72a05ced8&width=318&cache=v2)
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F8349297c-bcd1-485c-bd1e-80d70d8b76aa%2FUntitled.png?table=block&id=a5e965d4-6dca-440c-add1-d97bee65ec62&t=a5e965d4-6dca-440c-add1-d97bee65ec62&width=391&cache=v2)
15. miku![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fdb8679fe-c167-4622-ab71-cf650645ce4b%2FUntitled.png?table=block&id=7d38013a-5edf-433a-84b2-dcef3739bb9e&t=7d38013a-5edf-433a-84b2-dcef3739bb9e&width=385&cache=v2)
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fdb8679fe-c167-4622-ab71-cf650645ce4b%2FUntitled.png?table=block&id=7d38013a-5edf-433a-84b2-dcef3739bb9e&t=7d38013a-5edf-433a-84b2-dcef3739bb9e&width=385&cache=v2)
- 小埋 murakumo
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fffa7bdd9-ed3e-4c96-bed8-098869591776%2FUntitled.png?table=block&id=6401a19e-aff9-4be0-9646-f14454de6946&t=6401a19e-aff9-4be0-9646-f14454de6946&width=429&cache=v2)
- 茶杯狗
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fbef2c4d8-01b4-4479-b429-257a92ea5b5e%2FUntitled.png?table=block&id=670aade6-8d84-4f6c-9bec-fe658de5cc42&t=670aade6-8d84-4f6c-9bec-fe658de5cc42&width=312&cache=v2)
- shizuku
- pio
- 血小板
- 血小板 迷你
- 蕾姆
- Tia
- penchan
- dollsfrontline
- dollsfrontline-armor
- dollsfromtline-command
- 当麻
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fc7db01e4-10db-4f46-96db-150d64e28d40%2FUntitled.png?table=block&id=6b170e7f-476a-4fc7-9534-5b8d7084a904&t=6b170e7f-476a-4fc7-9534-5b8d7084a904&width=422&cache=v2)
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fa748c52e-435d-4b39-a458-0d9d3367e784%2FUntitled.png?table=block&id=6b04b90e-e2fa-4d44-97a2-cfd8d1cc45f9&t=6b04b90e-e2fa-4d44-97a2-cfd8d1cc45f9&width=328&cache=v2)
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Ff35ead1f-59e8-40b3-b43b-b47cffaef9e9%2FUntitled.png?table=block&id=54064dc4-f363-4223-8f06-911a986d8156&t=54064dc4-f363-4223-8f06-911a986d8156&width=236&cache=v2)
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F4b671bbc-b837-4761-a729-edd665ce6147%2FUntitled.png?table=block&id=e53b8575-e4db-4d9b-a579-506d256a5053&t=e53b8575-e4db-4d9b-a579-506d256a5053&width=355&cache=v2)
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F527e5268-0731-46f2-bfc5-31bd0ef0752c%2FUntitled.png?table=block&id=c16fd479-220c-4de5-81bb-4e4b5e9577c7&t=c16fd479-220c-4de5-81bb-4e4b5e9577c7&width=234&cache=v2)
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F51ed0ebf-7ecc-4fd2-af38-9594a768032a%2FUntitled.png?table=block&id=d16012ba-2db6-4a9b-830e-92aba73d56b3&t=d16012ba-2db6-4a9b-830e-92aba73d56b3&width=356&cache=v2)
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fcd06ef78-5481-47c2-8e6e-10a9a9810f9d%2FUntitled.png?table=block&id=6b23df98-9fcd-4948-9d8c-6156246528c4&t=6b23df98-9fcd-4948-9d8c-6156246528c4&width=328&cache=v2)
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F921ba004-eb1f-4845-8191-a0a9fb00e5a4%2FUntitled.png?table=block&id=623db188-17ea-47d8-85bd-f983251fd47e&t=623db188-17ea-47d8-85bd-f983251fd47e&width=287&cache=v2)
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fd1a1eda0-af8c-4774-a653-b12abd1836d7%2FUntitled.png?table=block&id=f0e2affe-bc90-4ca7-b9b9-a40928ccc789&t=f0e2affe-bc90-4ca7-b9b9-a40928ccc789&width=260&cache=v2)
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F4060a909-3cc6-4003-bed4-fba18e3d2283%2FUntitled.png?table=block&id=6a3d194c-6a1d-4456-896b-7975942bd990&t=6a3d194c-6a1d-4456-896b-7975942bd990&width=341&cache=v2)
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F0eb7b60a-acb3-4d82-93d1-063136781630%2FUntitled.png?table=block&id=88e062d5-1039-4183-a1b4-a3deaa71dea1&t=88e062d5-1039-4183-a1b4-a3deaa71dea1&width=291&cache=v2)
最后
以上使用的是Cubism2版本的动画模型,您还可以体验一下以下Cubism3版本的动画模型。
高版本的模型支持更丰富更细节的动画,结合AI对话接口,有很大的开发空间。这里有点超纲,仅供预览,暂时不做支持,在线预览网址:
![notion image](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2Fc406b04f-7dc8-4ebc-8955-949b760b0837%2FUntitled.png?table=block&id=286d4067-3fe2-4fb7-b966-a0a5bf2b5511&t=286d4067-3fe2-4fb7-b966-a0a5bf2b5511&width=951&cache=v2)
参考
Loading...
Last update: 2023-06-30