シンプルで洗練されたデザインが好きだが、あまりにもシンプルでは見栄えが良くない。以前、チームで作業していた時、急いで作ったページが非常に薄っぺらだったことがあった。その時、彼は「これはシンプルスタイルだ」と言い切ったが、その後少し簡素化されたページに対して皆が「これがシンプルスタイルね、はははは」とからかって笑っていた。だからこそ、JavaScriptやCSSに詳しくなくても、デザインに興味があるわけではないが、少しだけ装飾を加えて、極端なシンプルさには抵抗したくなった。

実装済み

2021.10.27

1. コードハイライト

   <!--   コードハイライト開始-->
   <link href="https://files.cnblogs.com/files/yiyuzi/Code_highlighting.css" type="text/css" rel="stylesheet">
   <!--   コードハイライト終了-->
   
   

2. フッターに魚のプールを追加し、クリックで反転可能に

   <!-- 魚のプール開始 -->
   <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>
   <!-- 魚のプール終了 -->
   
   

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モデルを追加

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>
   <!--   目次終了-->
   
   

2023.12.7

面白いアニメーションサイトを発見：https://tholman.com/

未実装

2021.10.27

1. わたしの妻がどこに行った？

2021.3.3

1. ナビゲーションバーの階層を折りたたむ機能を追加

2021.3.1

1. ナイトモード時のナビゲーションバーの背景が白いまま、透過に変更したい
2. ナビゲーションバーのフォントサイズが小さい
3. 設定した背景画像が何かに隠れている
4. [目次]部分がナイトモードで色が変わらない。コンポーネントIDが上と同じで、動的に生成されたため即座に読み込まれていない可能性がある。ナイトモードプラグインに遅延処理を追加すべきか？
5. 背景画像とダークモードプラグインの競合。ダークモード内のbody要素を変更するだけで良い。一旦このプラグインをアンインストール
6. ふわふわの「トップに戻る」ボタンを追加したいが、素材が不足している...
7. ページロード時のプログレスバー

2021.2.28

1. モデルのインタラクティブ性と音声機能が足りない。これはLive2Dプラグインを自分で修正する必要があるかもしれない。