Hexo+live2d | 如何把live2d老婆放进自己的博客

已于 2023-03-14 19:26:14 修改
阅读量1.3k 收藏
点赞数
文章标签： github git hexo live2d
于 2023-03-06 16:19:52 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_62976227/article/details/129364748
版权
参考：
Hexo添加Live2D看板娘最新教程
live2d-widget
live2d-widget-models

网页/博客Hexo添加live2d游戏角色看板娘,简易添加，碧蓝航线等live2d新型游戏角色模型（moc3）
live2d-moc3
jsdelivr

方法1

可以直接去看参考文章的第一部分的第一篇。操作很简单就不说了。

方法2

很可惜方法1似乎对于cubism4.0以上的版本不成立，因为它不支持moc3格式的文件。所以我们这时候就需要采用方法2.

步骤：

  1. 在cubism editor中导出模型文件

最低0.47元/天 解锁文章
Hexo项目：添加live2d模型
修行的凡人的博客
03-10 785
基于Hexo架构，快速开发博客项目
Hexo-live2d插件给你的博客加一只可爱的看板娘
Mr.W的博客
09-12 1042
简介 放一只简简单单的看板娘, 没有什么互动, 安安静静的陪着你读博客. 插件github地址 -> hexo-helper-live2d 我的博客效果图 -> 模块安装 npm install --save hexo-helper-live2d 准备工作 以live2d-widget-model-miku模型为例 在博客根目录下创建一个live2d_models文件夹. 使用npm install live2d-widget-model-miku下载模型, 并将模型目录live2d-wid
使用GitHub+Hexo+live2d搭建个人博客
归子莫的博客
06-18 1131
使用GitHub+Hexo+live2d搭建个人博客 博客说明 文章所涉及的资料来自互联网整理和个人总结，意在于个人学习和经验汇总，如有什么地方侵权，请联系本人删除，谢谢！ 安装hexo sudo npm install hexo-cli -g 创建博客目录 hexo init username.github.io cd username.github.io npm install 运行 hexo clean #清理文件 hexo g #生成文件 hexo s #运行打开浏览器，输入地址local
给个人博客(oneBlog搭建)添加live2d
qq_29830577的博客
02-08 602
live2d资源文件链接 百度网盘,提取码 mi1c 解压出来的live2d文件创建 一个live2d的文件夹并放入程序的resources/static
Live2d官方项目运行
最新发布
感谢所有乐于奉献的人，在此不一一具名
03-03 300
Live2d官方项目运行
博客右下角的动态人物（live2d）看板娘
weixin_68531033的博客
12-23 973
看板娘。
个人网站接入live2d详细教程
热门推荐
举个锤子的博客
09-17 1万+
    Live2D是一种应用于电子游戏的绘图渲染技术，技术由日本Cybernoids公司开发。通过一系列的连续图像和人物建模来生成一种类似三维模型的二维图像，对于以动画风格为主的冒险游戏来说非常有用，缺点是Live 2D人物无法大幅度转身，开发商正设法让该技术可显示360度图像。---------------------------------百度百科     在开发个人博客网站时无意间发现了这...
