美化你的博客園——添加看板娘


做了一個我認為比較淺顯易懂的隨筆

分為三步

目錄

        1.壓縮包下載(點擊下載

        2.上傳文件

        3.添加代碼

 具體實施

    1.首先下載一個壓縮包

     /---壓縮包下載---/

     2.上傳文件 

  

     

3.添加代碼

 將代碼粘貼(你要抄一遍我也沒有辦法)到頁腳Html代碼 

不知道怎么放的請看我上一篇隨筆

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

 看板娘大功告成了!

最后看一下成功樣例

 


免責聲明!

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



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