live2d添加网页看板娘

最近逛博客,发现好多博主都加了网页看板娘,简直可爱到血槽空了,赶紧学习模仿改造了一下~ 给博客园的博客也添加了看板娘!!就在右边~喜欢的请打赏我~ 不过因为移植过来比较复杂,就不出教程啦~记得多来调教她哦~ 效果展示==> 源码下载==> 官网==> 官网示例sdk下载==> 开发备注:chrome直接调试会有跨域问题,建议更换火狐或者搭建本地服务器或者在服务器端调试~…

看着很多博客都有live2D的萌萌哒看板娘,我闲着有空说干就干. 从参考博客的附件中下载资源文件 waifu.css waifu-tips.js live2d.js flat-ui.min.css//若不加菜单可以不引入上传资源文件到博客园申请js权限设置博客园页脚Html代码(其中的资源文件可以替换成你自己的url) 页脚Html代码 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml">…

网页添加 Live2D 看板娘

我是先参考别人的[点击跳转]博客来做的.不过我发现网上很多人都没有把一些细节写出来,用了别人那里下载的文件后里面的一些跳转链接就跳到他们的页面了.所以我这里写一写如何修改这些跳转链接吧. 1. 首页跳转链接 $('.waifu-tool .fui-home').click(function (){ window.location = '<这个是看板娘点小房子时的跳转链接>'; }); 2. 关于跳转链接 $('.waifu-tool .fui-info-circle').click(f…

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

看板娘是一种职业和习惯称呼,也是ACGN次文化中的萌属性之一.简而言之就是小店的女服务生,也有“吸引顾客,招揽生意,提高人气”等作用类似品牌形象代言人的含义. 如果想在自己的博客上放一个呆萌的看板娘非常的简单只需要简单的几行代码就能实现. 这时可以看我自己博客的看板娘,就在右下角. js代码 <script type="text/javascript" charset="utf-8" src="https://files.cnblogs.com/fi…

网页添加Live2D看板娘

看板娘简而言之就是小店的女服务生,也有“吸引顾客,招揽生意,提高人气”等作用类似品牌形象代言人的含义. 如果想放一个呆萌的看板娘在博客上 js <script type="text/javascript" charset="utf-8" src="https://files.cnblogs.com/files/liuzhou1/L2Dwidget.0.min.js"></script> <script type=&q…

在网页添加 Live2D 看板娘

只需要将以下代码粘贴到标签中即可  <script src="https://cdn.jsdelivr.net/npm/jquery/dist/jquery.min.js"></script> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/font-awesome/css/font-awesome.min.css"…

Hexo 添加Live2D看板娘

title: Hexo 添加 Live2D看板娘二次元什么的最喜欢了[大好きです] 准备项目地址 live2d模型部分模型预览开始首先进入Hexo博客根目录安装live2d插件 $ npm install --save hexo-helper-live2d 接着,修改根目录下的 _config.yml 文件添加自定义配置(下面提供我的配置做参考): ## live2d live2d: enable: true scriptFrom: local pluginRootPath: liv…

Vue最简单的实现网页Live2D看板娘

Live2D看板娘前言二.使用步骤 1.引入 2.设置样式结尾(后续更新更强的配置看板娘~) 前言最近想给自己的网页添点新花样,然后就想到了别人的网站都有一些看板娘的玩意儿,看着很舒服,鉴于自己也没玩过,就鼓捣了一会儿.发现实现的模型还挺多.我这里呢,就简化一下,弄一个最简单在vue中的教程. 二.使用步骤 1.引入在index.html页面映入js:  <script type="text/javascript" charset=&…

看板娘 & 二次元 & live2d

live2d https://l2dwidget.js.org/dev.html https://github.com/xiazeyu/live2d-widget.js 看板娘要切换看板娘吗? http://dzblog.cn/article/5aca31ccd0597d4709f5337a http://dzblog.cn/cases/react-toutiao/index.html http://dzblog.cn/blog…

文章中左下角的妹子live2d看板娘

关键词: live2d看板娘自行搜索即可攻略很多…

在react项目添加看板娘（react-live2d）

有留意到看板娘这么个东西,简直就是我们程序员+动漫迷的挚爱.但是回观网上,大多只是在老旧的html的静态引入.vue甚至也有几个不怎么维护的,还是老旧的不行的SDK2.X的版本.这这这这!我们的react开发者怎么能忍!!所以,我基于SDK4.X(没错,就是live2d官网最新的那个)封装了一个咱们react开发者的看板娘·~~接下来这篇文章就是我们react开发者引入看板娘的过程啦~ 首先上示例图熟悉的logo加上看板娘的同时存在~,还用我说什么吗~ 这就是咱们react的看板娘啦!! 引入…

Vue看板娘教程1.0

Live2D看板娘前言(PS:本教程使用的Vue项目) 一.下载文件二.使用步骤 1.引入文件 2.引入js 3.修改app.vue 4.如何换模型? 更换模型的效果 5.如何换语音? 结尾(后续更新更强的配置看板娘~) 前言(PS:本教程使用的Vue项目) 接上一篇简单版的Live2D看板娘的教程,这次使用高级一点点的,花里胡哨的还有很多,可自行百度,简直眼花缭乱,我这也是刚研究的,后面还搞出什么花样了,再发后续...好了好了,步入正题吧,开肝~ 一.下载文件要玩看板娘,需要一些写好的资…

给MediaWiki增加看板娘

我们想给我们的mediawiki增加个像我博客里这样的看板娘,那么怎么做才好呢? 其实很简单,只要在相应的模板文件里增加指定代码就好了! 修改模板文件找到模板文件skins/Vector/VectorTemplate.php,然后查找如下内容 <div id="content" class="mw-body" role="main"> 在其后面增加如下代码 <script src="https://eqcn.ajz.…

为自己的网页博客添加L2Dwidget.js看板娘

如果是博客园,直接在设置-->页脚 HTML 代码,加上下面代码: 1  2 <script src="https://eqcn.ajz.miesnfu.com/wp-content/plugins/wp-3d-pony/live2dw/lib/L2Dwidget.min.js"></script> 3 <script> 4 L2Dwidget.init({ 5 &quo…

Hexo添加Live2D看板娘+模型预览

文章目录添加和注意事项模型预览 live2d-widget-model-chitose live2d-widget-model-epsilon2_1 live2d-widget-model-gf live2d-widget-model-haru_01 live2d-widget-model-haru_02 live2d-widget-model-haruto live2d-widget-model-hibiki live2d-widget-model-hijiki live2d-widget…

tomcat部署-手动启动tomcat部署，添加网页，

公司的内网什么都不能往外传,于是自己用公司的网络搭了一个网页,在网上抄了一堆upload,用来来回传输数据.... 但是每次用ideaJ启动服务器太费时. 研究了一下怎么手动启动tomcat,部署网页之后,每次只要启动tomcat就可以用网页了. 参考: https://www.cnblogs.com/marblemm/p/7150559.html 官网下载tomcat,解压,文件结构如下: 只需要关注几个框出来的文件夹: 查看是否可以访问: 1.点击bin路径下的startup.bat,启动t…

iOS WKWebView添加网页加载进度条(转)

一.效果展示 WKWebProgressViewDemo.gif 二.主要步骤 1.添加UIProgressView属性 @property (nonatomic, strong) WKWebView *wkWebView; @property (nonatomic, strong) UIProgressView *progressView; 2.初始化progressView - (void)viewDidLoad { [super viewDidLoad]; //进度条初始化 self.pr…

在一个Activity里面的TextView上面添加网页链接，启动后到另一个Activity里面！

可以添加很多的属性,样式或者是什么的,目前要完成的功能是点击TextView里面的某个文字链接,进入另外一个Activity里面!例如你可以做微博里面的 @XXX: 点击后进入他的个人主页! 下面都是Activity: package wq.gdky005; import java.util.ArrayList; import android.R.color; import android.app.Activity; import android.content.Context; import…

使用poi将excel转换为html,适用本身有导出excel的而现在需要添加网页打印的功能

PoiExcelToHtmlUtil.java import org.apache.poi.POIXMLDocumentPart; import org.apache.poi.hssf.usermodel.*; import org.apache.poi.hssf.util.HSSFColor; import org.apache.poi.ss.usermodel.*; import org.apache.poi.ss.util.CellRangeAddress; import org.apac…

【shopex】添加网页挂件widgets

一步步做个widgets 基础篇首先建立一个目录plugins/widgets/helloword 这个就是新的挂件目录,系统的每个widgets都是一个目录里面放两个文件: widgets.php: <?php $setting['author']='我'; //挂件作者 $setting['name']='Helloword'; //挂件名称 $setting['version']='0.0.1'; //挂件版本 $setting['catalog']='我的原创'; //挂件目录 $s…

HTML5 标签audio添加网页背景音乐代码

<head> <meta http-equiv="Content-Type" name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0,user-scalable=no"> <meta charset="utf-8"> <meta name=&…

添加网页ico

如何添加网页QQ在线组件

免费开通QQ推广服务复制代码到你想要展示的位置粘贴,完成.…

给博客页面添加 live2d 小萝莉

添加依赖在页脚HTML代码的地方添加下面的代码: <script src="https://eqcn.ajz.miesnfu.com/wp-content/plugins/wp-3d-pony/live2dw/lib/L2Dwidget.min.js"></script> 初始化 <script> L2Dwidget.init({ "model": { //jsonpath控制显示那个小萝莉模型,下面这个就是我觉得最可爱的小萝莉…

Live2d Widget

写在最前最早的时候看别人的博客很多都有一个可爱的看板娘,然后就找了教程给自己也整了一个.因为找到的教程都是稂莠不齐的,原作者自己说的也略显含糊(其实是我自己看不懂).总之秉承着一如既往的小白风格.把网上的教程做个整合. 效果正式步骤 1.首先克隆仓库: https://github.com/stevenjoezhang/live2d-widget.git 2.把下载的zip解压放到主题的assets\media,重命名为live2d-widget 3.找到路径assets\media\liv…

在博客中增加自己的live2d纸片人模型方法

目录在博客中增加自己的live2d纸片人模型准备工具使用步骤附件在博客中增加自己的live2d纸片人模型准备工具 github仓库:存放live2d模型和json文件如果你的博客支持本地存放文件也可,主要是博客园只支持集中格式,太坑了. 注意如果你使用git仓库的话,firefox浏览器可能不能成功显示,原因是CORS安全策略阻止了跨源申请现成的带json的live2d模型. 这个可以到资源群或者百度贴吧去找(也可以自己做如果没有的话,作者推荐了两个少女前线的模型,非常好康,地…

我的自定义多交互live2d折腾经历

在@m0d1 大佬的督促(?)下有了这篇复盘.不过因为可能很多地方讲得不全面+理解不够深入,故不打算把这篇当成是教程/指南,那就算是一个指北吧= = (划重点:不是教程!不是教程!不是教程! 省流简介:机缘巧合之下看到了stevenjoezhang/live2d-widget的多交互live2d,有点心动但是模型太少不太合口味:又是一个机缘巧合之下看到了Eikanya/Live2d-model中有收集解包食物语的live2d模型,发现了本命菜,顿时动力++,感觉能结合live2d-widget提…

【全网最全的博客美化系列教程】01.添加Github项目链接

全网最全的博客美化系列教程相关文章目录 [全网最全的博客美化系列教程]01.添加Github项目链接 [全网最全的博客美化系列教程]02.添加QQ交谈链接 [全网最全的博客美化系列教程]03.给博客添加一只萌萌哒的小仓鼠 [全网最全的博客美化系列教程]04.访客量统计的实现 [全网最全的博客美化系列教程]05.公告栏个性时间显示的实现 [全网最全的博客美化系列教程]06.推荐和反对炫酷样式的实现 [全网最全的博客美化系列教程]07.添加一个分享的按钮吧 [全网最全的博客美化系列教程]08.自定义…

【全网最全的博客美化系列教程】02.添加QQ交谈链接

全网最全的博客美化系列教程相关文章目录 [全网最全的博客美化系列教程]01.添加Github项目链接 [全网最全的博客美化系列教程]02.添加QQ交谈链接 [全网最全的博客美化系列教程]03.给博客添加一只萌萌哒的小仓鼠 [全网最全的博客美化系列教程]04.访客量统计的实现 [全网最全的博客美化系列教程]05.公告栏个性时间显示的实现 [全网最全的博客美化系列教程]06.推荐和反对炫酷样式的实现 [全网最全的博客美化系列教程]07.添加一个分享的按钮吧 [全网最全的博客美化系列教程]08.自定义…

第十一章 Odoo 12开发之看板视图和用户端 QWeb

QWeb 是 Odoo 使用的模板引擎,它基于 XML 来生成 HTML 片断和页面.通过 QWeb可生成内容丰富的看板(Kankan)视图.报表和 CMS 网页.本文中我们将学习QWeb 语法以及如何使用 QWeb 来创建我们自己的看板视图和自定义报表. 本文主要内容有: 看板是什么? 设计看板视图 QWeb 模板语言看板视图的继承添加自定义 CSS 和 JavaScript 开发准备我们将继续使用第十章 Odoo 12开发之后台视图 – 设计用户界面完成的library_checkou…