什么？还能在网站上藏一个老婆？（怎么在给个人博客或者网站添加基于Live2D的动漫模型）
qq_40667078的博客
04-29 1002
什么？还能在网站上藏一个老婆？？？ 父老乡亲们第一次访问本菜鸟的网站时，第一眼看到的肯定是我偷偷放在左下角的老婆啦~（/滑稽） 那么问题来了，父老乡亲们如果也想把老婆放上去，该怎么做呢？ 首先，就要引入一个概念——Live2D： Live2D是一种应用于电子游戏的绘图渲染技术，技术由日本Cybernoids公司开发。通过一系列的连续图像和人物建模来生成一种类似三维模型的二维图像，对于...
hexo的live2d看板娘
02-13
标题中的“hexo的live2d看板娘”是指在Hexo博客框架中集成Live2D技术，创建一个动态的2D角色形象，通常被称为“看板娘”，它会在用户的博客首页上展示，增加互动性和趣味性。Live2D是一种二维动画技术，通过将多张...
Hexo添加helper-live2d模型
huangbaokang的博客
05-24 961
先安装helper-live2d模块 # npm install --save hexo-helper-live2d 模型列表主要有 live2d-widget-model-chitose live2d-widget-model-epsilon2_1 live2d-widget-model-gf live2d-widget-model-haru/01 (use npm install --save live2d-widget-model-haru) live2d-widget-model-haru/02
Live2D使用分享
weixin_46787337的博客
04-06 1220
3.如果你想使用自己的服务器，可以讲模型上传到自己的服务器然后用nginx代理。创建l2d.js(由于这个库是js写的所以ts不友好直接用js来写了)1.配置中的model为模型配置有现成的。2.如果还不够用可以看看这个仓库。
live2d-moc3:live2d, 适用于加载新版moc3游戏角色模型(碧蓝航线)。附带使用例子
05-23
live2d-moc3 项目基于修改 更新日志： 8.20 已经能用了 8.22 添加移动端(手机)是否显示的选项 Demo 网页全屏示例： 博客看板示例： 可选参数 参数 Type Default Description width 可选[Number] 800 宽度，单位为px height 可选[Number] 600 长度，单位为px top,right,bottom,left 可选[String] "" 模型到浏览器各边框的距离。选择两个即可定位，如定位在左下角：left: '0px' , bottom: '0px' basePath 必须[String] "" live2d模型资源库的路径 role 必须[String] "" 角色模型对应的文件夹（即basePath下的文件夹 background 可选[String] "" 背景图片，可填入图片外链 opacity 可选[N
plugins_talk_live2d_cubism4:显示rpgmakerMV的live2d模型
05-08
plugins_talk_live2d_cubism4 概述 它是一个在对话显示期间使用Live2d（cubism 4.0）显示字符的插件。 使用注意事项（Live2D许可证） 该插件使用Live2D Cubism SDK，并且您必须同意Live2D专有许可才能使用此插件创建游戏。 *以上内容可以在下载Cubism Core for Web时确认。 另外，如果您要发布游戏，则需要同意SDK发行许可证。 *自2020年10月起，面向最近销售额低于1000万日元的小型企业，个人，学生，圈子和其他团体免费发行作品。 准备 1. 1。 下载Cubism SDK for Web 2. 2。解压缩文件夹3。 将“ live2dcubismcore.min.js”放在Maker MV的plugins文件夹的Core文件夹中*将其重命名为live2dcubismcore.min.js→live2d
网站上部署Live2D模型（moc3格式）
Aruko的博客
11-22 7351
文章目录前言一、准备工作二、具体步骤1.将lappdelegate.ts文件里的initialize函数修改成如下所示:2.在lappmodel.ts里改文件夹路径、model3.json文件名、.moc3文件名、texture路径总结 前言 这里只讲已经有了Live2D模型之后如何部署到网站上 完全的自己动手制作并部署一个Live2D项目实在是太麻烦了，想要零基础一小时，两小时搞定是非常困难的，因为涉及的东西太多了，完全自己做要学相当多的东西：学PS切图、学Live2DCubsim做模型、学html.
web中引入live2d的moc3模型-（调整样式）
qq_39123467的博客
07-18 1020
基本所有的样式都在src文件夹下的ts文件中，而我们每次修改样式时，记得重新build，已让页面重新加载修改打包后的js文件。默认是黑色，这里我改成了透明。
live2d模型二次开发
狂小虎/Anthony Dave的博客 KuangXiaoHu's Blogs
01-25 1309
Github上面有很多live2d的模型，但是我想大家都知道很多live2d的模型是不能直接在hexo上使用的。（或者wordpress）
Unity制作Live2D（二）动画配置及模型数据更新
米芝鱼的博客
08-22 1114
导入好的模型因SDK会自动生成动画控制器和动画片段（一般在motions文件夹下），将动画控制器赋予给预制体，将片段导入到控制器中，并设置好触发条件。如果是自己做的模型想要后续更新数据，又不想删掉已经完成的设置，就可以按照下面操作完成模型数据更新。1、在文件管理器中找到模型文件的moc3格式文件，直接用新模型moc3文件替换它。在文件上右键点击Reimport即可更新模型数据。2、回到Unity找到model的Jason文件。
JavaWeb项目中添加live2d模型
小关同学的博客
01-25 1978
之前在个人博客中使用的 live2d 模型一直用的是网上一个大佬免费提供的 API ，这段时间发现这个 API 失效了，模型显示不出来，所以想着在自己的服务器上配置好 live2d 看板娘需要的所有文件，实现在项目中只需要引用一个 js 文件就可以在网页上显示看板娘。
虚拟主播皮套解析 | 如何在 React 中使用 Live2D | 如何在 React 项目中集成 Cubism Web SDK
qq_41456316的博客
03-29 2245
在本文中，我们将探讨如何在 React 项目中集成 Cubism Web SDK，这是一项强大的技术，可以让我们将 Live2D 模型无缝嵌入到我们的应用程序中。无论您是为您的网站添加一些趣味性，还是为您的应用程序带来一些独特的风格，Cubism Web SDK 都将是您的绝佳选择。
Hexo看板娘Live2D模型与源代码安装指南
3. **模型预览的使用**：模型预览.zip文件中可能包含一系列的Live2D模型，用户可以选择合适的模型并将其应用到自己的Hexo站点中。每个模型文件夹中都包含了模型的定义文件以及相应的贴图等资源。用户需要了解如何...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值