博客园添加看板娘

具体效果请看左下角:

需要三个文件和一个可选文件

waifu.css(看板娘在页面的位置以及大小)

waifu-tips.js(看板娘的语言设置)

live2d.min.js(一些点击之后的动作)

* flat-ui.min.css(看板娘的选项 PS:右面的选项 ,不需要可以不配置)

链接:https://pan.baidu.com/s/1xkC9jO6xXhz0d8OJEw1XzQ 
提取码:5j68

一、把下载的压缩包解压

二、把所有的文件上传到博客园管理当中的文件当中

三、把以下代码复制到博客侧边栏公告区域,需要申请开通(支持JS代码)

"http://www.w3.org/1999/xhtml">

"Content-Type" content="text/html; charset=UTF-8" />
Live2D

"stylesheet" type="text/css" href="https://blog-static.cnblogs.com/files/自己博客的Blog地址名/waifu.css"/>



class="waifu" id="waifu">
class="waifu-tips" style="opacity: 1;">
"live2d" width="280" height="250" class="live2d">
class="waifu-tool"> class="fui-home"> class="fui-chat"> class="fui-eye"> class="fui-user"> class="fui-photo"> class="fui-info-circle"> class="fui-cross">
"stylesheet" type="text/css" href="https://blog-static.cnblogs.com/files/自己博客的Blog地址名/flat-ui.min.css"/>

 转载出处:https://www.cnblogs.com/hean/p/11167216.html

你可能感兴趣的:(博客园添加看板娘)