mobile wallpaper 1mobile wallpaper 2mobile wallpaper 3
886 字
2 分钟
在 WordPress 上添加 moc3 Live2d 看板娘的超简单方法
2021-03-26

现在有越来越多的站长给他们的博客添加了 Live2d 看板娘。借助于 jiangweifang 大佬制作的 WordPress Live 2D 插件,给博客添加一个看板娘这项工作已经变得十分简单,繁杂的前端代码只需要通过可视化的操作就可以配置,我们唯一要做的就是找好钟意的看板娘模型便是。

安装 WordPress 上的 Live 2D 插件#

首先当然要安装好插件,进入博客的后端,依次点击 插件 - 安装插件,搜索 Live 2D ,会找到作者为 Ciang Weifang 的一个插件,点击 现在安装 即可。

随后启用插件,便可在 设置 中找到 Live 2D 设置 了。

一般情况下,不需经过任何设置,刷新后,博客即可出现 Live2d 看板娘。

寻找 moc3 模型#

得益于众多大佬的不懈努力,只要善用搜索引擎,找到一个可用的 moc3 模型已经不再困难。在下博客的 moc3 模型来自于 imuncle大佬整理的碧蓝航线 Live2d,项目地址在这里。在下载模型文件之前,可以先访问演示站来预览一下模型是否中意。

我们直奔 live2d_3/model/Azue Lane(JP),就可以看到一众模型文件夹。找到自己想添加的模型之后,自然是要把她下载下来了,然而把整个仓库克隆下来可能有点僵硬,可以使用 GitZip 这个浏览器插件把特定的模型文件夹下载下来,关于 GitZip 的具体操作这里就不再过多赘述了,其官网有很直白的演示。

得到了模型文件之后,我们需要把它上传到服务器的可访达的任意目录之下,随后记下文件夹目录中的 XXX.model3.json 的路径。

配置 Live 2D 插件的设置#

打开博客后端的设置 - Live 2D设置,在 模型 API 处填入 XXX.model3.json 的路径,一般格式为: https://YOUR_DOMAIN/path/to/XXX.model3.json ,请将 yourwebsite.urlpath/to 改成相应的域名和相应的文件路径。

随后打开模型文件夹目录下的 XXX.model3.json 文件,看到 “Motions” 这一行,下面有很多诸如 “motions/complete.motion3.json” 之类的存放动作文件的地址,我们需要把这一动作文件的文件名(不包括扩展名)填入 Live 2D 设置中的 moc3模型自定义动作 当中,例如 “touch_head.motion3.json” 请在输入框中输入 touch_head

点击 保存更改,刷新博客后,不出意外 moc3 模型的看板娘就已经显示在博客上了,但是 moc3 模型的看板娘搭配该插件显示的时候都会比较小,我们只需要搭配微调 模型缩放倍数看板娘样式设置 中的 看板娘大小 等设置即可。

之后的所有基本操作都可以在插件的设置中完成,由于该插件是基于 fghrsh 大佬的项目 打造的,因此该项目所能实现的设置在该插件的设置中都能实现。

其他#

Live 2D 插件中 高级设置 是有关看板娘文字框中的消息设置,这一部分设置做出改动并保存后,需要清除博客的缓存后重新访问才能看到效果。

在 WordPress 上添加 moc3 Live2d 看板娘的超简单方法
https://champhoon.xyz/posts/note/wordpress-live2d-moc3/
作者
澄沨
发布于
2021-03-26
许可协议
CC BY-NC-SA 4.0
相关文章 智能推荐
1
在 Wordpress 博客里创建彩色标签云页面的笔记
偽技術开发日常 随着博客文章的不断增多,文章之间的分类体系就变得越来越重要了,原先在下在博客创立之初就设定了的文章分类框架显然已经不能满足现时博客文章分类的需要,渐渐地,标签成为了第二大分类文章的手段。但是,虽然在下一直坚持给文章打上标签,博客却一直没有一个通过标签来访问文章的入口。这是因为 Wordpress 的标签云只提供在侧边栏,而侧边栏的设计又与博客的主题颇为不搭,所以就一直没有启用。这次突然想到也许可以单独创建一个页面面用来展示标签云,这样一来,问题也就解决了。遂上网搜索相关解决方案,又是在 CSDN 上找到了好货,于是立即动手实施。
2
来给 WordPress 添加一个书单页面吧
偽技術开发日常 自从建立博客以来,在下一直喜欢拜访其他大佬的博客,发现很多博客都有书单页面,令在下也很是动心。基于在下贫弱不堪的前端水平,在下开始寻找能够给 Wordpress 博客添加一个书单页面的一条龙教程或插件,可惜既没有找到满意的教程,也没有能用的插件,遂决定自己动手制作。
3
さよなら、WordPress
人生再開記録課 在下将永远不会忘记,两年半前的那个冬夜,当属于在下的那篇「Hello, World」通过 WordPress 驱动,在互联网的某个角落被点亮时,那份激动而又自豪的心情。那种感觉,就像是真正把互联网的一部分,掌握在自己手心里一样。

目录