网页添加Live2D看板娘简易教程

　　看板娘是一种职业和习惯称呼，也是ACGN次文化中的萌属性之一。简而言之就是小店的女服务生，也有“吸引顾客，招揽生意，提高人气”等作用类似品牌形象代言人的含义。

如果想在自己的博客上放一个呆萌的看板娘非常的简单只需要简单的几行代码就能实现。

这时可以看我自己博客的看板娘，就在右下角。

js代码

<script type="text/javascript" charset="utf-8"  src="https://files.cnblogs.com/files/liuzhou1/L2Dwidget.0.min.js"></script>
<script type="text/javascript" charset="utf-8"  src="https://files.cnblogs.com/files/liuzhou1/L2Dwidget.min.js"></script>
<script type="text/javascript">L2Dwidget.init({"display": {"superSample": 2,"width": 200,"height": 400,"position": "right","hOffset": 0,"vOffset": 0}});
</script>

在这里我们需要引入两个教室L2Dwidget.0.min.js和L2Dwidget.min.js。这两个js你可以从我的页面直接拿走。

css代码

#live2dcanvas {border: 0 !important;
}

html不用写，就可以看到一个呆萌的看板娘，如果需要放到自己的博客里看的话只需要在设置里的页面定制CSS代码和JS上加上下面的代码，如果不支持JS代码申请一下就行了。

　到这里你就可以看到一个活泼可爱的看版娘了。

转载于:https://www.cnblogs.com/liuzhou1/p/10813828.html

网页添加Live2D看板娘简易教程相关推荐

Hexo添加Live2D看板娘最新教程
目录前言介绍 Live2D 看板娘添加Live2D看板娘准备工作安装依赖下载model文件添加live2d看板娘到hexo 查看效果发布结束语参考前言上次我们搭建了hexo博客 ...
hexo+yilia添加live2d看板娘
文章目录安装 1.安装插件 2.选择模型 3.配置 4.效果图补充取消看板娘暂时不用卸载插件添加live2d看板娘,插件:hexo-helper-live2d,github仓库:https ...
html网页制作看板娘原理,博客网页上添加live2D看板娘
一:前言 "看板娘",简而言之就是小店的女服务生,也有"吸引顾客,招揽生意,提高人气"等作用类似品牌形象代言人的含义.所用的技术是live2D,live2d并不 ...
搭建博客hexo 安装hexo、配置hexo、hexo主题美化和添加live2d看板娘--详细步骤
一.安装hexo 1.下载安装软件 git:https://git-scm.com/downloads node:https://nodejs.org/en/ 2.安装好两个工具之 ...
html的美图片加上2d动画,网站上面添加一个动漫小女孩的html代码 WordPress添加live2d看板娘...
在你博客程序头部文件(header.php)引入界面样式,在 head 标签内插入如下代码在你博客程序页脚文件(footer.php)引入脚本,在最后一个标签前插入如下代码: var messag ...
博客园添加live2D看板娘和樱花飘落背景
写在前面本文主要描述了怎么给博客园添加看板娘和樱花飘落特效,文章可能还有很多不足,请大家谅解,欢迎大佬提意见. 本文使用的东西 live2d(看板娘) 樱花飘落博客园文章目录写在前面本文使用 ...
博客园添加Live2d看板娘
最近给自己的博客添加了个动态的小萝莉,给大家分享一下,效果请见我的博客左下角: (当然你也可以在自己的html页面引入下面的js来添加小萝莉) 1.首先最重要的一点你要申请一个博客园账号. 2.其次申 ...
网页/博客Hexo添加live2d游戏角色看板娘,简易添加，碧蓝航线等live2d新型游戏角色模型（moc3）
目前博客上常见live2d看板娘很多都已经是比较老的了(旧版的是moc文件的)并且相应的插件不支持新版模型(moc3文件),如碧蓝航线的live2d模型.本篇介绍在网页里引入moc3文件的方法示例网 ...
live2d 3行代码为网站添加萌萌哒看板娘
3行代码为网站添加萌萌哒看板娘看板娘是一种职业和习惯称呼,也是ACGN次文化中的萌属性之一.简而言之就是小店的女服务生,也有"吸引顾客,招揽生意,提高人气"等作用类似品牌形象代 ...

网页添加Live2D看板娘简易教程

网页添加Live2D看板娘简易教程相关推荐

最新文章

热门文章