教大家怎么給博客添加一個看板娘


看板娘教程來啦(需要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"/>

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

記得幫幫萌新點贊宣傳哦!


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM