zoukankan      html  css  js  c++  java
  • 教大家怎么给博客添加一个看板娘

    看板娘教程来啦(需要JS权限)

    看到各位大佬们的博客 优美 又不失 典雅 是不是很心动?

    是不是很想借鉴(白嫖)一下?

    首先,下载

    https://pan.baidu.com/s/1dKLTN2Bf-QW5q7zX8MSvoA 

    提取码nict

    的文件,并且把他们上传

    然后,在管理——设置的页脚里粘贴以下玄学代码

    注意我下面加大的字体,waifu表示看板娘在左边waifu1表示看板娘在右边,记得一定要改成自己的博客地址啊,不然改了也没用!

     1 <!DOCTYPE html>
     2 <html xmlns="http://www.w3.org/1999/xhtml">
     3 <head>
     4     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
     5     <title>Live2D</title>
     6      
     7     <link rel="stylesheet" type="text/css" href="https://files.cnblogs.com/files/自己的博客地址/waifu.css"/>
     8     <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
     9 </head>
    10 <body>
    11     <link rel="stylesheet" type="text/css" href="https://files.cnblogs.com/files/自己的博客地址/waifu.css">
    12     <div class="waifu" id="waifu">
    13         <div class="waifu-tips" style="opacity: 1;"></div>
    14         <canvas id="live2d" width="280" height="250" class="live2d"></canvas>
    15         <div class="waifu-tool">
    16             <span class="fui-home"></span>
    17             <span class="fui-chat"></span>
    18             <span class="fui-eye"></span>
    19             <span class="fui-user"></span>
    20             <span class="fui-photo"></span>
    21             <span class="fui-info-circle"></span>
    22             <span class="fui-cross"></span>
    23         </div>
    24     </div>
    25     <script src="https://files.cnblogs.com/files/kousak/live2d.js"></script>
    26     <script src="https://files.cnblogs.com/files/kousak/waifu-tips.js"></script>
    27     <script type="text/javascript">initModel()</script>
    28 </body>
    29 </html>
    30 <link rel="stylesheet" type="text/css" href="https://files.cnblogs.com/files/yjlblog/flat-ui.min.css"/>

    保存就可以啦!是不是很神奇?

    记得帮帮萌新点赞宣传哦!

  • 相关阅读:
    【Jquery】根据元素个数给予宽度
    【Jquery】判断宽度跳转
    【CSS】滚动条样式
    关于vue在列表展示数据的时候,选择更改其中一项,数据跟着实时变动的问题
    JAVA基础知识
    华为机试 字符串分隔
    华为机试 计算字符个数
    华为机试 字符串最后一个单词的长度
    简单构造 Ext.tree 树例子
    Ext.form.Label组件动态设置html值
  • 原文地址:https://www.cnblogs.com/mo-qian/p/11275698.html
Copyright © 2011-2022 走看看