在博客园添加自己心仪的live2d看板

我个人喜欢比较简洁大气的外观，但是太简洁也不好看啦，就像以前团队里的前端，有次赶工出来一个过于苍白的页面，灵机一动说这是简洁风，后来他做的页面稍有简陋，大家都调侃“这是简洁风对吧哈哈哈哈哈”，所以虽然我并不精通js/css，也不擅长美化，但还是决定做点装扮，拒绝简洁到底。

---

已实现

---

2021.10.27

1. 代码高亮

   <!--   代码高亮开始-->
   <link href="https://files.cnblogs.com/files/yiyuzi/Code_highlighting.css" type="text/css" rel="stylesheet">
   <!--   代码高亮结束-->
   

2. 新增底部鱼池，点击可以颠倒

   <!-- 小鱼 start -->
   <div id="jsi-flying-fish-container" class="container"></div>
   <script src='https://blog-static.cnblogs.com/files/yiyuzi/myfish.js'></script>
   <style>
     @media only screen and (max-width: 767px){
     #sidebar_search_box input[type=text]{width:calc(100% - 24px)}
     }
     #jsi-flying-fish-container{
       opacity: 0.4;
       position:fixed;
       width: 100%;
       height: 40%;
   	bottom: 0;
     }
   </style>
   <!-- 小鱼 end -->
   

---

2021.3.2

1. 去掉了底部的广告（心虚.jpg

   /*隐藏广告*/
   .c_ad_block, .under-post-card, #under_post_card1, #under_post_card2 {
     display: none; !important
   }
   

---

2021.3.1

1. 新增博客夜间模式

   <!--   深色模式-->
   <script src="https://cdn.jsdelivr.net/npm/darkmode-js@1.3.4/lib/darkmode-js.min.js"></script>
   <script>
     new Darkmode({ label: '&#x1f313;' }).showWidget();
   </script>
   

2. 新增gitee图床

3. 发现了一个漂亮的gif，并设置成背景

   /*设置背景*/
   body {
   	background-image: url(https://gitee.com/yiyuzi/image/raw/master/img/cnblog/20210301182609.gif) !important;
   	padding-bottom: 25px;
   }
   

---

2021.2.28

1. 新增希儿的live2d模型

   <script src="https://eqcn.ajz.miesnfu.com/wp-content/plugins/wp-3d-pony/live2dw/lib/L2Dwidget.min.js"></script>
    
   <script>
       L2Dwidget.init({
           "model": {
               jsonPath: "https://unpkg.com/live2d-widget-model-hijiki/assets/hijiki.model.json",<!-- 模型地址 -->
               "scale": 1
           },
           "display": {
               "position": "right",<!--设置看板娘的上下左右位置-->
               "width": 150,
               "height": 300,
               "hOffset": 0,
               "vOffset": -20
           },
           "mobile": {
               "show": true,
               "scale": 0.5
           },
           "react": {
               "opacityDefault": 0.7,<!--设置透明度-->
               "opacityOnHover": 0.2
           }
       });
   </script>
   

2. 新增依据标题级数的导航栏

   <!--   目录开始-->
   <link href="http://files.cnblogs.com/files/yiyuzi/cnblog-scroller.css" type="text/css" rel="stylesheet">
   <script src="http://files.cnblogs.com/files/yiyuzi/scrollspy.js" type="text/javascript"></script>
   <script src="http://files.cnblogs.com/files/yiyuzi/stickUp.min.js" type="text/javascript"></script>
   <script src="https://files.cnblogs.com/files/yiyuzi/cnblog-scroller.js" type="text/javascript"></script>
   <!--   目录结束-->
   

---

未实现

---

2021.10.27

1. 我老婆怎么没了？！！

   找到原因了，我的主页不知道为啥会把https://eqcn.ajz.miesnfu.com/wp-content/plugins/wp-3d-pony/live2dw/lib/L2Dwidget.min.js这个url屏蔽掉，把它换个url就行。

   但我觉得以前模型没这么糊啊orz

---

2021.3.3

1. 导航栏可根据级数收起

---

2021.3.1

1. 导航栏在夜间模式下，背景仍为白色，或许需要改为透明色

2. 导航栏字体过小

3. 设定的背景图片被什么覆盖了

4. [导航目录]部分在夜间模式不会跟着变色，控件id和上边是一样的，可能是因为动态生成的缘故没及时加载，给夜间模式插件加个延时？

5. 背景图片与深色模式插件冲突，应该把深色模式里的body改掉就好，姑且先卸了这插件

6. 还想整个萌萌哒的返回顶部控件，但缺少素材...

7. 进入页面时的加载条

---

2021.2.28

1. 缺少模型的互动和语音，这个或许需要自己修改live2d插件