博客园右下角添加看板娘

看板娘

　　看板娘也就是别人博客右下角或者左下角的那个小人, 那如何把它加载到自己的博客园呢?

前提条件

　　必须需要申请开通支持JS代码, 否则以下内容也就不用看了

配置

侧边栏公告

　　将以下内容复制到: 博客侧边栏公告(支持HTML代码) (支持 JS 代码)

<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://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
<script src="https://blog-static.cnblogs.com/files/mswei/live2d.js"></script>
<script src="https://blog-static.cnblogs.com/files/mswei/waifu-tips.js"></script>
<script type="text/javascript">initModel()</script>

页首

　　将以下内容复制到: 页首 HTML 代码

<link rel="stylesheet" type="text/css" href="https://blog-static.cnblogs.com/files/mswei/waifu.css"/>
<link rel="stylesheet" type="text/css" href="https://files.cnblogs.com/files/yjlblog/flat-ui.min.css"/>

保存设置, 刷新页面, 左下角角就会多一个可爱的看板娘

博客园右下角添加看板娘相关推荐

博客园增加Live2D看板娘教程，超级简单，一看就懂
目录一.前言二.效果图三.资源准备 1.相关的资源,可以点击下面的网盘链接直接下载 2.也可以通过下面的地址到Gitbuh中下载四.实现教程 1.个人小站实现教程 2.博客园实现教程一.前言 ...
HTML点击元素页面回到顶部,博客园页面添加返回顶部 TOP 按钮
博客园页面添加返回顶部 TOP 按钮 TOP 按钮进入网页管理 -> 设置在 "页面定制 CSS 代码" 中添加如下 CSS 样式, 当然你可以改为自己喜欢的样式此处可 ...
博客园随笔添加自己的版权信息［转］
这几日,看了一些博客.发现在一些博客的底部添加了一些版权信息,很新颖.如下图: 写信给博客园的客服,问如何做出来的.回复是添加自己的"签名".无语了,只能自己研究了. 在分析了别人 ...
博客园文章添加版权信息的方法
管理--操作--博客签名,进入到制作签名的页面.在"内容"的文本框输入如下信息并替换相应的文字: <div>作者:<a href="http://www ...
live2d_二次元 | live2d为你的网站博客增加萌萌哒的看板娘
首先科普下什么是Live2D 来源百度百科:Live2D是一种应用于电子游戏的绘图渲染技术,技术由日本Cybernoids公司开发.通过一系列的连续图像和人物建模来生成一种类似三维模型的二维图像,对于 ...
为博客园博文添加目录的两种方法
准备工作: 确认你的博客有js权限,可以设计界面风格.这个需要跟管理员申请. 方法一:在正文上方直接添加目录 1.把下面的脚本添加到博客后台设置里的"页脚html代码"里头: 1 ...
博客园自动添加版权说明，自动添加文章链接
功能: 1.给每一篇文章开头加上版权说明: 2.自动获取当前文章地址: 3.做了装饰. 将以下代码放在页首Html代码内即可: <script type="text/javascrip ...
【博客插件】Live2d看板娘放到自己的博客上(黑白猫猫+恶魔少女)
文章目录一.前言二.操作步骤一.前言 live2D是一种应用于电子游戏的绘图渲染技术,技术由日本Cybernoids公司开发,通过一系列的连续图像和人物建模来生成一种类似三维模型的二维图像. ...
如何给博客添加看板娘详解（面向新手）
1.在我的博客页面,点击"管理",进入博客园后台. 2.选择"文件",从本地上传四个文件 flat-ui.min.css (看板娘的侧边选项栏) live2d. ...

博客园右下角添加看板娘

看板娘

前提条件

配置

侧边栏公告

页首

博客园右下角添加看板娘相关推荐

最新文章

热门文章