什么?还能在网站上藏一个老婆???

父老乡亲们第一次访问本菜鸟的网站时,第一眼看到的肯定是我偷偷放在左下角的老婆啦~(/滑稽)

那么问题来了,父老乡亲们如果也想把老婆放上去,该怎么做呢?

首先,就要引入一个概念——Live2D

Live2D是一种应用于电子游戏的绘图渲染技术,技术由日本Cybernoids公司开发。通过一系列的连续图像和人物建模来生成一种类似三维模型的二维图像,对于以动画风格为主的冒险游戏来说非常有用,缺点是Live 2D人物无法大幅度转身,开发商正设法让该技术可显示360度图像。(摘自百度百科)

诶~没错,咱们的老婆的祖宗就是Live2D,这项技术应用于游戏是最多的,大家其实都有可能已经接触过了,就比如最近很火的你木有玩过的船新版本的游戏:《贪玩蓝月》!(/滑稽),走错片场了,是《碧蓝航线》啦~各位dalao可能都已经玩过了,应用的就是这项技术。

诶~今天呢,我们就来把这项技术应用到我们的博客或者主页上去~

本菜鸟经过了两天的测试,给大家选用了一种最简单的安装方法,让乡亲们在五分钟内,就可以把老婆抱回自己的主页~

准备工作

首先,下载Live2dHistoire for WP.zip文件。

文件获取方法:

1、关注本菜鸟的公众号“依枫”;

2、回复“资源”,就可以获取到啦~

正式开工

第一步:进入wordpress管理后台,点击安装插件,点击上传插件;

第二步:选中下载的文件,进行安装;

第三步:进入已安装的插件并找到这个插件点击:启用

就是这么简单~这样这个伊斯特瓦尔就进入乡亲们的主页啦~

配置

当然,也可以对这个可爱的模型进行高级设置。点击设置,从中选中live2d伊斯特瓦尔设置。

这个模型还有一个自动对话的功能,乡亲们可以在图灵机器人注册一个账号,从中新建一个机器人,获取api,输入图灵机器人apikey中,就完成啦~还可以设置对话内容哦~图灵机器人的使用方法大伙们自行百度啦~

最后呢,就来说说本菜鸟踩过的几个坑:

第一个“坑”

这个是一个大佬做的Live2D 看板娘,为什么要给坑加引号呢,因为这个坑是因为我太菜了,实在是调试不出来,嘤嘤嘤。

项目地址:https://github.com/galnetwen/Live2D

在这个项目中,这位大佬制作了一个Live2D看板娘,需要在博客的header,body,footer段落添加HTML代码来让看板娘运行在网页中。

然鹅,我调试了一个下午代码,这个看板娘的其他功能都出来了,就是身体出不来,变成了“我的空气女友”,QAQ,经过分析,我把原因归咎于这个项目和我选用的主题可能发生了冲突,就放弃了,嘤嘤嘤。

如果有大佬成功配置了这个看板娘可以在下方留言指导一下~

第二个“坑”

经过我一下午失败的代码实战,决定放弃自己配置。wordpress有一个很牛掰的功能,他就是——插件~

果然,已经有大佬成功的把Live2D成功的移植到了插件上,那我们就来选用一下插件吧~

首先,就是这位大佬的项目:https://github.com/xb2016/poster-girl-l2d-2233

这个大佬已经把2233娘Live2D集成到了插件上,只需要下载项目,安装插件,启用插件就可以了~

但是呢~“坑”在哪里呢~

  1. 这个插件会和音乐播放器产生冲突,本菜鸡启用了这个插件时,诶,感觉不错,但是音乐播放器不能正常运行了,我不能放弃我辛辛苦苦找的几首那么好听的歌呀,只能放弃这个插件了。
  2. 我重新测试了这个插件的老版本,发现老版本不会和音乐播放器冲突,但是还有一个问题,就是第二个坑,在用鼠标点击2233娘时,2233娘会跳到另一个地方去,这并不是一个很好的用户体验,所以只能放弃了。

最后,欢迎大家关注本菜鸟的公众号呀~今后会有更加好玩的内容发布在公众号上呀~

什么?还能在网站上藏一个老婆?(怎么在给个人博客或者网站添加基于Live2D的动漫模型)相关推荐

  1. jekyll网站上传服务器,jekyll 高效搭建个人博客之完整流程

    jekyll.png 原创精选来自我的博客文章 目录 说在前面的话 作为一个和电脑.代码打交道的我,一直都想拥有自己的博客,一切都显得那么高(zhuang)大(bi)上(yong),在下定决心之后就在 ...

  2. Mac平台上的一个MarkDown编辑器和静态博客生成工具-mweb mac最新版下载

    MWeb for Mac是一款Markdown + 文档管理 + 静态网页生成,集大成的 Markdown 应用.MWeb界面简洁高效.功能强大,全面支持 Github Flavored Markdo ...

  3. 如何搭建一个属于自己的博客/企业网站?

    本文首发于 Guanngxu 的个人博客:如何搭建一个属于自己的博客/企业网站 本文参考内容: 如何做博客/企业站以及注意事项 Typecho支持Emoji表情方法 说明:此篇文章得益于王红星的指导, ...

  4. 如何使用WordPress建立一个博客、网站和论坛

    这篇文章将介绍如何使用WordPress建立一个博客.网站和论坛.WordPress是基于PHP的博客架设工具.它提供了一套开源的PHP代码以方便用户在支持PHP的主机上快速的建立博客.WordPre ...

  5. 不花钱,用一个小时搭建自己的博客网站

    点击关注强哥,查看更多精彩文章呀 不知道大家平常有没有写博客的习惯,一般写博客都会记录什么?都会在哪里写自己的博客呢? 强哥平常就有写博客的习惯,不过没有强制自己多久写一篇,一般都是工作中遇到问题解决 ...

  6. 基于halo快速搭建一个属于你自己的博客网站

    基于halo快速搭建一个属于你自己的博客网站 公众号 前置条件 JDK安装 下载halo配置文件 下载halo的启动jar 验证启动 公众号 前置条件 首先你需要有一台自己的服务器,比如你去各类云上面 ...

  7. 我的Serverless实战—基于Serverless搭建一个简单的WordPress个人博客图文详解-JJZ

    文正在参与 "100%有奖 | 我的Serverless 实战"征稿活动 活动链接:https://marketing.csdn.net/p/15940c87f66c68188cf ...

  8. 文盲+wordpress搭建个人博客类网站

    序言:     一个文盲怎样才能做一个自己的学(se)习(qing) 网站,从而月入百万走向人生深渊呢?这篇文章也许能对你有所帮助 由于本人是文盲,没学过网页设计和网站建设相关课程,一直以为做一个网站 ...

  9. 教你如何利用博客推广网站

    教你如何利用博客推广网站 网站的推广办法非常的多!今天,我主要是想和大家谈谈如何有效利用博客来推广网站,利用博客来推广网站,应当说基本是网站刚建起来没多久,为了提高网站的知名度和吸引蜘蛛!可以说,利用 ...

最新文章

  1. 青源LIVE第23期|ACL最佳论文一作许晶晶:机器翻译中的词表学习问题研究
  2. 经典博文--各系列文章
  3. 规定自己的Java编码规范
  4. JavaScript事件详解
  5. Autofac实现有条件的DI
  6. swift怎么调用Java,Swift完成UIAlertController的调用
  7. cocos2dx视频教程进阶篇--第2天--打砖块游戏-box2d物理引擎--续
  8. JAVA-Servlet操纵方法
  9. 转载-模型压缩和 加速
  10. 2021年氯化工艺考试题库及氯化工艺考试试卷
  11. Oracle-select...into...from语句的使用
  12. 4000亿“猪茅”能飞多久?
  13. C语言编程>第二十二周 ② 请补充fun函数,该函数的功能是:返回字符数组中指定字符的个数,指定字符从键盘输入。
  14. 计算机应用专业UI设计方向,长沙经贸职业中专学校计算机应用技术(UI设计方向)简介...
  15. Linux中的setuid简介
  16. java web构建_使用Java构建一个宁静的Web服务
  17. 38译码器真值表讲解_74138译码器真值表及引脚图功能
  18. GMO宣布聘用高级管理人员Amy Shang来领导公司在大中华区的工作
  19. 如何从 Red Hat Enterprise Linux 6 升级到 Red Hat Enterprise Linux 7?
  20. 修改2012服务器的默认端口,请问如何开启2012R2系统对外访问445等端口。

热门文章

  1. io流的文件读取和写入
  2. 如何搭建直播平台?直播平台搭建需要注意什么?
  3. 【华为OD机试B卷,GO题解独家】最长连续交替方波信号
  4. k8s- HPA应用
  5. 关于印度爱经图片版本说明
  6. 【基础】Java 并发编程(上)
  7. 北戴河2日游之图解版(5.3--5.4) 每日一图
  8. 重庆计算机专业学校巴南区,巴南有什么大学
  9. vivos9更换输入法方法分享
  10. eslint+vetur+prettier