在博客园给自己的博客加入看板娘
具体效果如右下角
需要三个文件和一个可选文件
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的左下角的源码模式 但 ...
最新文章
- linux怎么开机默认进入桌面图标,如何让ubuntu开机默认进入命令行啊？
- Swift UIlabel 的高级用法，文本显示表情，图片
- J2EE 企业级应用架构简述
- IntelliJ IDEA for Mac在MacOS模式下的替换快捷键（Replace Shortcut）
- 使用Sqlserver事务发布实现数据同步
- 手游的巨头时代，中小厂商该何去何从？
- 几个轻巧好用的代码检查工具！代码不在坏味道
- Android仿人人客户端（v5.7.1）——新鲜事之状态
- 「津津乐道播客」#198. 乱炖：PC时代的联想尚能饭否？
- SpringBoot在使用测试的时候是否需要@RunWith？
- Spring源码解析二之创建Bean(实例化)
- 为方便旅客，某航空公司拟开发一个机票预定系统。旅行社把预定机票的旅客信息......
- 对 ArabicRSS APK 应用木马样本的分析
- java 读写 wps xlsx 文件
- Linux——读写锁
- essp8266------mqtt服务器搭建
- 汽车变速箱的科学保养方法
- Java中if语句详解
- hp服务器如何找回阵列信息,HP服务器数据恢复 RAID5结构实例手工分析
- 高项论文练习--项目进度管理