Live2D 博客页面添加板娘
偶然看到了live2d,神奇的二次元呀
在页脚Html代码中添加如下代码即可:
<link rel="stylesheet" type="text/css" href="https://blog-static.cnblogs.com/files/cyuanwu/waifu.css"/> <link rel="stylesheet" type="text/css" href="https://blog-static.cnblogs.com/files/cyuanwu/flat-ui.min.css"/><div class="waifu"> <div class="waifu-tips"></div> <canvas id="live2d" width="280" height="250" class="live2d"></canvas> <div class="waifu-tool"> <span class="fui-home"></span> <span class="fui-chat"></span> <span class="fui-eye"></span> <span class="fui-user"></span> <span class="fui-photo"></span> <span class="fui-info-circle"></span> <span class="fui-cross"></span> </div></div><script src="https://blog-static.cnblogs.com/files/cyuanwu/waifu-tips.js"></script> <script src="https://blog-static.cnblogs.com/files/cyuanwu/live2d.js"></script> <script type="text/javascript">initModel()</script>
live2d官网:http://www.live2d.com/ja/
参考教程:
1. https://imjad.cn/archives/lab/add-dynamic-poster-girl-with-live2d-to-your-blog-01
对大佬表示感谢(表示真的很想要血小板的,但是水平不够,看不懂啊)
2. https://www.fghrsh.net/post/123.html
转载于:https://www.cnblogs.com/cyuanwu/p/9784031.html
Live2D 博客页面添加板娘相关推荐
- 博客页面添加动态小人
在侧边栏里自定义html,代码如下 <script src="https://eqcn.ajz.miesnfu.com/wp-content/plugins/wp-3d-pony/li ...
- 博客园添加live2D看板娘和樱花飘落背景
写在前面 本文主要描述了怎么给博客园添加看板娘和樱花飘落特效,文章可能还有很多不足,请大家谅解,欢迎大佬提意见. 本文使用的东西 live2d(看板娘) 樱花飘落 博客园 文章目录 写在前面 本文使用 ...
- 【分享】给自己的博客园添加一个板娘(可选)
全部样式分享 更换模型的话只需要更换jsonpath中的模型名称即可 https://unpkg.com/live2d-widget-model-模型名称/assets/模型名称.model.json ...
- live2d内嵌html,为你的博客博客/网页添加Live2d二次元老婆的插件/手动方法
前言 好久没搞WP的教程了,想不想为你的博客加一个看板娘呢,反正我想2333,所以我便汇总了一下网上这些教程模型和机器人api. 插件版 Wordpress 1.Wikimoe大佬制作的插件(伊斯特瓦 ...
- 博客中添加动漫妹子,总有一个适合你,嘿嘿嘿!
常喜欢逛博客的你,是不是会碰到一些有意思的东西,有很多博客网站都有一个卡通人物,它一直盯着你鼠标移动的地方,俗称看板娘. 是不是好想拥有她? 今天就来讲讲如何在自己的博客中添加类似的功能.如果你的数学 ...
- css文件插入背景音乐,博客园添加背景音乐,背景效果!
博客园添加背景音乐,背景效果 申请博客园js权限 申请话术 实例 尊敬的博客园管理员: 请求申请开通js权限,希望能够把自己的博客修饰的漂亮点,点缀自定义js插件效果,希望管理员可以批准,谢谢! 开通 ...
- 【转】在你的博客中添加Google地图(Use Google Map API On Your Bolg)
在你的博客中添加Google地图(Use Google Map API On Your Bolg) *+申请一组 Google Maps API Key 在使用 Google Maps API 之前, ...
- 博客园添加鼠标粒子吸附特效
本文从以下三个方面, 阐述在博客园添加鼠标粒子吸附特效: 一. 效果展示 二. 权限申请 三. 设置步骤 一. 效果展示 在博客园的页面, 出现鼠标粒子吸附的特效, 如图所示: 二. 权限申请 点击博 ...
- 在Hexo博客上添加可爱的Live 2D模型
在查找资料的偶然间,我发现一个博客上有非常可爱的Live 2D模型,当时我就被打动了,马上开启审查元素,试图找出这个Live 2D模型的信息,可是找了半天没找到.最后通过截图->谷歌图片的方式, ...
- 如何在CSDN博客左侧添加微博关注
对于在CSDN中写博客是一件很开心的事情,我们可以对于自己的博客界面进行自定义,添加博客栏目.目前比较受大家喜欢的就是在博客左侧添加微博关注,这样在别人看你的博客的同时也可以看到你的微博的实时动态,并 ...
最新文章
- Spring Boot + Redis:模拟 10w 人的秒杀抢单!
- Aduna ClusterMap 的说明
- python 导入模型h20_【机器学习】模型融合方法概述
- zbb20170606 oracle 查看空表
- 计算机专业英语第2版郭涛翻译,计算机专业英语
- Nginx+MySQL+PHP+Memcache+Vsftpd一键安装包
- decaNLP-一个可以同时处理机器翻译、问答、摘要、文本分类、情感分析等十项自然语言任务的通用模型
- 如何做一个基于python电影院售票系统毕业设计毕设作品(Django框架)
- 华为网吧服务器型号,网吧需要什么配置的服务器
- 联想台式机进入修复计算机,联想台式机一键恢复的使用方法
- 肠道菌群失调是II型糖尿病和炎症性肠病的标志物
- 京东p7员工 什么级别_阿里、腾讯、百度、华为、京东等大厂职级及薪资范围
- index.php被修改,WordPress博客程序index.php 主页文件频繁被修改解决记录(已解决) - 勤勤学长...
- 思维模型 波士顿矩阵
- 非平凡的函数依赖、平凡函数依赖
- 数学规划模型(一):数学规划模型的基本知识
- 转:衡量数据的离散程度
- 阿里云DDoS防护和DDoS高防有什么区别
- amazing,盗走女友微信后,竟在微信号里看见了……
- Cesium 热力图(可直接使用)