博客园主页添加看板娘（保姆级教程）
作者：互联网
研究了好久，我也总算是在我的博客主页添加上了看板娘这个东西，说实话网上的教程挺多的，但对我这个一点也没学过JS的小白来说确实有的教程会说的有点简略，不过这也正常，你要是啥也不会还整这些花里胡哨的干啥。如果只是把从网上找来的代码给粘上，并不能达到预期的效果，还是要对这些代码做些修改，废话不多说，开整。
这是我从网上找到的代码
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://i.cnblogs.com/files/qimingqiwanle/waifu.css"/> 8 <link rel="stylesheet" type="text/css" href=" https://i.cnblogs.com/files/qimingqiwanle/flat-ui.min.css"/> 9 <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script> 10 </head> 11 <body> 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://i.cnblogs.com/files/qimingqiwanle/live2d.min.js"></script> 26 <script src="https://i.cnblogs.com/files/qimingqiwanle/waifu-tips.js"></script> 27 <script type="text/javascript">initModel()</script> 28 </body> 29 </html>
前面也说了，如果直接粘到“页脚HTML代码”处是不行的，因为我们要把其中的几行（7，8，25，26）里的地址换成我们自己的地址，就是下面标记的这几行，这样就OK了
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://i.cnblogs.com/files/qimingqiwanle/waifu.css"/> 8 <link rel="stylesheet" type="text/css" href=" https://i.cnblogs.com/files/qimingqiwanle/flat-ui.min.css"/> 9 <script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script> 10 </head> 11 <body> 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://i.cnblogs.com/files/qimingqiwanle/live2d.min.js"></script> 26 <script src="https://i.cnblogs.com/files/qimingqiwanle/waifu-tips.js"></script> 27 <script type="text/javascript">initModel()</script> 28 </body> 29 </html>
那么问题来了，去哪找这些地址呢，简单
打开文件选项，将鼠标放到你上传的文件的文件名上，左下角就会出现该文件的地址，当然，你也可以直接右击选择复制链接，然后替换到相应位置就搞定了，剩下的就是保存刷新了。
至于需要的那几个文件网上都有，我也在上传一遍
标签：看板娘,26,主页,25,博客园,教程,地址,https,com 来源： https://www.cnblogs.com/qimingqiwanle/p/15142831.html