在博客园给自己的博客加入看板娘
具体效果如右下角
需要三个文件和一个可选文件
waifu.css（看板娘在页面的位置以及大小）
waifu-tips.js（看板娘的语言设置）
live2d.min.js（一些点击之后的动作）
*flat-ui.min.css（看板娘的选项 PS：右面的选项 ）
https://pan.baidu.com/s/1pD7iawmfuy7ccTPignlGAg（提取码：ctlq）
一、把下载的压缩包解压
二、把所有的文件上传到博客园管理当中的文件当中
三、把一下代码复制到博客侧边栏公告也必须需要（支持HTML代码）当然需要（支持JS代码）
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Live2D</title>
<link rel="stylesheet" type="text/css" href="https://files.cnblogs.com/files/TwoCousinElizabeth/waifu1.css"/>
<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
</head>
<body>
<link rel="stylesheet" type="text/css" href="https://files.cnblogs.com/files/TwoCousinElizabeth/waifu1.css">
<div class="waifu" id="waifu">
<div class="waifu-tips" style="opacity: 1;"></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://files.cnblogs.com/files/TwoCousinElizabeth/live2d.min.js"></script>
<script src="https://files.cnblogs.com/files/TwoCousinElizabeth/waifu-tips.js"></script>
<script type="text/javascript">initModel()</script>
</body>
</html>
<link rel="stylesheet" type="text/css" href="https://files.cnblogs.com/files/TwoCousinElizabeth/flat-ui.min.css"/>
四、把TwoCousinElizabeth改成你博客的Blog地址名就大功告成了。
PS：压缩包中的waifu1是把看板娘放在右面的，也就是标红的两行，自行决定放左放右。
转载于:https://www.cnblogs.com/TwoCousinElizabeth/p/10671523.html
在博客园给自己的博客加入看板娘相关推荐
- 【原】博客园第三方客户端-i博客园App开源
[原]博客园第三方客户端-i博客园App开源 本文转载请注明出处 -- polobymulberry-博客园 1.前言 目前i博客园App已经更新到2.0.0版本了,使用了最新的博客园Web API. ...
- python 获取pv_Python爬虫入门教程 40-100 博客园Python相关40W博客抓取 scrapy
爬前叨叨 第40篇博客吹响号角,爬取博客园博客~本文最终抓取到了从2010年1月1日到2019年1月7日的37W+文章,后面可以分析好多东西了呢 经常看博客的同志知道,博客园每个栏目下面有200页,多 ...
- 博客园在我的博客添加点击小心心特效
1.开通博客园JS权限 这是必须的,不然没用,也加不上自定义代码 开通方式参看https://www.cnblogs.com/ibigboy/p/10936231.html 2.添加JS 开通审核通过 ...
- 博客园复用别人的博客模板
1申请js权限 博客设置-->设置-->博客侧边栏公告 右边点击申请js(内容可以填写自己要学习前端,想把学到的知识记录到博客,js部分代码但不到效果,想申请开通js ps ...
- Python爬虫入门教程 40-100 博客园Python相关40W博客抓取 scrapy
爬前叨叨 第40篇博客吹响号角,爬取博客园博客~本文最终抓取到了从2010年1月1日到2019年1月7日的37W+文章,后面可以分析好多东西了呢 经常看博客的同志知道,博客园每个栏目下面有200页,多 ...
- 博客园出事了，博客园出事了
博客园出事了,好多链接都变成404的白色T恤了,右上角的链接,小组,全部变成T恤了.我得睡觉了 转载于:https://www.cnblogs.com/sanjia/archive/2010/05/0 ...
- 博客园皮肤-我的博客园皮肤设置教程
一.前言 好的博客皮肤能吸引更多的访问量,也可以使博主更有动力更新博客.今天看到一个博主的博客非常漂亮,突发奇想也打扮了一下自己的博客,虽然差距还有不小,也记录一下操作方法供大家参考. 二.操作 1. ...
- 博客右下角的动态人物（live2d）看板娘
效果图 代码如下 <!-- 看娘板 --><script src="https://eqcn.ajz.miesnfu.com/wp-content/plug ...
- 博客园使用markdown发布博客
以前写笔记都是md文件存在本地的,然后想起来写点博客,就复制进来的,一开始格式有问题,也没有放在心上,最近就想整一下. 在默认编辑器中选择Markdown: 然后点击typora的左下角的源码模式 但 ...
最新文章
- php-cgi 重启,自动监测和重启 FastCGI 服务
- php简单算法之冒泡排序
- 《『若水新闻』客户端开发教程》——20.程序打包发布
- ++i和i++效率谁高
- 特征工程(part5)--分类型变量
- 实现 Virtual DOM 下的一个 VNode 节点
- @property括号内属性讲解
- Python 虚拟环境安装 ，避免影响生产环境。
- 【Linux】awk处理变量
- cmd 生成wsdl文件_Spring Boot SOAP系列之WSDL是什么“Lese”
- Scherlokk for Mac(文件搜索软件)
- mysql数据量很少查询却很慢_Mysql索引
- java给list排序_java 怎么将List里面数据排序
- 网站被黑该怎么处理和解决
- 八个笑话,八个人生哲理
- smtplib库：Python使用QQ邮箱发送邮件
- 魔兽电影这么火，做成游戏一定很多人玩吧
- 聊聊微服务架构中的多级缓存设计
- 这9款宝藏办公软件原地封神，款款深入人心
- 《图形图像处理》— 使用matlab对图像进行二值化和灰度化处理