From 87b10dca797c6733fea2eb49b72ba33775382e05 Mon Sep 17 00:00:00 2001
From: JoyWonderful <m13857841647@outlook.com>
Date: Sun, 17 Mar 2024 12:33:17 +0800
Subject: [PATCH] Writed trast-styl post

---
 404.html                                      |   4 +-
 about/index.html                              |   8 +-
 archives/2023/05/index.html                   |   6 +-
 archives/2023/06/index.html                   |   6 +-
 archives/2023/07/index.html                   |   6 +-
 archives/2023/08/index.html                   |   6 +-
 archives/2023/11/index.html                   |   6 +-
 archives/2023/12/index.html                   |   6 +-
 archives/2023/index.html                      |   6 +-
 archives/2023/page/2/index.html               |   6 +-
 archives/2023/page/3/index.html               |   6 +-
 archives/2023/page/4/index.html               |   6 +-
 archives/2024/02/index.html                   |   6 +-
 archives/2024/03/index.html                   |  26 +-
 archives/2024/index.html                      |  26 +-
 archives/index.html                           |  46 +-
 archives/page/2/index.html                    |  46 +-
 archives/page/3/index.html                    |  46 +-
 archives/page/4/index.html                    |  26 +-
 categories/index.html                         |   6 +-
 .../\347\220\220\347\242\216/index.html"      |   4 +-
 .../index.html"                               |  44 +-
 .../page/2/index.html"                        |  24 +-
 .../index.html"                               |   4 +-
 .../page/2/index.html"                        |   4 +-
 .../page/3/index.html"                        |   4 +-
 comments/index.html                           |   4 +-
 friends/index.html                            |   4 +-
 index.html                                    | 156 +++---
 page/2/index.html                             | 115 ++--
 page/3/index.html                             |  97 ++--
 page/4/index.html                             | 104 ++--
 page/5/index.html                             | 127 ++---
 page/6/index.html                             | 119 ++--
 page/7/index.html                             | 118 ++--
 page/8/index.html                             |  92 +++-
 posts/all-the-test/index.html                 |   4 +-
 posts/bfs/index.html                          |   4 +-
 posts/bichaj/index.html                       |   4 +-
 posts/binarytree-fme/index.html               |   4 +-
 posts/chafen/index.html                       |   4 +-
 posts/chrome-ext/index.html                   |   7 +-
 posts/code-format/index.html                  |   4 +-
 posts/cpp-file/index.html                     |   4 +-
 posts/cpp-shujufanwei/index.html              |   4 +-
 posts/dfs/index.html                          |   4 +-
 posts/dp-zobb/index.html                      |   4 +-
 posts/drawpic/index.html                      |   4 +-
 posts/erase-css/index.html                    |   4 +-
 posts/erfen/index.html                        |   4 +-
 posts/function/index.html                     |   4 +-
 posts/gdb-debug-file/index.html               |   4 +-
 posts/git-github/index.html                   |   4 +-
 posts/graph-tree/index.html                   |   4 +-
 posts/hexo-pretty/index.html                  |   4 +-
 posts/hover-show/index.html                   |  10 +-
 posts/huff-tree/index.html                    |   4 +-
 posts/jinzhi/index.html                       |   4 +-
 posts/js-random-pic/index.html                |   4 +-
 posts/lianbiao/index.html                     |   4 +-
 posts/namespace/index.html                    |   4 +-
 posts/qianzhuihe/index.html                   |   4 +-
 posts/recursion/index.html                    |   4 +-
 posts/seventh-lianbi/index.html               |   4 +-
 posts/shaifa/index.html                       |   4 +-
 .../shijianfuzaduhekongjianfuzadu/index.html  |   4 +-
 posts/sort/index.html                         |   4 +-
 posts/stackandqueue/index.html                |   4 +-
 posts/stdoi-snf-pnt/index.html                |   4 +-
 posts/struct-class/index.html                 |   4 +-
 posts/trast-styl/index.html                   | 506 ++++++++++++++++++
 posts/two-pointers/index.html                 |   4 +-
 posts/waline-set/index.html                   |   4 +-
 posts/xiaolianbi/index.html                   |   4 +-
 posts/yixieyouyongdedongxiyoumei/index.html   |   4 +-
 posts/zhizhen/index.html                      |   4 +-
 search.xml                                    | 174 ++++++
 .../test-tag-pulgins => tags/CSS}/index.html  | 197 +++----
 tags/Git/index.html                           |   4 +-
 tags/HTML/index.html                          |   4 +-
 tags/JavaScript/index.html                    |   4 +-
 tags/index.html                               |   8 +-
 "tags/\344\274\230\345\214\226/index.html"    |   4 +-
 "tags/\344\275\234\346\226\207/index.html"    |   4 +-
 .../index.html"                               |   4 +-
 .../index.html"                               |   4 +-
 .../index.html"                               |   4 +-
 .../page/2/index.html"                        |   4 +-
 "tags/\346\214\207\351\222\210/index.html"    |   4 +-
 "tags/\346\216\222\345\272\217/index.html"    |   4 +-
 "tags/\346\220\234\347\264\242/index.html"    |   4 +-
 .../index.html"                               |   4 +-
 "tags/\346\225\260\350\256\272/index.html"    |   4 +-
 "tags/\346\240\221/index.html"                |   4 +-
 "tags/\347\274\226\350\257\221/index.html"    |   4 +-
 .../index.html"                               |   4 +-
 .../index.html"                               |   4 +-
 "tags/\351\200\222\345\275\222/index.html"    |   4 +-
 "tags/\351\230\237\345\210\227/index.html"    |   4 +-
 99 files changed, 1610 insertions(+), 840 deletions(-)
 create mode 100644 posts/trast-styl/index.html
 rename {posts/test-tag-pulgins => tags/CSS}/index.html (50%)

diff --git a/404.html b/404.html
index 7a28fb9e..d4e7ea7c 100644
--- a/404.html
+++ b/404.html
@@ -159,7 +159,7 @@
   <nav class="site-state">
       <div class="site-state-item site-state-posts">
         <a href="/archives/">
-          <span class="site-state-item-count">38</span>
+          <span class="site-state-item-count">39</span>
           <span class="site-state-item-name">日志</span>
         </a>
       </div>
@@ -170,7 +170,7 @@
       </div>
       <div class="site-state-item site-state-tags">
           <a href="/tags/">
-        <span class="site-state-item-count">19</span>
+        <span class="site-state-item-count">20</span>
         <span class="site-state-item-name">标签</span></a>
       </div>
   </nav>
diff --git a/about/index.html b/about/index.html
index 4c725d10..1ca563ce 100644
--- a/about/index.html
+++ b/about/index.html
@@ -27,7 +27,7 @@
 <meta property="og:description" content="这个博客是由 Hexo  和主题 NexT.  搭建支持的。做了很多美化工作。  主要这个博客就是放一些我的见闻和看法，以及一大堆课程笔记的。预计这个地方也没人来看，没什么意义嘛。快半年了，也写了挺多篇笔记的。  就这样折腾来折腾去，这奇怪作风的博客终于被我弄好了，但它变的更奇怪了？你既然看到这里了，不如就在 留言板 留个言吧。  省流：The blog hosted on Github Pag">
 <meta property="og:locale" content="zh_CN">
 <meta property="article:published_time" content="2023-05-01T01:21:17.000Z">
-<meta property="article:modified_time" content="2024-03-16T14:14:56.644Z">
+<meta property="article:modified_time" content="2024-03-17T00:55:15.609Z">
 <meta property="article:author" content="JoyWonderful">
 <meta name="twitter:card" content="summary">
 
@@ -159,7 +159,7 @@
   <nav class="site-state">
       <div class="site-state-item site-state-posts">
         <a href="/archives/">
-          <span class="site-state-item-count">38</span>
+          <span class="site-state-item-count">39</span>
           <span class="site-state-item-name">日志</span>
         </a>
       </div>
@@ -170,7 +170,7 @@
       </div>
       <div class="site-state-item site-state-tags">
           <a href="/tags/">
-        <span class="site-state-item-count">19</span>
+        <span class="site-state-item-count">20</span>
         <span class="site-state-item-name">标签</span></a>
       </div>
   </nav>
@@ -293,7 +293,7 @@ <h1 class="post-title" itemprop="name headline">关于
         cmt_id.innerHTML = `<span class="ititle">Run_Id: </span><a href="${lrun.html_url}" target="_blank">#${lrun.run_number}</a><br><span class="ititle">Commit: </span><a href="https://github.com/JoyWonderful/joywonderful.github.io/commit/${lrun.head_commit.id}" target="_blank">${lrun.head_commit.id.slice(0, 7)}</a>`;
         stat.innerHTML = `<span class="ititle">Status</span><br><span class="indexcnt">${statstr}</span>${staticon}`;
         durat.innerHTML = `<span class="ititle">Total Duration</span><br><span class="indexcnt">${totdura}<span style="opacity:0.7;">sec</span></span>`;
-        update.innerHTML = `<span class="ititle">Created At</span><br><span class="indexcnt">${d2.getFullYear()}-${d2.getMonth()}-${d2.getDate()} ${d2.getHours()}:${d2.getMinutes()}:${d2.getSeconds()}</span>`;
+        update.innerHTML = `<span class="ititle">Created At</span><br><span class="indexcnt">${d2.getFullYear()}-${d2.getMonth()+1}-${d2.getDate()} ${d2.getHours()}:${d2.getMinutes()}:${d2.getSeconds()}</span>`;
     });
 </script>
       </div>
diff --git a/archives/2023/05/index.html b/archives/2023/05/index.html
index 129480c3..43699579 100644
--- a/archives/2023/05/index.html
+++ b/archives/2023/05/index.html
@@ -154,7 +154,7 @@ <h1 class="site-title">JoyWonderful的小窝</h1>
   <nav class="site-state">
       <div class="site-state-item site-state-posts">
         <a href="/archives/">
-          <span class="site-state-item-count">38</span>
+          <span class="site-state-item-count">39</span>
           <span class="site-state-item-name">日志</span>
         </a>
       </div>
@@ -165,7 +165,7 @@ <h1 class="site-title">JoyWonderful的小窝</h1>
       </div>
       <div class="site-state-item site-state-tags">
           <a href="/tags/">
-        <span class="site-state-item-count">19</span>
+        <span class="site-state-item-count">20</span>
         <span class="site-state-item-name">标签</span></a>
       </div>
   </nav>
@@ -200,7 +200,7 @@ <h1 class="site-title">JoyWonderful的小窝</h1>
     <div class="post-content">
       <div class="collection-title">
         
-        <span class="collection-header">还行! 目前共计 38 篇日志。 继续努力。</span>
+        <span class="collection-header">还行! 目前共计 39 篇日志。 继续努力。</span>
       </div>
 
       
diff --git a/archives/2023/06/index.html b/archives/2023/06/index.html
index f3d63c52..a7130b4b 100644
--- a/archives/2023/06/index.html
+++ b/archives/2023/06/index.html
@@ -154,7 +154,7 @@ <h1 class="site-title">JoyWonderful的小窝</h1>
   <nav class="site-state">
       <div class="site-state-item site-state-posts">
         <a href="/archives/">
-          <span class="site-state-item-count">38</span>
+          <span class="site-state-item-count">39</span>
           <span class="site-state-item-name">日志</span>
         </a>
       </div>
@@ -165,7 +165,7 @@ <h1 class="site-title">JoyWonderful的小窝</h1>
       </div>
       <div class="site-state-item site-state-tags">
           <a href="/tags/">
-        <span class="site-state-item-count">19</span>
+        <span class="site-state-item-count">20</span>
         <span class="site-state-item-name">标签</span></a>
       </div>
   </nav>
@@ -200,7 +200,7 @@ <h1 class="site-title">JoyWonderful的小窝</h1>
     <div class="post-content">
       <div class="collection-title">
         
-        <span class="collection-header">还行! 目前共计 38 篇日志。 继续努力。</span>
+        <span class="collection-header">还行! 目前共计 39 篇日志。 继续努力。</span>
       </div>
 
       
diff --git a/archives/2023/07/index.html b/archives/2023/07/index.html
index 9e5904e8..2c118c32 100644
--- a/archives/2023/07/index.html
+++ b/archives/2023/07/index.html
@@ -154,7 +154,7 @@ <h1 class="site-title">JoyWonderful的小窝</h1>
   <nav class="site-state">
       <div class="site-state-item site-state-posts">
         <a href="/archives/">
-          <span class="site-state-item-count">38</span>
+          <span class="site-state-item-count">39</span>
           <span class="site-state-item-name">日志</span>
         </a>
       </div>
@@ -165,7 +165,7 @@ <h1 class="site-title">JoyWonderful的小窝</h1>
       </div>
       <div class="site-state-item site-state-tags">
           <a href="/tags/">
-        <span class="site-state-item-count">19</span>
+        <span class="site-state-item-count">20</span>
         <span class="site-state-item-name">标签</span></a>
       </div>
   </nav>
@@ -200,7 +200,7 @@ <h1 class="site-title">JoyWonderful的小窝</h1>
     <div class="post-content">
       <div class="collection-title">
         
-        <span class="collection-header">还行! 目前共计 38 篇日志。 继续努力。</span>
+        <span class="collection-header">还行! 目前共计 39 篇日志。 继续努力。</span>
       </div>
 
       
diff --git a/archives/2023/08/index.html b/archives/2023/08/index.html
index 86da0cdf..30fa01f8 100644
--- a/archives/2023/08/index.html
+++ b/archives/2023/08/index.html
@@ -154,7 +154,7 @@ <h1 class="site-title">JoyWonderful的小窝</h1>
   <nav class="site-state">
       <div class="site-state-item site-state-posts">
         <a href="/archives/">
-          <span class="site-state-item-count">38</span>
+          <span class="site-state-item-count">39</span>
           <span class="site-state-item-name">日志</span>
         </a>
       </div>
@@ -165,7 +165,7 @@ <h1 class="site-title">JoyWonderful的小窝</h1>
       </div>
       <div class="site-state-item site-state-tags">
           <a href="/tags/">
-        <span class="site-state-item-count">19</span>
+        <span class="site-state-item-count">20</span>
         <span class="site-state-item-name">标签</span></a>
       </div>
   </nav>
@@ -200,7 +200,7 @@ <h1 class="site-title">JoyWonderful的小窝</h1>
     <div class="post-content">
       <div class="collection-title">
         
-        <span class="collection-header">还行! 目前共计 38 篇日志。 继续努力。</span>
+        <span class="collection-header">还行! 目前共计 39 篇日志。 继续努力。</span>
       </div>
 
       
diff --git a/archives/2023/11/index.html b/archives/2023/11/index.html
index 9963df43..1e29ffd7 100644
--- a/archives/2023/11/index.html
+++ b/archives/2023/11/index.html
@@ -154,7 +154,7 @@ <h1 class="site-title">JoyWonderful的小窝</h1>
   <nav class="site-state">
       <div class="site-state-item site-state-posts">
         <a href="/archives/">
-          <span class="site-state-item-count">38</span>
+          <span class="site-state-item-count">39</span>
           <span class="site-state-item-name">日志</span>
         </a>
       </div>
@@ -165,7 +165,7 @@ <h1 class="site-title">JoyWonderful的小窝</h1>
       </div>
       <div class="site-state-item site-state-tags">
           <a href="/tags/">
-        <span class="site-state-item-count">19</span>
+        <span class="site-state-item-count">20</span>
         <span class="site-state-item-name">标签</span></a>
       </div>
   </nav>
@@ -200,7 +200,7 @@ <h1 class="site-title">JoyWonderful的小窝</h1>
     <div class="post-content">
       <div class="collection-title">
         
-        <span class="collection-header">还行! 目前共计 38 篇日志。 继续努力。</span>
+        <span class="collection-header">还行! 目前共计 39 篇日志。 继续努力。</span>
       </div>
 
       
diff --git a/archives/2023/12/index.html b/archives/2023/12/index.html
index 3ed95e97..6bf775ea 100644
--- a/archives/2023/12/index.html
+++ b/archives/2023/12/index.html
@@ -154,7 +154,7 @@ <h1 class="site-title">JoyWonderful的小窝</h1>
   <nav class="site-state">
       <div class="site-state-item site-state-posts">
         <a href="/archives/">
-          <span class="site-state-item-count">38</span>
+          <span class="site-state-item-count">39</span>
           <span class="site-state-item-name">日志</span>
         </a>
       </div>
@@ -165,7 +165,7 @@ <h1 class="site-title">JoyWonderful的小窝</h1>
       </div>
       <div class="site-state-item site-state-tags">
           <a href="/tags/">
-        <span class="site-state-item-count">19</span>
+        <span class="site-state-item-count">20</span>
         <span class="site-state-item-name">标签</span></a>
       </div>
   </nav>
@@ -200,7 +200,7 @@ <h1 class="site-title">JoyWonderful的小窝</h1>
     <div class="post-content">
       <div class="collection-title">
         
-        <span class="collection-header">还行! 目前共计 38 篇日志。 继续努力。</span>
+        <span class="collection-header">还行! 目前共计 39 篇日志。 继续努力。</span>
       </div>
 
       
diff --git a/archives/2023/index.html b/archives/2023/index.html
index 5e16fa42..62b2436b 100644
--- a/archives/2023/index.html
+++ b/archives/2023/index.html
@@ -154,7 +154,7 @@ <h1 class="site-title">JoyWonderful的小窝</h1>
   <nav class="site-state">
       <div class="site-state-item site-state-posts">
         <a href="/archives/">
-          <span class="site-state-item-count">38</span>
+          <span class="site-state-item-count">39</span>
           <span class="site-state-item-name">日志</span>
         </a>
       </div>
@@ -165,7 +165,7 @@ <h1 class="site-title">JoyWonderful的小窝</h1>
       </div>
       <div class="site-state-item site-state-tags">
           <a href="/tags/">
-        <span class="site-state-item-count">19</span>
+        <span class="site-state-item-count">20</span>
         <span class="site-state-item-name">标签</span></a>
       </div>
   </nav>
@@ -200,7 +200,7 @@ <h1 class="site-title">JoyWonderful的小窝</h1>
     <div class="post-content">
       <div class="collection-title">
         
-        <span class="collection-header">还行! 目前共计 38 篇日志。 继续努力。</span>
+        <span class="collection-header">还行! 目前共计 39 篇日志。 继续努力。</span>
       </div>
 
       
diff --git a/archives/2023/page/2/index.html b/archives/2023/page/2/index.html
index a059a11b..50bd3c28 100644
--- a/archives/2023/page/2/index.html
+++ b/archives/2023/page/2/index.html
@@ -154,7 +154,7 @@ <h1 class="site-title">JoyWonderful的小窝</h1>
   <nav class="site-state">
       <div class="site-state-item site-state-posts">
         <a href="/archives/">
-          <span class="site-state-item-count">38</span>
+          <span class="site-state-item-count">39</span>
           <span class="site-state-item-name">日志</span>
         </a>
       </div>
@@ -165,7 +165,7 @@ <h1 class="site-title">JoyWonderful的小窝</h1>
       </div>
       <div class="site-state-item site-state-tags">
           <a href="/tags/">
-        <span class="site-state-item-count">19</span>
+        <span class="site-state-item-count">20</span>
         <span class="site-state-item-name">标签</span></a>
       </div>
   </nav>
@@ -200,7 +200,7 @@ <h1 class="site-title">JoyWonderful的小窝</h1>
     <div class="post-content">
       <div class="collection-title">
         
-        <span class="collection-header">还行! 目前共计 38 篇日志。 继续努力。</span>
+        <span class="collection-header">还行! 目前共计 39 篇日志。 继续努力。</span>
       </div>
 
       
diff --git a/archives/2023/page/3/index.html b/archives/2023/page/3/index.html
index b30a85b1..f2e45730 100644
--- a/archives/2023/page/3/index.html
+++ b/archives/2023/page/3/index.html
@@ -154,7 +154,7 @@ <h1 class="site-title">JoyWonderful的小窝</h1>
   <nav class="site-state">
       <div class="site-state-item site-state-posts">
         <a href="/archives/">
-          <span class="site-state-item-count">38</span>
+          <span class="site-state-item-count">39</span>
           <span class="site-state-item-name">日志</span>
         </a>
       </div>
@@ -165,7 +165,7 @@ <h1 class="site-title">JoyWonderful的小窝</h1>
       </div>
       <div class="site-state-item site-state-tags">
           <a href="/tags/">
-        <span class="site-state-item-count">19</span>
+        <span class="site-state-item-count">20</span>
         <span class="site-state-item-name">标签</span></a>
       </div>
   </nav>
@@ -200,7 +200,7 @@ <h1 class="site-title">JoyWonderful的小窝</h1>
     <div class="post-content">
       <div class="collection-title">
         
-        <span class="collection-header">还行! 目前共计 38 篇日志。 继续努力。</span>
+        <span class="collection-header">还行! 目前共计 39 篇日志。 继续努力。</span>
       </div>
 
       
diff --git a/archives/2023/page/4/index.html b/archives/2023/page/4/index.html
index dd8122e6..fb24cf33 100644
--- a/archives/2023/page/4/index.html
+++ b/archives/2023/page/4/index.html
@@ -154,7 +154,7 @@ <h1 class="site-title">JoyWonderful的小窝</h1>
   <nav class="site-state">
       <div class="site-state-item site-state-posts">
         <a href="/archives/">
-          <span class="site-state-item-count">38</span>
+          <span class="site-state-item-count">39</span>
           <span class="site-state-item-name">日志</span>
         </a>
       </div>
@@ -165,7 +165,7 @@ <h1 class="site-title">JoyWonderful的小窝</h1>
       </div>
       <div class="site-state-item site-state-tags">
           <a href="/tags/">
-        <span class="site-state-item-count">19</span>
+        <span class="site-state-item-count">20</span>
         <span class="site-state-item-name">标签</span></a>
       </div>
   </nav>
@@ -200,7 +200,7 @@ <h1 class="site-title">JoyWonderful的小窝</h1>
     <div class="post-content">
       <div class="collection-title">
         
-        <span class="collection-header">还行! 目前共计 38 篇日志。 继续努力。</span>
+        <span class="collection-header">还行! 目前共计 39 篇日志。 继续努力。</span>
       </div>
 
       
diff --git a/archives/2024/02/index.html b/archives/2024/02/index.html
index f1ae4773..a5de5fd8 100644
--- a/archives/2024/02/index.html
+++ b/archives/2024/02/index.html
@@ -154,7 +154,7 @@ <h1 class="site-title">JoyWonderful的小窝</h1>
   <nav class="site-state">
       <div class="site-state-item site-state-posts">
         <a href="/archives/">
-          <span class="site-state-item-count">38</span>
+          <span class="site-state-item-count">39</span>
           <span class="site-state-item-name">日志</span>
         </a>
       </div>
@@ -165,7 +165,7 @@ <h1 class="site-title">JoyWonderful的小窝</h1>
       </div>
       <div class="site-state-item site-state-tags">
           <a href="/tags/">
-        <span class="site-state-item-count">19</span>
+        <span class="site-state-item-count">20</span>
         <span class="site-state-item-name">标签</span></a>
       </div>
   </nav>
@@ -200,7 +200,7 @@ <h1 class="site-title">JoyWonderful的小窝</h1>
     <div class="post-content">
       <div class="collection-title">
         
-        <span class="collection-header">还行! 目前共计 38 篇日志。 继续努力。</span>
+        <span class="collection-header">还行! 目前共计 39 篇日志。 继续努力。</span>
       </div>
 
       
diff --git a/archives/2024/03/index.html b/archives/2024/03/index.html
index 3446922b..5d5d89e8 100644
--- a/archives/2024/03/index.html
+++ b/archives/2024/03/index.html
@@ -154,7 +154,7 @@ <h1 class="site-title">JoyWonderful的小窝</h1>
   <nav class="site-state">
       <div class="site-state-item site-state-posts">
         <a href="/archives/">
-          <span class="site-state-item-count">38</span>
+          <span class="site-state-item-count">39</span>
           <span class="site-state-item-name">日志</span>
         </a>
       </div>
@@ -165,7 +165,7 @@ <h1 class="site-title">JoyWonderful的小窝</h1>
       </div>
       <div class="site-state-item site-state-tags">
           <a href="/tags/">
-        <span class="site-state-item-count">19</span>
+        <span class="site-state-item-count">20</span>
         <span class="site-state-item-name">标签</span></a>
       </div>
   </nav>
@@ -200,7 +200,7 @@ <h1 class="site-title">JoyWonderful的小窝</h1>
     <div class="post-content">
       <div class="collection-title">
         
-        <span class="collection-header">还行! 目前共计 38 篇日志。 继续努力。</span>
+        <span class="collection-header">还行! 目前共计 39 篇日志。 继续努力。</span>
       </div>
 
       
@@ -208,6 +208,26 @@ <h1 class="site-title">JoyWonderful的小窝</h1>
       <span class="collection-header">2024</span>
     </div>
 
+  <article itemscope itemtype="http://schema.org/Article">
+    <header class="post-header">
+      <div class="post-meta-container">
+        <time itemprop="dateCreated"
+              datetime="2024-03-17T09:13:44+08:00"
+              content="2024-03-17">
+          03-17
+        </time>
+      </div>
+
+      <div class="post-title">
+        <a class="post-title-link" href="/posts/trast-styl/" itemprop="url">
+          <span itemprop="name">样式过渡动画</span>
+        </a>
+      </div>
+
+      
+    </header>
+  </article>
+
   <article itemscope itemtype="http://schema.org/Article">
     <header class="post-header">
       <div class="post-meta-container">
diff --git a/archives/2024/index.html b/archives/2024/index.html
index e29354da..0b6da449 100644
--- a/archives/2024/index.html
+++ b/archives/2024/index.html
@@ -154,7 +154,7 @@ <h1 class="site-title">JoyWonderful的小窝</h1>
   <nav class="site-state">
       <div class="site-state-item site-state-posts">
         <a href="/archives/">
-          <span class="site-state-item-count">38</span>
+          <span class="site-state-item-count">39</span>
           <span class="site-state-item-name">日志</span>
         </a>
       </div>
@@ -165,7 +165,7 @@ <h1 class="site-title">JoyWonderful的小窝</h1>
       </div>
       <div class="site-state-item site-state-tags">
           <a href="/tags/">
-        <span class="site-state-item-count">19</span>
+        <span class="site-state-item-count">20</span>
         <span class="site-state-item-name">标签</span></a>
       </div>
   </nav>
@@ -200,7 +200,7 @@ <h1 class="site-title">JoyWonderful的小窝</h1>
     <div class="post-content">
       <div class="collection-title">
         
-        <span class="collection-header">还行! 目前共计 38 篇日志。 继续努力。</span>
+        <span class="collection-header">还行! 目前共计 39 篇日志。 继续努力。</span>
       </div>
 
       
@@ -208,6 +208,26 @@ <h1 class="site-title">JoyWonderful的小窝</h1>
       <span class="collection-header">2024</span>
     </div>
 
+  <article itemscope itemtype="http://schema.org/Article">
+    <header class="post-header">
+      <div class="post-meta-container">
+        <time itemprop="dateCreated"
+              datetime="2024-03-17T09:13:44+08:00"
+              content="2024-03-17">
+          03-17
+        </time>
+      </div>
+
+      <div class="post-title">
+        <a class="post-title-link" href="/posts/trast-styl/" itemprop="url">
+          <span itemprop="name">样式过渡动画</span>
+        </a>
+      </div>
+
+      
+    </header>
+  </article>
+
   <article itemscope itemtype="http://schema.org/Article">
     <header class="post-header">
       <div class="post-meta-container">
diff --git a/archives/index.html b/archives/index.html
index cc035084..ee82d709 100644
--- a/archives/index.html
+++ b/archives/index.html
@@ -154,7 +154,7 @@ <h1 class="site-title">JoyWonderful的小窝</h1>
   <nav class="site-state">
       <div class="site-state-item site-state-posts">
         <a href="/archives/">
-          <span class="site-state-item-count">38</span>
+          <span class="site-state-item-count">39</span>
           <span class="site-state-item-name">日志</span>
         </a>
       </div>
@@ -165,7 +165,7 @@ <h1 class="site-title">JoyWonderful的小窝</h1>
       </div>
       <div class="site-state-item site-state-tags">
           <a href="/tags/">
-        <span class="site-state-item-count">19</span>
+        <span class="site-state-item-count">20</span>
         <span class="site-state-item-name">标签</span></a>
       </div>
   </nav>
@@ -200,7 +200,7 @@ <h1 class="site-title">JoyWonderful的小窝</h1>
     <div class="post-content">
       <div class="collection-title">
         
-        <span class="collection-header">还行! 目前共计 38 篇日志。 继续努力。</span>
+        <span class="collection-header">还行! 目前共计 39 篇日志。 继续努力。</span>
       </div>
 
       
@@ -208,6 +208,26 @@ <h1 class="site-title">JoyWonderful的小窝</h1>
       <span class="collection-header">2024</span>
     </div>
 
+  <article itemscope itemtype="http://schema.org/Article">
+    <header class="post-header">
+      <div class="post-meta-container">
+        <time itemprop="dateCreated"
+              datetime="2024-03-17T09:13:44+08:00"
+              content="2024-03-17">
+          03-17
+        </time>
+      </div>
+
+      <div class="post-title">
+        <a class="post-title-link" href="/posts/trast-styl/" itemprop="url">
+          <span itemprop="name">样式过渡动画</span>
+        </a>
+      </div>
+
+      
+    </header>
+  </article>
+
   <article itemscope itemtype="http://schema.org/Article">
     <header class="post-header">
       <div class="post-meta-container">
@@ -391,26 +411,6 @@ <h1 class="site-title">JoyWonderful的小窝</h1>
     </header>
   </article>
 
-  <article itemscope itemtype="http://schema.org/Article">
-    <header class="post-header">
-      <div class="post-meta-container">
-        <time itemprop="dateCreated"
-              datetime="2023-08-17T20:37:48+08:00"
-              content="2023-08-17">
-          08-17
-        </time>
-      </div>
-
-      <div class="post-title">
-        <a class="post-title-link" href="/posts/stdoi-snf-pnt/" itemprop="url">
-          <span itemprop="name">scanf 和 printf 的格式符</span>
-        </a>
-      </div>
-
-      
-    </header>
-  </article>
-
 
     </div>
   </div>
diff --git a/archives/page/2/index.html b/archives/page/2/index.html
index 8180bfc1..f3bf3999 100644
--- a/archives/page/2/index.html
+++ b/archives/page/2/index.html
@@ -154,7 +154,7 @@ <h1 class="site-title">JoyWonderful的小窝</h1>
   <nav class="site-state">
       <div class="site-state-item site-state-posts">
         <a href="/archives/">
-          <span class="site-state-item-count">38</span>
+          <span class="site-state-item-count">39</span>
           <span class="site-state-item-name">日志</span>
         </a>
       </div>
@@ -165,7 +165,7 @@ <h1 class="site-title">JoyWonderful的小窝</h1>
       </div>
       <div class="site-state-item site-state-tags">
           <a href="/tags/">
-        <span class="site-state-item-count">19</span>
+        <span class="site-state-item-count">20</span>
         <span class="site-state-item-name">标签</span></a>
       </div>
   </nav>
@@ -200,7 +200,7 @@ <h1 class="site-title">JoyWonderful的小窝</h1>
     <div class="post-content">
       <div class="collection-title">
         
-        <span class="collection-header">还行! 目前共计 38 篇日志。 继续努力。</span>
+        <span class="collection-header">还行! 目前共计 39 篇日志。 继续努力。</span>
       </div>
 
       
@@ -208,6 +208,26 @@ <h1 class="site-title">JoyWonderful的小窝</h1>
       <span class="collection-header">2023</span>
     </div>
 
+  <article itemscope itemtype="http://schema.org/Article">
+    <header class="post-header">
+      <div class="post-meta-container">
+        <time itemprop="dateCreated"
+              datetime="2023-08-17T20:37:48+08:00"
+              content="2023-08-17">
+          08-17
+        </time>
+      </div>
+
+      <div class="post-title">
+        <a class="post-title-link" href="/posts/stdoi-snf-pnt/" itemprop="url">
+          <span itemprop="name">scanf 和 printf 的格式符</span>
+        </a>
+      </div>
+
+      
+    </header>
+  </article>
+
   <article itemscope itemtype="http://schema.org/Article">
     <header class="post-header">
       <div class="post-meta-container">
@@ -388,26 +408,6 @@ <h1 class="site-title">JoyWonderful的小窝</h1>
     </header>
   </article>
 
-  <article itemscope itemtype="http://schema.org/Article">
-    <header class="post-header">
-      <div class="post-meta-container">
-        <time itemprop="dateCreated"
-              datetime="2023-07-19T15:23:32+08:00"
-              content="2023-07-19">
-          07-19
-        </time>
-      </div>
-
-      <div class="post-title">
-        <a class="post-title-link" href="/posts/lianbiao/" itemprop="url">
-          <span itemprop="name">线性数据结构：链表的模板</span>
-        </a>
-      </div>
-
-      
-    </header>
-  </article>
-
 
     </div>
   </div>
diff --git a/archives/page/3/index.html b/archives/page/3/index.html
index 7d120017..cb07d2cb 100644
--- a/archives/page/3/index.html
+++ b/archives/page/3/index.html
@@ -154,7 +154,7 @@ <h1 class="site-title">JoyWonderful的小窝</h1>
   <nav class="site-state">
       <div class="site-state-item site-state-posts">
         <a href="/archives/">
-          <span class="site-state-item-count">38</span>
+          <span class="site-state-item-count">39</span>
           <span class="site-state-item-name">日志</span>
         </a>
       </div>
@@ -165,7 +165,7 @@ <h1 class="site-title">JoyWonderful的小窝</h1>
       </div>
       <div class="site-state-item site-state-tags">
           <a href="/tags/">
-        <span class="site-state-item-count">19</span>
+        <span class="site-state-item-count">20</span>
         <span class="site-state-item-name">标签</span></a>
       </div>
   </nav>
@@ -200,7 +200,7 @@ <h1 class="site-title">JoyWonderful的小窝</h1>
     <div class="post-content">
       <div class="collection-title">
         
-        <span class="collection-header">还行! 目前共计 38 篇日志。 继续努力。</span>
+        <span class="collection-header">还行! 目前共计 39 篇日志。 继续努力。</span>
       </div>
 
       
@@ -208,6 +208,26 @@ <h1 class="site-title">JoyWonderful的小窝</h1>
       <span class="collection-header">2023</span>
     </div>
 
+  <article itemscope itemtype="http://schema.org/Article">
+    <header class="post-header">
+      <div class="post-meta-container">
+        <time itemprop="dateCreated"
+              datetime="2023-07-19T15:23:32+08:00"
+              content="2023-07-19">
+          07-19
+        </time>
+      </div>
+
+      <div class="post-title">
+        <a class="post-title-link" href="/posts/lianbiao/" itemprop="url">
+          <span itemprop="name">线性数据结构：链表的模板</span>
+        </a>
+      </div>
+
+      
+    </header>
+  </article>
+
   <article itemscope itemtype="http://schema.org/Article">
     <header class="post-header">
       <div class="post-meta-container">
@@ -388,26 +408,6 @@ <h1 class="site-title">JoyWonderful的小窝</h1>
     </header>
   </article>
 
-  <article itemscope itemtype="http://schema.org/Article">
-    <header class="post-header">
-      <div class="post-meta-container">
-        <time itemprop="dateCreated"
-              datetime="2023-05-31T19:16:45+08:00"
-              content="2023-05-31">
-          05-31
-        </time>
-      </div>
-
-      <div class="post-title">
-        <a class="post-title-link" href="/posts/struct-class/" itemprop="url">
-          <span itemprop="name">C++类（结构体）</span>
-        </a>
-      </div>
-
-      
-    </header>
-  </article>
-
 
     </div>
   </div>
diff --git a/archives/page/4/index.html b/archives/page/4/index.html
index 16332323..385e9e23 100644
--- a/archives/page/4/index.html
+++ b/archives/page/4/index.html
@@ -154,7 +154,7 @@ <h1 class="site-title">JoyWonderful的小窝</h1>
   <nav class="site-state">
       <div class="site-state-item site-state-posts">
         <a href="/archives/">
-          <span class="site-state-item-count">38</span>
+          <span class="site-state-item-count">39</span>
           <span class="site-state-item-name">日志</span>
         </a>
       </div>
@@ -165,7 +165,7 @@ <h1 class="site-title">JoyWonderful的小窝</h1>
       </div>
       <div class="site-state-item site-state-tags">
           <a href="/tags/">
-        <span class="site-state-item-count">19</span>
+        <span class="site-state-item-count">20</span>
         <span class="site-state-item-name">标签</span></a>
       </div>
   </nav>
@@ -200,7 +200,7 @@ <h1 class="site-title">JoyWonderful的小窝</h1>
     <div class="post-content">
       <div class="collection-title">
         
-        <span class="collection-header">还行! 目前共计 38 篇日志。 继续努力。</span>
+        <span class="collection-header">还行! 目前共计 39 篇日志。 继续努力。</span>
       </div>
 
       
@@ -208,6 +208,26 @@ <h1 class="site-title">JoyWonderful的小窝</h1>
       <span class="collection-header">2023</span>
     </div>
 
+  <article itemscope itemtype="http://schema.org/Article">
+    <header class="post-header">
+      <div class="post-meta-container">
+        <time itemprop="dateCreated"
+              datetime="2023-05-31T19:16:45+08:00"
+              content="2023-05-31">
+          05-31
+        </time>
+      </div>
+
+      <div class="post-title">
+        <a class="post-title-link" href="/posts/struct-class/" itemprop="url">
+          <span itemprop="name">C++类（结构体）</span>
+        </a>
+      </div>
+
+      
+    </header>
+  </article>
+
   <article itemscope itemtype="http://schema.org/Article">
     <header class="post-header">
       <div class="post-meta-container">
diff --git a/categories/index.html b/categories/index.html
index 17562582..fd4d8a52 100644
--- a/categories/index.html
+++ b/categories/index.html
@@ -157,7 +157,7 @@
   <nav class="site-state">
       <div class="site-state-item site-state-posts">
         <a href="/archives/">
-          <span class="site-state-item-count">38</span>
+          <span class="site-state-item-count">39</span>
           <span class="site-state-item-name">日志</span>
         </a>
       </div>
@@ -168,7 +168,7 @@
       </div>
       <div class="site-state-item site-state-tags">
           <a href="/tags/">
-        <span class="site-state-item-count">19</span>
+        <span class="site-state-item-count">20</span>
         <span class="site-state-item-name">标签</span></a>
       </div>
   </nav>
@@ -216,7 +216,7 @@ <h1 class="post-title" itemprop="name headline">分类
     目前共计 3 个分类
   </div>
   <div class="category-all">
-    <ul class="category-list"><li class="category-list-item"><a class="category-list-link" href="/categories/%E7%90%90%E7%A2%8E/">琐碎</a><span class="category-list-count">3</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E7%BC%96%E7%A8%8B%E9%9A%8F%E8%AE%B0/">编程随记</a><span class="category-list-count">13</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E8%AF%BE%E7%A8%8B%E7%AC%94%E8%AE%B0/">课程笔记</a><span class="category-list-count">22</span></li></ul>
+    <ul class="category-list"><li class="category-list-item"><a class="category-list-link" href="/categories/%E7%90%90%E7%A2%8E/">琐碎</a><span class="category-list-count">3</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E7%BC%96%E7%A8%8B%E9%9A%8F%E8%AE%B0/">编程随记</a><span class="category-list-count">14</span></li><li class="category-list-item"><a class="category-list-link" href="/categories/%E8%AF%BE%E7%A8%8B%E7%AC%94%E8%AE%B0/">课程笔记</a><span class="category-list-count">22</span></li></ul>
   </div>
 </div>
 
diff --git "a/categories/\347\220\220\347\242\216/index.html" "b/categories/\347\220\220\347\242\216/index.html"
index ca9dd22b..e5110472 100644
--- "a/categories/\347\220\220\347\242\216/index.html"
+++ "b/categories/\347\220\220\347\242\216/index.html"
@@ -154,7 +154,7 @@
   <nav class="site-state">
       <div class="site-state-item site-state-posts">
         <a href="/archives/">
-          <span class="site-state-item-count">38</span>
+          <span class="site-state-item-count">39</span>
           <span class="site-state-item-name">日志</span>
         </a>
       </div>
@@ -165,7 +165,7 @@
       </div>
       <div class="site-state-item site-state-tags">
           <a href="/tags/">
-        <span class="site-state-item-count">19</span>
+        <span class="site-state-item-count">20</span>
         <span class="site-state-item-name">标签</span></a>
       </div>
   </nav>
diff --git "a/categories/\347\274\226\347\250\213\351\232\217\350\256\260/index.html" "b/categories/\347\274\226\347\250\213\351\232\217\350\256\260/index.html"
index f2867552..72167d3c 100644
--- "a/categories/\347\274\226\347\250\213\351\232\217\350\256\260/index.html"
+++ "b/categories/\347\274\226\347\250\213\351\232\217\350\256\260/index.html"
@@ -154,7 +154,7 @@
   <nav class="site-state">
       <div class="site-state-item site-state-posts">
         <a href="/archives/">
-          <span class="site-state-item-count">38</span>
+          <span class="site-state-item-count">39</span>
           <span class="site-state-item-name">日志</span>
         </a>
       </div>
@@ -165,7 +165,7 @@
       </div>
       <div class="site-state-item site-state-tags">
           <a href="/tags/">
-        <span class="site-state-item-count">19</span>
+        <span class="site-state-item-count">20</span>
         <span class="site-state-item-name">标签</span></a>
       </div>
   </nav>
@@ -209,6 +209,26 @@ <h1 class="collection-header">编程随记
       <span class="collection-header">2024</span>
     </div>
 
+  <article itemscope itemtype="http://schema.org/Article">
+    <header class="post-header">
+      <div class="post-meta-container">
+        <time itemprop="dateCreated"
+              datetime="2024-03-17T09:13:44+08:00"
+              content="2024-03-17">
+          03-17
+        </time>
+      </div>
+
+      <div class="post-title">
+        <a class="post-title-link" href="/posts/trast-styl/" itemprop="url">
+          <span itemprop="name">样式过渡动画</span>
+        </a>
+      </div>
+
+      
+    </header>
+  </article>
+
   <article itemscope itemtype="http://schema.org/Article">
     <header class="post-header">
       <div class="post-meta-container">
@@ -392,26 +412,6 @@ <h1 class="collection-header">编程随记
     </header>
   </article>
 
-  <article itemscope itemtype="http://schema.org/Article">
-    <header class="post-header">
-      <div class="post-meta-container">
-        <time itemprop="dateCreated"
-              datetime="2023-08-12T10:00:41+08:00"
-              content="2023-08-12">
-          08-12
-        </time>
-      </div>
-
-      <div class="post-title">
-        <a class="post-title-link" href="/posts/jinzhi/" itemprop="url">
-          <span itemprop="name">有关进制的一些小记</span>
-        </a>
-      </div>
-
-      
-    </header>
-  </article>
-
     </div>
   </div>
   
diff --git "a/categories/\347\274\226\347\250\213\351\232\217\350\256\260/page/2/index.html" "b/categories/\347\274\226\347\250\213\351\232\217\350\256\260/page/2/index.html"
index 99b37486..1f0f76b2 100644
--- "a/categories/\347\274\226\347\250\213\351\232\217\350\256\260/page/2/index.html"
+++ "b/categories/\347\274\226\347\250\213\351\232\217\350\256\260/page/2/index.html"
@@ -154,7 +154,7 @@
   <nav class="site-state">
       <div class="site-state-item site-state-posts">
         <a href="/archives/">
-          <span class="site-state-item-count">38</span>
+          <span class="site-state-item-count">39</span>
           <span class="site-state-item-name">日志</span>
         </a>
       </div>
@@ -165,7 +165,7 @@
       </div>
       <div class="site-state-item site-state-tags">
           <a href="/tags/">
-        <span class="site-state-item-count">19</span>
+        <span class="site-state-item-count">20</span>
         <span class="site-state-item-name">标签</span></a>
       </div>
   </nav>
@@ -209,6 +209,26 @@ <h1 class="collection-header">编程随记
       <span class="collection-header">2023</span>
     </div>
 
+  <article itemscope itemtype="http://schema.org/Article">
+    <header class="post-header">
+      <div class="post-meta-container">
+        <time itemprop="dateCreated"
+              datetime="2023-08-12T10:00:41+08:00"
+              content="2023-08-12">
+          08-12
+        </time>
+      </div>
+
+      <div class="post-title">
+        <a class="post-title-link" href="/posts/jinzhi/" itemprop="url">
+          <span itemprop="name">有关进制的一些小记</span>
+        </a>
+      </div>
+
+      
+    </header>
+  </article>
+
   <article itemscope itemtype="http://schema.org/Article">
     <header class="post-header">
       <div class="post-meta-container">
diff --git "a/categories/\350\257\276\347\250\213\347\254\224\350\256\260/index.html" "b/categories/\350\257\276\347\250\213\347\254\224\350\256\260/index.html"
index 478a71ca..3f46786e 100644
--- "a/categories/\350\257\276\347\250\213\347\254\224\350\256\260/index.html"
+++ "b/categories/\350\257\276\347\250\213\347\254\224\350\256\260/index.html"
@@ -154,7 +154,7 @@
   <nav class="site-state">
       <div class="site-state-item site-state-posts">
         <a href="/archives/">
-          <span class="site-state-item-count">38</span>
+          <span class="site-state-item-count">39</span>
           <span class="site-state-item-name">日志</span>
         </a>
       </div>
@@ -165,7 +165,7 @@
       </div>
       <div class="site-state-item site-state-tags">
           <a href="/tags/">
-        <span class="site-state-item-count">19</span>
+        <span class="site-state-item-count">20</span>
         <span class="site-state-item-name">标签</span></a>
       </div>
   </nav>
diff --git "a/categories/\350\257\276\347\250\213\347\254\224\350\256\260/page/2/index.html" "b/categories/\350\257\276\347\250\213\347\254\224\350\256\260/page/2/index.html"
index c28953f9..8e11a5de 100644
--- "a/categories/\350\257\276\347\250\213\347\254\224\350\256\260/page/2/index.html"
+++ "b/categories/\350\257\276\347\250\213\347\254\224\350\256\260/page/2/index.html"
@@ -154,7 +154,7 @@
   <nav class="site-state">
       <div class="site-state-item site-state-posts">
         <a href="/archives/">
-          <span class="site-state-item-count">38</span>
+          <span class="site-state-item-count">39</span>
           <span class="site-state-item-name">日志</span>
         </a>
       </div>
@@ -165,7 +165,7 @@
       </div>
       <div class="site-state-item site-state-tags">
           <a href="/tags/">
-        <span class="site-state-item-count">19</span>
+        <span class="site-state-item-count">20</span>
         <span class="site-state-item-name">标签</span></a>
       </div>
   </nav>
diff --git "a/categories/\350\257\276\347\250\213\347\254\224\350\256\260/page/3/index.html" "b/categories/\350\257\276\347\250\213\347\254\224\350\256\260/page/3/index.html"
index ba4ca6d1..76e445f5 100644
--- "a/categories/\350\257\276\347\250\213\347\254\224\350\256\260/page/3/index.html"
+++ "b/categories/\350\257\276\347\250\213\347\254\224\350\256\260/page/3/index.html"
@@ -154,7 +154,7 @@
   <nav class="site-state">
       <div class="site-state-item site-state-posts">
         <a href="/archives/">
-          <span class="site-state-item-count">38</span>
+          <span class="site-state-item-count">39</span>
           <span class="site-state-item-name">日志</span>
         </a>
       </div>
@@ -165,7 +165,7 @@
       </div>
       <div class="site-state-item site-state-tags">
           <a href="/tags/">
-        <span class="site-state-item-count">19</span>
+        <span class="site-state-item-count">20</span>
         <span class="site-state-item-name">标签</span></a>
       </div>
   </nav>
diff --git a/comments/index.html b/comments/index.html
index 008542a5..2db6d810 100644
--- a/comments/index.html
+++ b/comments/index.html
@@ -159,7 +159,7 @@
   <nav class="site-state">
       <div class="site-state-item site-state-posts">
         <a href="/archives/">
-          <span class="site-state-item-count">38</span>
+          <span class="site-state-item-count">39</span>
           <span class="site-state-item-name">日志</span>
         </a>
       </div>
@@ -170,7 +170,7 @@
       </div>
       <div class="site-state-item site-state-tags">
           <a href="/tags/">
-        <span class="site-state-item-count">19</span>
+        <span class="site-state-item-count">20</span>
         <span class="site-state-item-name">标签</span></a>
       </div>
   </nav>
diff --git a/friends/index.html b/friends/index.html
index 8ded2aef..b1d5e591 100644
--- a/friends/index.html
+++ b/friends/index.html
@@ -164,7 +164,7 @@
   <nav class="site-state">
       <div class="site-state-item site-state-posts">
         <a href="/archives/">
-          <span class="site-state-item-count">38</span>
+          <span class="site-state-item-count">39</span>
           <span class="site-state-item-name">日志</span>
         </a>
       </div>
@@ -175,7 +175,7 @@
       </div>
       <div class="site-state-item site-state-tags">
           <a href="/tags/">
-        <span class="site-state-item-count">19</span>
+        <span class="site-state-item-count">20</span>
         <span class="site-state-item-name">标签</span></a>
       </div>
   </nav>
diff --git a/index.html b/index.html
index 727a92ef..fa094d9e 100644
--- a/index.html
+++ b/index.html
@@ -154,7 +154,7 @@ <h1 class="site-title">JoyWonderful的小窝</h1>
   <nav class="site-state">
       <div class="site-state-item site-state-posts">
         <a href="/archives/">
-          <span class="site-state-item-count">38</span>
+          <span class="site-state-item-count">39</span>
           <span class="site-state-item-name">日志</span>
         </a>
       </div>
@@ -165,7 +165,7 @@ <h1 class="site-title">JoyWonderful的小窝</h1>
       </div>
       <div class="site-state-item site-state-tags">
           <a href="/tags/">
-        <span class="site-state-item-count">19</span>
+        <span class="site-state-item-count">20</span>
         <span class="site-state-item-name">标签</span></a>
       </div>
   </nav>
@@ -200,7 +200,7 @@ <h1 class="site-title">JoyWonderful的小窝</h1>
   
 
   <article itemscope itemtype="http://schema.org/Article" class="post-content" lang="">
-    <link itemprop="mainEntityOfPage" href="https://joywonderful.github.io/posts/chrome-ext/">
+    <link itemprop="mainEntityOfPage" href="https://joywonderful.github.io/posts/trast-styl/">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="/images/avatar.gif">
@@ -218,7 +218,7 @@ <h1 class="site-title">JoyWonderful的小窝</h1>
     </span>
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
-          <a href="/posts/chrome-ext/" class="post-title-link" itemprop="url">更改 Edge 新标签页 —— 简单浏览器扩展</a>
+          <a href="/posts/trast-styl/" class="post-title-link" itemprop="url">样式过渡动画</a>
         </h2>
 
         <div class="post-meta-container">
@@ -230,7 +230,7 @@ <h2 class="post-title" itemprop="name headline">
       <span class="post-meta-item-text">发表于</span>
       
 
-      <time title="创建时间：2024-03-02 17:13:45 / 修改时间：21:16:13" itemprop="dateCreated datePublished" datetime="2024-03-02T17:13:45+08:00">2024-03-02</time>
+      <time title="创建时间：2024-03-17 09:13:44 / 修改时间：12:29:53" itemprop="dateCreated datePublished" datetime="2024-03-17T09:13:44+08:00">2024-03-17</time>
     </span>
     <span class="post-meta-item">
       <span class="post-meta-item-icon">
@@ -252,9 +252,8 @@ <h2 class="post-title" itemprop="name headline">
     
     
     <div class="post-body" itemprop="articleBody">
-          <p>这是记录写简单的一个 Chomium 扩展的一篇文章。<br>主要是用扩展覆盖默认标签页，随后 HTML 引用 JS 进行（模拟）重定向到 chrome-search://local-ntp/local-ntp.html。</p>
-<h2 id="开始"><a href="#开始" class="headerlink" title="开始"></a>开始</h2><p>浏览器扩展都需要 <strong>manifest.json</strong> 文件。先新建一个文件夹，在里面添加了这个文件。</p>
-<p>由于需要覆盖新标签页，需要 <a target="_blank" rel="noopener" href="https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/chrome_url_overrides"><code>chrome_url_overrides.newtab</code></a> 属性。它可以覆盖新的标签页，指定为扩展（文件夹）内的 HTML 文件（不能使用第三方 URL）。<br>随后还需要增加必要的值：<code>name</code>，<code>version</code> 和 <code>manifest_version</code>。它们分别对应扩展显示的名字，显示的版本和 manifest 的版本，manifest 的版本填 3 就可以了。</p>
+          <p>一些可以用到 <code>:hover</code> 状态上的样式过渡。</p>
+<p>以下的效果主要是通过 <strong>伪元素</strong> 实现的。感觉麻烦，直接加上 <code>transition: all .4s ease-in-out</code>。把下面那些记在这儿是方便自己以后用。<del>“感觉麻烦…”这句话也是给自己看的（逃</del></p>
           <!--noindex-->
           <!--/noindex-->
         
@@ -283,7 +282,7 @@ <h2 id="开始"><a href="#开始" class="headerlink" title="开始"></a>开始</
   
 
   <article itemscope itemtype="http://schema.org/Article" class="post-content" lang="">
-    <link itemprop="mainEntityOfPage" href="https://joywonderful.github.io/posts/waline-set/">
+    <link itemprop="mainEntityOfPage" href="https://joywonderful.github.io/posts/chrome-ext/">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="/images/avatar.gif">
@@ -301,7 +300,7 @@ <h2 id="开始"><a href="#开始" class="headerlink" title="开始"></a>开始</
     </span>
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
-          <a href="/posts/waline-set/" class="post-title-link" itemprop="url">Waline 评论加入记录</a>
+          <a href="/posts/chrome-ext/" class="post-title-link" itemprop="url">更改 Edge 新标签页 —— 简单浏览器扩展</a>
         </h2>
 
         <div class="post-meta-container">
@@ -313,7 +312,7 @@ <h2 class="post-title" itemprop="name headline">
       <span class="post-meta-item-text">发表于</span>
       
 
-      <time title="创建时间：2024-02-05 15:53:18 / 修改时间：17:03:32" itemprop="dateCreated datePublished" datetime="2024-02-05T15:53:18+08:00">2024-02-05</time>
+      <time title="创建时间：2024-03-02 17:13:45 / 修改时间：21:16:13" itemprop="dateCreated datePublished" datetime="2024-03-02T17:13:45+08:00">2024-03-02</time>
     </span>
     <span class="post-meta-item">
       <span class="post-meta-item-icon">
@@ -335,7 +334,9 @@ <h2 class="post-title" itemprop="name headline">
     
     
     <div class="post-body" itemprop="articleBody">
-          <p>看了看“<a href="/archives">归档</a>”页面才发现自己没有在 2024 <strong>发布</strong>过文章。最近寒假作业写累了（思维导图太烦啦），就更新了下留言板，从 <a target="_blank" rel="noopener" href="https://giscus.app/zh-CN">giscus</a> 换成了 <a target="_blank" rel="noopener" href="https://waline.js.org/">waline</a>，不用登录就可以留言了，管理也更方便。  </p>
+          <p>这是记录写简单的一个 Chomium 扩展的一篇文章。<br>主要是用扩展覆盖默认标签页，随后 HTML 引用 JS 进行（模拟）重定向到 chrome-search://local-ntp/local-ntp.html。</p>
+<h2 id="开始"><a href="#开始" class="headerlink" title="开始"></a>开始</h2><p>浏览器扩展都需要 <strong>manifest.json</strong> 文件。先新建一个文件夹，在里面添加了这个文件。</p>
+<p>由于需要覆盖新标签页，需要 <a target="_blank" rel="noopener" href="https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/chrome_url_overrides"><code>chrome_url_overrides.newtab</code></a> 属性。它可以覆盖新的标签页，指定为扩展（文件夹）内的 HTML 文件（不能使用第三方 URL）。<br>随后还需要增加必要的值：<code>name</code>，<code>version</code> 和 <code>manifest_version</code>。它们分别对应扩展显示的名字，显示的版本和 manifest 的版本，manifest 的版本填 3 就可以了。</p>
           <!--noindex-->
           <!--/noindex-->
         
@@ -364,7 +365,7 @@ <h2 class="post-title" itemprop="name headline">
   
 
   <article itemscope itemtype="http://schema.org/Article" class="post-content" lang="">
-    <link itemprop="mainEntityOfPage" href="https://joywonderful.github.io/posts/seventh-lianbi/">
+    <link itemprop="mainEntityOfPage" href="https://joywonderful.github.io/posts/waline-set/">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="/images/avatar.gif">
@@ -382,7 +383,7 @@ <h2 class="post-title" itemprop="name headline">
     </span>
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
-          <a href="/posts/seventh-lianbi/" class="post-title-link" itemprop="url">一些随笔记录和想法</a>
+          <a href="/posts/waline-set/" class="post-title-link" itemprop="url">Waline 评论加入记录</a>
         </h2>
 
         <div class="post-meta-container">
@@ -392,15 +393,9 @@ <h2 class="post-title" itemprop="name headline">
         <i class="far fa-calendar"></i>
       </span>
       <span class="post-meta-item-text">发表于</span>
+      
 
-      <time title="创建时间：2023-12-31 17:20:14" itemprop="dateCreated datePublished" datetime="2023-12-31T17:20:14+08:00">2023-12-31</time>
-    </span>
-    <span class="post-meta-item">
-      <span class="post-meta-item-icon">
-        <i class="far fa-calendar-check"></i>
-      </span>
-      <span class="post-meta-item-text">更新于</span>
-      <time title="修改时间：2024-01-01 15:37:46" itemprop="dateModified" datetime="2024-01-01T15:37:46+08:00">2024-01-01</time>
+      <time title="创建时间：2024-02-05 15:53:18 / 修改时间：17:03:32" itemprop="dateCreated datePublished" datetime="2024-02-05T15:53:18+08:00">2024-02-05</time>
     </span>
     <span class="post-meta-item">
       <span class="post-meta-item-icon">
@@ -408,7 +403,7 @@ <h2 class="post-title" itemprop="name headline">
       </span>
       <span class="post-meta-item-text">分类于</span>
         <span itemprop="about" itemscope itemtype="http://schema.org/Thing">
-          <a href="/categories/%E7%90%90%E7%A2%8E/" itemprop="url" rel="index"><span itemprop="name">琐碎</span></a>
+          <a href="/categories/%E7%BC%96%E7%A8%8B%E9%9A%8F%E8%AE%B0/" itemprop="url" rel="index"><span itemprop="name">编程随记</span></a>
         </span>
     </span>
 
@@ -422,43 +417,7 @@ <h2 class="post-title" itemprop="name headline">
     
     
     <div class="post-body" itemprop="articleBody">
-          <style>
-    .hide-blur {
-        filter: blur(5px);
-        transition: filter .1s
-    }
-    .hide-blur:hover {
-        filter: none;
-    }
-    .lianbi-block p:not(.pinyu) {
-        text-indent: 2ic;
-        line-height: 1.5;
-        margin-bottom: .2em;
-    }
-    .lianbi-block .lianbi-title {
-        font-weight: bold;
-        text-align: center;
-        display: block;
-    }
-    .lianbi-block .gdg {
-        text-decoration: #d60000 wavy underline;
-        text-decoration-thickness: 1px;
-    }
-    .lianbi-block .pinyu {
-        color: #d60000;
-        font-family: fangsong;
-        font-weight: 900;
-        line-height: 1.5;
-        text-align: right;
-        margin: 0 0 1em;
-        display: block;
-    }
-    .lianbi-block#lianbi3 del {
-        background-color: #999;
-    }
-</style>
-
-<p><strong>写在前面的废话：</strong><br>又是一篇分类于“琐碎”的文章。<br>加上这篇文章，这个分类下<del>才</del>有三篇文章。想来这个博客在运行 <code>hexo init</code> 之初，我就没想过写生活向的文章。如今“琐碎”下，一篇是画，两篇是作文收集，勉强算是透露了点生活向。<br>想想自己喜欢的，是 HTML, CSS, JavaScript 给我带来的<strong>样式美化</strong>、<strong>多样性</strong>和<strong>自主性</strong>。不然我怎么不记到 .txt 里呢？也不知初衷是什么，唉，这样弄又有些喧宾夺主了。多年后看到，也就微微一笑，笑自己写出的东西<span class="hide-blur" balloon-shown="up" aria-label="看它有什么用呢">古怪？</span>吧。</p>
+          <p>看了看“<a href="/archives">归档</a>”页面才发现自己没有在 2024 <strong>发布</strong>过文章。最近寒假作业写累了（思维导图太烦啦），就更新了下留言板，从 <a target="_blank" rel="noopener" href="https://giscus.app/zh-CN">giscus</a> 换成了 <a target="_blank" rel="noopener" href="https://waline.js.org/">waline</a>，不用登录就可以留言了，管理也更方便。  </p>
           <!--noindex-->
           <!--/noindex-->
         
@@ -487,7 +446,7 @@ <h2 class="post-title" itemprop="name headline">
   
 
   <article itemscope itemtype="http://schema.org/Article" class="post-content" lang="">
-    <link itemprop="mainEntityOfPage" href="https://joywonderful.github.io/posts/hexo-pretty/">
+    <link itemprop="mainEntityOfPage" href="https://joywonderful.github.io/posts/seventh-lianbi/">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="/images/avatar.gif">
@@ -505,7 +464,7 @@ <h2 class="post-title" itemprop="name headline">
     </span>
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
-          <a href="/posts/hexo-pretty/" class="post-title-link" itemprop="url">Hexo 建立静态博客记录</a>
+          <a href="/posts/seventh-lianbi/" class="post-title-link" itemprop="url">一些随笔记录和想法</a>
         </h2>
 
         <div class="post-meta-container">
@@ -516,14 +475,14 @@ <h2 class="post-title" itemprop="name headline">
       </span>
       <span class="post-meta-item-text">发表于</span>
 
-      <time title="创建时间：2023-12-26 15:35:17" itemprop="dateCreated datePublished" datetime="2023-12-26T15:35:17+08:00">2023-12-26</time>
+      <time title="创建时间：2023-12-31 17:20:14" itemprop="dateCreated datePublished" datetime="2023-12-31T17:20:14+08:00">2023-12-31</time>
     </span>
     <span class="post-meta-item">
       <span class="post-meta-item-icon">
         <i class="far fa-calendar-check"></i>
       </span>
       <span class="post-meta-item-text">更新于</span>
-      <time title="修改时间：2024-03-10 19:05:16" itemprop="dateModified" datetime="2024-03-10T19:05:16+08:00">2024-03-10</time>
+      <time title="修改时间：2024-01-01 15:37:46" itemprop="dateModified" datetime="2024-01-01T15:37:46+08:00">2024-01-01</time>
     </span>
     <span class="post-meta-item">
       <span class="post-meta-item-icon">
@@ -531,7 +490,7 @@ <h2 class="post-title" itemprop="name headline">
       </span>
       <span class="post-meta-item-text">分类于</span>
         <span itemprop="about" itemscope itemtype="http://schema.org/Thing">
-          <a href="/categories/%E7%BC%96%E7%A8%8B%E9%9A%8F%E8%AE%B0/" itemprop="url" rel="index"><span itemprop="name">编程随记</span></a>
+          <a href="/categories/%E7%90%90%E7%A2%8E/" itemprop="url" rel="index"><span itemprop="name">琐碎</span></a>
         </span>
     </span>
 
@@ -545,10 +504,43 @@ <h2 class="post-title" itemprop="name headline">
     
     
     <div class="post-body" itemprop="articleBody">
-          <p>这篇文章主要是为了记录自己用 Hexo 建站（主题 NexT）的经过，方便他人查阅和自己以后用。<br>关于 Hexo 的准备，可以看<a target="_blank" rel="noopener" href="https://hexo.io/zh-cn/docs/index.html">官方文档 <i class="fa fa-arrow-up-right-from-square" style="font-size:15px;"></i></a>，关于主题 NexT 的，可以看 <a target="_blank" rel="noopener" href="https://theme-next.js.org/docs/">这里 <i class="fa fa-arrow-up-right-from-square" style="font-size:15px;"></i></a></p>
-<p>如果你是的阅读目的是准备第一次使用 Hexo 搭博客，可以遵照本文提示看。<br>如果你准备美化你的 Hexo（最好且主题为 NexT）的博客，可以跳到<a href="#更多修改"><i class="fa fa-hashtag fa-sm"></i>更多高阶美化</a></p>
-<div class="note info"><p style="color:#428bca;margin-bottom:0px;font-weight:bold;">操作系统的异同</p>
-<span>各种操作系统的过程基本一致。本文中的安装环境的主要做法是直接通过官网下载安装，其他下载方法也可行，这里不列举。</span></div>
+          <style>
+    .hide-blur {
+        filter: blur(5px);
+        transition: filter .1s
+    }
+    .hide-blur:hover {
+        filter: none;
+    }
+    .lianbi-block p:not(.pinyu) {
+        text-indent: 2ic;
+        line-height: 1.5;
+        margin-bottom: .2em;
+    }
+    .lianbi-block .lianbi-title {
+        font-weight: bold;
+        text-align: center;
+        display: block;
+    }
+    .lianbi-block .gdg {
+        text-decoration: #d60000 wavy underline;
+        text-decoration-thickness: 1px;
+    }
+    .lianbi-block .pinyu {
+        color: #d60000;
+        font-family: fangsong;
+        font-weight: 900;
+        line-height: 1.5;
+        text-align: right;
+        margin: 0 0 1em;
+        display: block;
+    }
+    .lianbi-block#lianbi3 del {
+        background-color: #999;
+    }
+</style>
+
+<p><strong>写在前面的废话：</strong><br>又是一篇分类于“琐碎”的文章。<br>加上这篇文章，这个分类下<del>才</del>有三篇文章。想来这个博客在运行 <code>hexo init</code> 之初，我就没想过写生活向的文章。如今“琐碎”下，一篇是画，两篇是作文收集，勉强算是透露了点生活向。<br>想想自己喜欢的，是 HTML, CSS, JavaScript 给我带来的<strong>样式美化</strong>、<strong>多样性</strong>和<strong>自主性</strong>。不然我怎么不记到 .txt 里呢？也不知初衷是什么，唉，这样弄又有些喧宾夺主了。多年后看到，也就微微一笑，笑自己写出的东西<span class="hide-blur" balloon-shown="up" aria-label="看它有什么用呢">古怪？</span>吧。</p>
           <!--noindex-->
           <!--/noindex-->
         
@@ -577,7 +569,7 @@ <h2 class="post-title" itemprop="name headline">
   
 
   <article itemscope itemtype="http://schema.org/Article" class="post-content" lang="">
-    <link itemprop="mainEntityOfPage" href="https://joywonderful.github.io/posts/erase-css/">
+    <link itemprop="mainEntityOfPage" href="https://joywonderful.github.io/posts/hexo-pretty/">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="/images/avatar.gif">
@@ -595,7 +587,7 @@ <h2 class="post-title" itemprop="name headline">
     </span>
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
-          <a href="/posts/erase-css/" class="post-title-link" itemprop="url">消失效果</a>
+          <a href="/posts/hexo-pretty/" class="post-title-link" itemprop="url">Hexo 建立静态博客记录</a>
         </h2>
 
         <div class="post-meta-container">
@@ -605,9 +597,15 @@ <h2 class="post-title" itemprop="name headline">
         <i class="far fa-calendar"></i>
       </span>
       <span class="post-meta-item-text">发表于</span>
-      
 
-      <time title="创建时间：2023-12-16 09:58:12 / 修改时间：15:06:43" itemprop="dateCreated datePublished" datetime="2023-12-16T09:58:12+08:00">2023-12-16</time>
+      <time title="创建时间：2023-12-26 15:35:17" itemprop="dateCreated datePublished" datetime="2023-12-26T15:35:17+08:00">2023-12-26</time>
+    </span>
+    <span class="post-meta-item">
+      <span class="post-meta-item-icon">
+        <i class="far fa-calendar-check"></i>
+      </span>
+      <span class="post-meta-item-text">更新于</span>
+      <time title="修改时间：2024-03-10 19:05:16" itemprop="dateModified" datetime="2024-03-10T19:05:16+08:00">2024-03-10</time>
     </span>
     <span class="post-meta-item">
       <span class="post-meta-item-icon">
@@ -629,14 +627,10 @@ <h2 class="post-title" itemprop="name headline">
     
     
     <div class="post-body" itemprop="articleBody">
-          <p>从 ncase.me 学来的，可以自己看源码。主要是通过<strong>背景图片</strong>的位置实现。结合了 CSS 和 JS。<br>可以自己增加一个函数在隐藏时执行。<br>你只要这样就可以：</p>
-<pre class="language-markup" data-language="markup"><code class="language-markup"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>p</span><span class="token punctuation">></span></span>
-    美好的文字
-    Have a good day!
-    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>scratcher<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">></span></span>
-<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>p</span><span class="token punctuation">></span></span></code></pre>
-
-<p>代码和示例请看下面。</p>
+          <p>这篇文章主要是为了记录自己用 Hexo 建站（主题 NexT）的经过，方便他人查阅和自己以后用。<br>关于 Hexo 的准备，可以看<a target="_blank" rel="noopener" href="https://hexo.io/zh-cn/docs/index.html">官方文档 <i class="fa fa-arrow-up-right-from-square" style="font-size:15px;"></i></a>，关于主题 NexT 的，可以看 <a target="_blank" rel="noopener" href="https://theme-next.js.org/docs/">这里 <i class="fa fa-arrow-up-right-from-square" style="font-size:15px;"></i></a></p>
+<p>如果你是的阅读目的是准备第一次使用 Hexo 搭博客，可以遵照本文提示看。<br>如果你准备美化你的 Hexo（最好且主题为 NexT）的博客，可以跳到<a href="#更多修改"><i class="fa fa-hashtag fa-sm"></i>更多高阶美化</a></p>
+<div class="note info"><p style="color:#428bca;margin-bottom:0px;font-weight:bold;">操作系统的异同</p>
+<span>各种操作系统的过程基本一致。本文中的安装环境的主要做法是直接通过官网下载安装，其他下载方法也可行，这里不列举。</span></div>
           <!--noindex-->
           <!--/noindex-->
         
diff --git a/page/2/index.html b/page/2/index.html
index 86723842..decda216 100644
--- a/page/2/index.html
+++ b/page/2/index.html
@@ -154,7 +154,7 @@ <h1 class="site-title">JoyWonderful的小窝</h1>
   <nav class="site-state">
       <div class="site-state-item site-state-posts">
         <a href="/archives/">
-          <span class="site-state-item-count">38</span>
+          <span class="site-state-item-count">39</span>
           <span class="site-state-item-name">日志</span>
         </a>
       </div>
@@ -165,7 +165,7 @@ <h1 class="site-title">JoyWonderful的小窝</h1>
       </div>
       <div class="site-state-item site-state-tags">
           <a href="/tags/">
-        <span class="site-state-item-count">19</span>
+        <span class="site-state-item-count">20</span>
         <span class="site-state-item-name">标签</span></a>
       </div>
   </nav>
@@ -200,7 +200,7 @@ <h1 class="site-title">JoyWonderful的小窝</h1>
   
 
   <article itemscope itemtype="http://schema.org/Article" class="post-content" lang="">
-    <link itemprop="mainEntityOfPage" href="https://joywonderful.github.io/posts/bichaj/">
+    <link itemprop="mainEntityOfPage" href="https://joywonderful.github.io/posts/erase-css/">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="/images/avatar.gif">
@@ -218,7 +218,7 @@ <h1 class="site-title">JoyWonderful的小窝</h1>
     </span>
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
-          <a href="/posts/bichaj/" class="post-title-link" itemprop="url">并查集概念</a>
+          <a href="/posts/erase-css/" class="post-title-link" itemprop="url">消失效果</a>
         </h2>
 
         <div class="post-meta-container">
@@ -228,15 +228,9 @@ <h2 class="post-title" itemprop="name headline">
         <i class="far fa-calendar"></i>
       </span>
       <span class="post-meta-item-text">发表于</span>
+      
 
-      <time title="创建时间：2023-11-26 10:29:30" itemprop="dateCreated datePublished" datetime="2023-11-26T10:29:30+08:00">2023-11-26</time>
-    </span>
-    <span class="post-meta-item">
-      <span class="post-meta-item-icon">
-        <i class="far fa-calendar-check"></i>
-      </span>
-      <span class="post-meta-item-text">更新于</span>
-      <time title="修改时间：2024-03-10 19:25:53" itemprop="dateModified" datetime="2024-03-10T19:25:53+08:00">2024-03-10</time>
+      <time title="创建时间：2023-12-16 09:58:12 / 修改时间：15:06:43" itemprop="dateCreated datePublished" datetime="2023-12-16T09:58:12+08:00">2023-12-16</time>
     </span>
     <span class="post-meta-item">
       <span class="post-meta-item-icon">
@@ -244,7 +238,7 @@ <h2 class="post-title" itemprop="name headline">
       </span>
       <span class="post-meta-item-text">分类于</span>
         <span itemprop="about" itemscope itemtype="http://schema.org/Thing">
-          <a href="/categories/%E8%AF%BE%E7%A8%8B%E7%AC%94%E8%AE%B0/" itemprop="url" rel="index"><span itemprop="name">课程笔记</span></a>
+          <a href="/categories/%E7%BC%96%E7%A8%8B%E9%9A%8F%E8%AE%B0/" itemprop="url" rel="index"><span itemprop="name">编程随记</span></a>
         </span>
     </span>
 
@@ -258,10 +252,14 @@ <h2 class="post-title" itemprop="name headline">
     
     
     <div class="post-body" itemprop="articleBody">
-          <h2 id="写在前面"><a href="#写在前面" class="headerlink" title="写在前面"></a>写在前面</h2><blockquote>
-<p>又有好长时间没有写过课程笔记了啊~<br><span style="display:block;text-align:right">—— by JoyWonderful</span></p>
-</blockquote>
-<p><strong>并查集</strong>就是将一些集合融合，然后查询某个数字和某个数字是否在这个集合里<del>（蒟蒻奇怪的自我理解，大概也没人看这句话）</del>。<br>并查集有一个思想，一个元素的父亲为自己，这是<strong>初始化</strong>时会用到的。</p>
+          <p>从 ncase.me 学来的，可以自己看源码。主要是通过<strong>背景图片</strong>的位置实现。结合了 CSS 和 JS。<br>可以自己增加一个函数在隐藏时执行。<br>你只要这样就可以：</p>
+<pre class="language-markup" data-language="markup"><code class="language-markup"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>p</span><span class="token punctuation">></span></span>
+    美好的文字
+    Have a good day!
+    <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>scratcher<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">></span></span>
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>p</span><span class="token punctuation">></span></span></code></pre>
+
+<p>代码和示例请看下面。</p>
           <!--noindex-->
           <!--/noindex-->
         
@@ -290,7 +288,7 @@ <h2 id="写在前面"><a href="#写在前面" class="headerlink" title="写在
   
 
   <article itemscope itemtype="http://schema.org/Article" class="post-content" lang="">
-    <link itemprop="mainEntityOfPage" href="https://joywonderful.github.io/posts/hover-show/">
+    <link itemprop="mainEntityOfPage" href="https://joywonderful.github.io/posts/bichaj/">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="/images/avatar.gif">
@@ -308,7 +306,7 @@ <h2 id="写在前面"><a href="#写在前面" class="headerlink" title="写在
     </span>
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
-          <a href="/posts/hover-show/" class="post-title-link" itemprop="url">CSS 鼠标悬浮窗口效果</a>
+          <a href="/posts/bichaj/" class="post-title-link" itemprop="url">并查集概念</a>
         </h2>
 
         <div class="post-meta-container">
@@ -319,14 +317,14 @@ <h2 class="post-title" itemprop="name headline">
       </span>
       <span class="post-meta-item-text">发表于</span>
 
-      <time title="创建时间：2023-11-12 11:45:14" itemprop="dateCreated datePublished" datetime="2023-11-12T11:45:14+08:00">2023-11-12</time>
+      <time title="创建时间：2023-11-26 10:29:30" itemprop="dateCreated datePublished" datetime="2023-11-26T10:29:30+08:00">2023-11-26</time>
     </span>
     <span class="post-meta-item">
       <span class="post-meta-item-icon">
         <i class="far fa-calendar-check"></i>
       </span>
       <span class="post-meta-item-text">更新于</span>
-      <time title="修改时间：2024-03-10 20:01:26" itemprop="dateModified" datetime="2024-03-10T20:01:26+08:00">2024-03-10</time>
+      <time title="修改时间：2024-03-10 19:25:53" itemprop="dateModified" datetime="2024-03-10T19:25:53+08:00">2024-03-10</time>
     </span>
     <span class="post-meta-item">
       <span class="post-meta-item-icon">
@@ -334,7 +332,7 @@ <h2 class="post-title" itemprop="name headline">
       </span>
       <span class="post-meta-item-text">分类于</span>
         <span itemprop="about" itemscope itemtype="http://schema.org/Thing">
-          <a href="/categories/%E7%BC%96%E7%A8%8B%E9%9A%8F%E8%AE%B0/" itemprop="url" rel="index"><span itemprop="name">编程随记</span></a>
+          <a href="/categories/%E8%AF%BE%E7%A8%8B%E7%AC%94%E8%AE%B0/" itemprop="url" rel="index"><span itemprop="name">课程笔记</span></a>
         </span>
     </span>
 
@@ -348,7 +346,10 @@ <h2 class="post-title" itemprop="name headline">
     
     
     <div class="post-body" itemprop="articleBody">
-          <p>最近弄的 github 卡片，弄了半天弄出来的鼠标悬浮显示文字的效果。使用 CSS 伪元素弄出来的小提示。但是不适合 <code>overflow: hidden;</code> 的元素。不管怎么说，还是很好用的，忘掉了就不太好，也就放到博客里来了。</p>
+          <h2 id="写在前面"><a href="#写在前面" class="headerlink" title="写在前面"></a>写在前面</h2><blockquote>
+<p>又有好长时间没有写过课程笔记了啊~<br><span style="display:block;text-align:right">—— by JoyWonderful</span></p>
+</blockquote>
+<p><strong>并查集</strong>就是将一些集合融合，然后查询某个数字和某个数字是否在这个集合里<del>（蒟蒻奇怪的自我理解，大概也没人看这句话）</del>。<br>并查集有一个思想，一个元素的父亲为自己，这是<strong>初始化</strong>时会用到的。</p>
           <!--noindex-->
           <!--/noindex-->
         
@@ -377,7 +378,7 @@ <h2 class="post-title" itemprop="name headline">
   
 
   <article itemscope itemtype="http://schema.org/Article" class="post-content" lang="">
-    <link itemprop="mainEntityOfPage" href="https://joywonderful.github.io/posts/gdb-debug-file/">
+    <link itemprop="mainEntityOfPage" href="https://joywonderful.github.io/posts/hover-show/">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="/images/avatar.gif">
@@ -395,7 +396,7 @@ <h2 class="post-title" itemprop="name headline">
     </span>
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
-          <a href="/posts/gdb-debug-file/" class="post-title-link" itemprop="url">使用 gdb 调试代码</a>
+          <a href="/posts/hover-show/" class="post-title-link" itemprop="url">CSS 鼠标悬浮窗口效果</a>
         </h2>
 
         <div class="post-meta-container">
@@ -406,7 +407,14 @@ <h2 class="post-title" itemprop="name headline">
       </span>
       <span class="post-meta-item-text">发表于</span>
 
-      <time title="创建时间：2023-08-30 11:09:49" itemprop="dateCreated datePublished" datetime="2023-08-30T11:09:49+08:00">2023-08-30</time>
+      <time title="创建时间：2023-11-12 11:45:14" itemprop="dateCreated datePublished" datetime="2023-11-12T11:45:14+08:00">2023-11-12</time>
+    </span>
+    <span class="post-meta-item">
+      <span class="post-meta-item-icon">
+        <i class="far fa-calendar-check"></i>
+      </span>
+      <span class="post-meta-item-text">更新于</span>
+      <time title="修改时间：2024-03-17 09:17:03" itemprop="dateModified" datetime="2024-03-17T09:17:03+08:00">2024-03-17</time>
     </span>
     <span class="post-meta-item">
       <span class="post-meta-item-icon">
@@ -428,20 +436,7 @@ <h2 class="post-title" itemprop="name headline">
     
     
     <div class="post-body" itemprop="articleBody">
-          <p>这几天刚去学习了一下用 gdb 调试代码，在这儿记下来。</p>
-<p>首先，编译代码的时候需要加上 <code>-g</code> 选项，说明要加上调试信息，这样才可以正常调试。例如：</p>
-<pre class="language-bash" data-language="bash"><code class="language-bash">$ g++ <span class="token parameter variable">-g</span> oi.cpp <span class="token parameter variable">-o</span> oi.exe</code></pre>
-
-<p>随后，即可使用 gdb 打开文件进行调试。直接使用 <code>gdb [file name]</code> 即可。</p>
-<pre class="language-bash" data-language="bash"><code class="language-bash">$ gdb oi
-GNU gdb <span class="token punctuation">(</span>GDB<span class="token punctuation">)</span> <span class="token number">7.8</span>.1
-Copyright <span class="token punctuation">(</span>C<span class="token punctuation">)</span> <span class="token number">2014</span> Free Software Foundation, Inc.
-License GPLv3+: GNU GPL version <span class="token number">3</span> or later <span class="token operator">&lt;</span>http://gnu.org/licenses/gpl.html<span class="token operator">></span>
-<span class="token comment"># ...[很多信息]</span>
-For help, <span class="token builtin class-name">type</span> <span class="token string">"help"</span><span class="token builtin class-name">.</span>
-Type <span class="token string">"apropos word"</span> to search <span class="token keyword">for</span> commands related to <span class="token string">"word"</span><span class="token punctuation">..</span>.
-Reading symbols from oi<span class="token punctuation">..</span>.done. <span class="token comment"># 成功信息</span>
-<span class="token punctuation">(</span>gdb<span class="token punctuation">)</span>  <span class="token comment"># 现在可以键入调试命令了</span></code></pre>
+          <p>最近弄的 github 卡片，弄了半天弄出来的鼠标悬浮显示文字的效果。使用 CSS 伪元素弄出来的小提示。但是不适合 <code>overflow: hidden;</code> 的元素。不管怎么说，还是很好用的，忘掉了就不太好，也就放到博客里来了。</p>
           <!--noindex-->
           <!--/noindex-->
         
@@ -470,7 +465,7 @@ <h2 class="post-title" itemprop="name headline">
   
 
   <article itemscope itemtype="http://schema.org/Article" class="post-content" lang="">
-    <link itemprop="mainEntityOfPage" href="https://joywonderful.github.io/posts/js-random-pic/">
+    <link itemprop="mainEntityOfPage" href="https://joywonderful.github.io/posts/gdb-debug-file/">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="/images/avatar.gif">
@@ -488,7 +483,7 @@ <h2 class="post-title" itemprop="name headline">
     </span>
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
-          <a href="/posts/js-random-pic/" class="post-title-link" itemprop="url">记录：JavaScript 随机显示图片/随机数</a>
+          <a href="/posts/gdb-debug-file/" class="post-title-link" itemprop="url">使用 gdb 调试代码</a>
         </h2>
 
         <div class="post-meta-container">
@@ -499,14 +494,7 @@ <h2 class="post-title" itemprop="name headline">
       </span>
       <span class="post-meta-item-text">发表于</span>
 
-      <time title="创建时间：2023-08-26 11:45:14" itemprop="dateCreated datePublished" datetime="2023-08-26T11:45:14+08:00">2023-08-26</time>
-    </span>
-    <span class="post-meta-item">
-      <span class="post-meta-item-icon">
-        <i class="far fa-calendar-check"></i>
-      </span>
-      <span class="post-meta-item-text">更新于</span>
-      <time title="修改时间：2023-12-17 10:28:03" itemprop="dateModified" datetime="2023-12-17T10:28:03+08:00">2023-12-17</time>
+      <time title="创建时间：2023-08-30 11:09:49" itemprop="dateCreated datePublished" datetime="2023-08-30T11:09:49+08:00">2023-08-30</time>
     </span>
     <span class="post-meta-item">
       <span class="post-meta-item-icon">
@@ -528,8 +516,20 @@ <h2 class="post-title" itemprop="name headline">
     
     
     <div class="post-body" itemprop="articleBody">
-          <p>又是一个闲着没事干的随记。。。直接进入正题吧。</p>
-<p>考虑使用数组存储图片的链接，然后随机显示。<br>随机显示数组图片自然需要随机数，而随机显示图片还需要查找元素，所以就写这些。</p>
+          <p>这几天刚去学习了一下用 gdb 调试代码，在这儿记下来。</p>
+<p>首先，编译代码的时候需要加上 <code>-g</code> 选项，说明要加上调试信息，这样才可以正常调试。例如：</p>
+<pre class="language-bash" data-language="bash"><code class="language-bash">$ g++ <span class="token parameter variable">-g</span> oi.cpp <span class="token parameter variable">-o</span> oi.exe</code></pre>
+
+<p>随后，即可使用 gdb 打开文件进行调试。直接使用 <code>gdb [file name]</code> 即可。</p>
+<pre class="language-bash" data-language="bash"><code class="language-bash">$ gdb oi
+GNU gdb <span class="token punctuation">(</span>GDB<span class="token punctuation">)</span> <span class="token number">7.8</span>.1
+Copyright <span class="token punctuation">(</span>C<span class="token punctuation">)</span> <span class="token number">2014</span> Free Software Foundation, Inc.
+License GPLv3+: GNU GPL version <span class="token number">3</span> or later <span class="token operator">&lt;</span>http://gnu.org/licenses/gpl.html<span class="token operator">></span>
+<span class="token comment"># ...[很多信息]</span>
+For help, <span class="token builtin class-name">type</span> <span class="token string">"help"</span><span class="token builtin class-name">.</span>
+Type <span class="token string">"apropos word"</span> to search <span class="token keyword">for</span> commands related to <span class="token string">"word"</span><span class="token punctuation">..</span>.
+Reading symbols from oi<span class="token punctuation">..</span>.done. <span class="token comment"># 成功信息</span>
+<span class="token punctuation">(</span>gdb<span class="token punctuation">)</span>  <span class="token comment"># 现在可以键入调试命令了</span></code></pre>
           <!--noindex-->
           <!--/noindex-->
         
@@ -558,7 +558,7 @@ <h2 class="post-title" itemprop="name headline">
   
 
   <article itemscope itemtype="http://schema.org/Article" class="post-content" lang="">
-    <link itemprop="mainEntityOfPage" href="https://joywonderful.github.io/posts/stdoi-snf-pnt/">
+    <link itemprop="mainEntityOfPage" href="https://joywonderful.github.io/posts/js-random-pic/">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="/images/avatar.gif">
@@ -576,7 +576,7 @@ <h2 class="post-title" itemprop="name headline">
     </span>
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
-          <a href="/posts/stdoi-snf-pnt/" class="post-title-link" itemprop="url">scanf 和 printf 的格式符</a>
+          <a href="/posts/js-random-pic/" class="post-title-link" itemprop="url">记录：JavaScript 随机显示图片/随机数</a>
         </h2>
 
         <div class="post-meta-container">
@@ -587,14 +587,14 @@ <h2 class="post-title" itemprop="name headline">
       </span>
       <span class="post-meta-item-text">发表于</span>
 
-      <time title="创建时间：2023-08-17 20:37:48" itemprop="dateCreated datePublished" datetime="2023-08-17T20:37:48+08:00">2023-08-17</time>
+      <time title="创建时间：2023-08-26 11:45:14" itemprop="dateCreated datePublished" datetime="2023-08-26T11:45:14+08:00">2023-08-26</time>
     </span>
     <span class="post-meta-item">
       <span class="post-meta-item-icon">
         <i class="far fa-calendar-check"></i>
       </span>
       <span class="post-meta-item-text">更新于</span>
-      <time title="修改时间：2023-08-20 14:57:23" itemprop="dateModified" datetime="2023-08-20T14:57:23+08:00">2023-08-20</time>
+      <time title="修改时间：2023-12-17 10:28:03" itemprop="dateModified" datetime="2023-12-17T10:28:03+08:00">2023-12-17</time>
     </span>
     <span class="post-meta-item">
       <span class="post-meta-item-icon">
@@ -616,7 +616,8 @@ <h2 class="post-title" itemprop="name headline">
     
     
     <div class="post-body" itemprop="articleBody">
-          <p>又是一个随记，方便自己的使用。C++ 中的 <code>scanf</code> 和 <code>printf</code> 其实有很多比 <code>cin</code> <code>cout</code> 好用的地方，放在这里。</p>
+          <p>又是一个闲着没事干的随记。。。直接进入正题吧。</p>
+<p>考虑使用数组存储图片的链接，然后随机显示。<br>随机显示数组图片自然需要随机数，而随机显示图片还需要查找元素，所以就写这些。</p>
           <!--noindex-->
           <!--/noindex-->
         
diff --git a/page/3/index.html b/page/3/index.html
index 1cc1d9b1..23f64762 100644
--- a/page/3/index.html
+++ b/page/3/index.html
@@ -154,7 +154,7 @@ <h1 class="site-title">JoyWonderful的小窝</h1>
   <nav class="site-state">
       <div class="site-state-item site-state-posts">
         <a href="/archives/">
-          <span class="site-state-item-count">38</span>
+          <span class="site-state-item-count">39</span>
           <span class="site-state-item-name">日志</span>
         </a>
       </div>
@@ -165,7 +165,7 @@ <h1 class="site-title">JoyWonderful的小窝</h1>
       </div>
       <div class="site-state-item site-state-tags">
           <a href="/tags/">
-        <span class="site-state-item-count">19</span>
+        <span class="site-state-item-count">20</span>
         <span class="site-state-item-name">标签</span></a>
       </div>
   </nav>
@@ -200,7 +200,7 @@ <h1 class="site-title">JoyWonderful的小窝</h1>
   
 
   <article itemscope itemtype="http://schema.org/Article" class="post-content" lang="">
-    <link itemprop="mainEntityOfPage" href="https://joywonderful.github.io/posts/dp-zobb/">
+    <link itemprop="mainEntityOfPage" href="https://joywonderful.github.io/posts/stdoi-snf-pnt/">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="/images/avatar.gif">
@@ -218,7 +218,7 @@ <h1 class="site-title">JoyWonderful的小窝</h1>
     </span>
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
-          <a href="/posts/dp-zobb/" class="post-title-link" itemprop="url">动态规划：01 背包</a>
+          <a href="/posts/stdoi-snf-pnt/" class="post-title-link" itemprop="url">scanf 和 printf 的格式符</a>
         </h2>
 
         <div class="post-meta-container">
@@ -229,14 +229,14 @@ <h2 class="post-title" itemprop="name headline">
       </span>
       <span class="post-meta-item-text">发表于</span>
 
-      <time title="创建时间：2023-08-16 19:21:10" itemprop="dateCreated datePublished" datetime="2023-08-16T19:21:10+08:00">2023-08-16</time>
+      <time title="创建时间：2023-08-17 20:37:48" itemprop="dateCreated datePublished" datetime="2023-08-17T20:37:48+08:00">2023-08-17</time>
     </span>
     <span class="post-meta-item">
       <span class="post-meta-item-icon">
         <i class="far fa-calendar-check"></i>
       </span>
       <span class="post-meta-item-text">更新于</span>
-      <time title="修改时间：2023-12-16 15:11:55" itemprop="dateModified" datetime="2023-12-16T15:11:55+08:00">2023-12-16</time>
+      <time title="修改时间：2023-08-20 14:57:23" itemprop="dateModified" datetime="2023-08-20T14:57:23+08:00">2023-08-20</time>
     </span>
     <span class="post-meta-item">
       <span class="post-meta-item-icon">
@@ -244,7 +244,7 @@ <h2 class="post-title" itemprop="name headline">
       </span>
       <span class="post-meta-item-text">分类于</span>
         <span itemprop="about" itemscope itemtype="http://schema.org/Thing">
-          <a href="/categories/%E8%AF%BE%E7%A8%8B%E7%AC%94%E8%AE%B0/" itemprop="url" rel="index"><span itemprop="name">课程笔记</span></a>
+          <a href="/categories/%E7%BC%96%E7%A8%8B%E9%9A%8F%E8%AE%B0/" itemprop="url" rel="index"><span itemprop="name">编程随记</span></a>
         </span>
     </span>
 
@@ -258,7 +258,7 @@ <h2 class="post-title" itemprop="name headline">
     
     
     <div class="post-body" itemprop="articleBody">
-          <p>背包问题是动态规划中很典型的一个问题。一个背包有特定的重量，去装重量为 w 价值为 d 的物品，在不超过背包重量上限的前提下使物品的价值和最高。<br>这个问题一看，就不是贪心可以做的来的。所以，就可以用上我们的<del>爆搜！！（暴力出奇迹）</del>动态规划来解决背包问题。</p>
+          <p>又是一个随记，方便自己的使用。C++ 中的 <code>scanf</code> 和 <code>printf</code> 其实有很多比 <code>cin</code> <code>cout</code> 好用的地方，放在这里。</p>
           <!--noindex-->
           <!--/noindex-->
         
@@ -287,7 +287,7 @@ <h2 class="post-title" itemprop="name headline">
   
 
   <article itemscope itemtype="http://schema.org/Article" class="post-content" lang="">
-    <link itemprop="mainEntityOfPage" href="https://joywonderful.github.io/posts/git-github/">
+    <link itemprop="mainEntityOfPage" href="https://joywonderful.github.io/posts/dp-zobb/">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="/images/avatar.gif">
@@ -305,7 +305,7 @@ <h2 class="post-title" itemprop="name headline">
     </span>
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
-          <a href="/posts/git-github/" class="post-title-link" itemprop="url">Git 的连接 Github 小记</a>
+          <a href="/posts/dp-zobb/" class="post-title-link" itemprop="url">动态规划：01 背包</a>
         </h2>
 
         <div class="post-meta-container">
@@ -315,9 +315,15 @@ <h2 class="post-title" itemprop="name headline">
         <i class="far fa-calendar"></i>
       </span>
       <span class="post-meta-item-text">发表于</span>
-      
 
-      <time title="创建时间：2023-08-13 17:23:21 / 修改时间：15:18:04" itemprop="dateCreated datePublished" datetime="2023-08-13T17:23:21+08:00">2023-08-13</time>
+      <time title="创建时间：2023-08-16 19:21:10" itemprop="dateCreated datePublished" datetime="2023-08-16T19:21:10+08:00">2023-08-16</time>
+    </span>
+    <span class="post-meta-item">
+      <span class="post-meta-item-icon">
+        <i class="far fa-calendar-check"></i>
+      </span>
+      <span class="post-meta-item-text">更新于</span>
+      <time title="修改时间：2023-12-16 15:11:55" itemprop="dateModified" datetime="2023-12-16T15:11:55+08:00">2023-12-16</time>
     </span>
     <span class="post-meta-item">
       <span class="post-meta-item-icon">
@@ -325,7 +331,7 @@ <h2 class="post-title" itemprop="name headline">
       </span>
       <span class="post-meta-item-text">分类于</span>
         <span itemprop="about" itemscope itemtype="http://schema.org/Thing">
-          <a href="/categories/%E7%BC%96%E7%A8%8B%E9%9A%8F%E8%AE%B0/" itemprop="url" rel="index"><span itemprop="name">编程随记</span></a>
+          <a href="/categories/%E8%AF%BE%E7%A8%8B%E7%AC%94%E8%AE%B0/" itemprop="url" rel="index"><span itemprop="name">课程笔记</span></a>
         </span>
     </span>
 
@@ -339,11 +345,7 @@ <h2 class="post-title" itemprop="name headline">
     
     
     <div class="post-body" itemprop="articleBody">
-          <p>又是一个随记，方便自己使用的。<br>首先，得到 <a target="_blank" rel="noopener" href="https://git-scm.com/downloads">官网下载</a>，随后测试一下：</p>
-<pre class="language-bash" data-language="bash"><code class="language-bash">$ <span class="token function">git</span> <span class="token parameter variable">-v</span>
-<span class="token function">git</span> version <span class="token punctuation">(</span>VERSION<span class="token punctuation">)</span></code></pre>
-
-<p>就下载好了。</p>
+          <p>背包问题是动态规划中很典型的一个问题。一个背包有特定的重量，去装重量为 w 价值为 d 的物品，在不超过背包重量上限的前提下使物品的价值和最高。<br>这个问题一看，就不是贪心可以做的来的。所以，就可以用上我们的<del>爆搜！！（暴力出奇迹）</del>动态规划来解决背包问题。</p>
           <!--noindex-->
           <!--/noindex-->
         
@@ -372,7 +374,7 @@ <h2 class="post-title" itemprop="name headline">
   
 
   <article itemscope itemtype="http://schema.org/Article" class="post-content" lang="">
-    <link itemprop="mainEntityOfPage" href="https://joywonderful.github.io/posts/jinzhi/">
+    <link itemprop="mainEntityOfPage" href="https://joywonderful.github.io/posts/git-github/">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="/images/avatar.gif">
@@ -390,7 +392,7 @@ <h2 class="post-title" itemprop="name headline">
     </span>
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
-          <a href="/posts/jinzhi/" class="post-title-link" itemprop="url">有关进制的一些小记</a>
+          <a href="/posts/git-github/" class="post-title-link" itemprop="url">Git 的连接 Github 小记</a>
         </h2>
 
         <div class="post-meta-container">
@@ -400,15 +402,9 @@ <h2 class="post-title" itemprop="name headline">
         <i class="far fa-calendar"></i>
       </span>
       <span class="post-meta-item-text">发表于</span>
+      
 
-      <time title="创建时间：2023-08-12 10:00:41" itemprop="dateCreated datePublished" datetime="2023-08-12T10:00:41+08:00">2023-08-12</time>
-    </span>
-    <span class="post-meta-item">
-      <span class="post-meta-item-icon">
-        <i class="far fa-calendar-check"></i>
-      </span>
-      <span class="post-meta-item-text">更新于</span>
-      <time title="修改时间：2024-03-10 19:10:35" itemprop="dateModified" datetime="2024-03-10T19:10:35+08:00">2024-03-10</time>
+      <time title="创建时间：2023-08-13 17:23:21 / 修改时间：15:18:04" itemprop="dateCreated datePublished" datetime="2023-08-13T17:23:21+08:00">2023-08-13</time>
     </span>
     <span class="post-meta-item">
       <span class="post-meta-item-icon">
@@ -430,13 +426,11 @@ <h2 class="post-title" itemprop="name headline">
     
     
     <div class="post-body" itemprop="articleBody">
-          <style>
-    .TEX-B {
-        color: #000;
-    }
-</style>
+          <p>又是一个随记，方便自己使用的。<br>首先，得到 <a target="_blank" rel="noopener" href="https://git-scm.com/downloads">官网下载</a>，随后测试一下：</p>
+<pre class="language-bash" data-language="bash"><code class="language-bash">$ <span class="token function">git</span> <span class="token parameter variable">-v</span>
+<span class="token function">git</span> version <span class="token punctuation">(</span>VERSION<span class="token punctuation">)</span></code></pre>
 
-<p>x 进制，代表着在这个计数方法中逢 x 进一，例如十进制就代表着<strong>逢十进一</strong>。<br>我们平常在生活中用的都是十进制。进制一类的东西在 OI 中也比较重要<del>CCF 喜欢考</del>，计算机中的数据都是以二进制储存的，二进制也完美地利用了每一个比特。当然，只要有足够的表示方法，人们可以弄出三十二进制、六十四进制，甚至一千进制。<del>闲的没事情干，</del>进制有关的以及进制之间的转换就是我想记下来的话题。</p>
+<p>就下载好了。</p>
           <!--noindex-->
           <!--/noindex-->
         
@@ -465,7 +459,7 @@ <h2 class="post-title" itemprop="name headline">
   
 
   <article itemscope itemtype="http://schema.org/Article" class="post-content" lang="">
-    <link itemprop="mainEntityOfPage" href="https://joywonderful.github.io/posts/shaifa/">
+    <link itemprop="mainEntityOfPage" href="https://joywonderful.github.io/posts/jinzhi/">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="/images/avatar.gif">
@@ -483,7 +477,7 @@ <h2 class="post-title" itemprop="name headline">
     </span>
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
-          <a href="/posts/shaifa/" class="post-title-link" itemprop="url">数论：质数筛法</a>
+          <a href="/posts/jinzhi/" class="post-title-link" itemprop="url">有关进制的一些小记</a>
         </h2>
 
         <div class="post-meta-container">
@@ -494,14 +488,14 @@ <h2 class="post-title" itemprop="name headline">
       </span>
       <span class="post-meta-item-text">发表于</span>
 
-      <time title="创建时间：2023-08-08 14:34:23" itemprop="dateCreated datePublished" datetime="2023-08-08T14:34:23+08:00">2023-08-08</time>
+      <time title="创建时间：2023-08-12 10:00:41" itemprop="dateCreated datePublished" datetime="2023-08-12T10:00:41+08:00">2023-08-12</time>
     </span>
     <span class="post-meta-item">
       <span class="post-meta-item-icon">
         <i class="far fa-calendar-check"></i>
       </span>
       <span class="post-meta-item-text">更新于</span>
-      <time title="修改时间：2024-03-10 19:29:48" itemprop="dateModified" datetime="2024-03-10T19:29:48+08:00">2024-03-10</time>
+      <time title="修改时间：2024-03-10 19:10:35" itemprop="dateModified" datetime="2024-03-10T19:10:35+08:00">2024-03-10</time>
     </span>
     <span class="post-meta-item">
       <span class="post-meta-item-icon">
@@ -509,7 +503,7 @@ <h2 class="post-title" itemprop="name headline">
       </span>
       <span class="post-meta-item-text">分类于</span>
         <span itemprop="about" itemscope itemtype="http://schema.org/Thing">
-          <a href="/categories/%E8%AF%BE%E7%A8%8B%E7%AC%94%E8%AE%B0/" itemprop="url" rel="index"><span itemprop="name">课程笔记</span></a>
+          <a href="/categories/%E7%BC%96%E7%A8%8B%E9%9A%8F%E8%AE%B0/" itemprop="url" rel="index"><span itemprop="name">编程随记</span></a>
         </span>
     </span>
 
@@ -523,7 +517,13 @@ <h2 class="post-title" itemprop="name headline">
     
     
     <div class="post-body" itemprop="articleBody">
-          <p><strong>筛法</strong>是快速找出质数的一种方法。平常没有使用任何筛法的的找质数的时间复杂度通常为 $O(\sqrt n)$，比较慢，但是筛法更快一些。我们学的筛法是埃氏筛和欧拉筛(线性筛)。<br>平常的找质数方法是判断一个数是否能被 1 和它本生以外的数整除，但是筛法的思想不一样。筛法可以说是通常方法的逆向思维，挨个儿寻找当前数的倍数，打上标记，再继续寻找，最后没有被打上标记的就是质数。这种思想的时间复杂度快很多。</p>
+          <style>
+    .TEX-B {
+        color: #000;
+    }
+</style>
+
+<p>x 进制，代表着在这个计数方法中逢 x 进一，例如十进制就代表着<strong>逢十进一</strong>。<br>我们平常在生活中用的都是十进制。进制一类的东西在 OI 中也比较重要<del>CCF 喜欢考</del>，计算机中的数据都是以二进制储存的，二进制也完美地利用了每一个比特。当然，只要有足够的表示方法，人们可以弄出三十二进制、六十四进制，甚至一千进制。<del>闲的没事情干，</del>进制有关的以及进制之间的转换就是我想记下来的话题。</p>
           <!--noindex-->
           <!--/noindex-->
         
@@ -552,7 +552,7 @@ <h2 class="post-title" itemprop="name headline">
   
 
   <article itemscope itemtype="http://schema.org/Article" class="post-content" lang="">
-    <link itemprop="mainEntityOfPage" href="https://joywonderful.github.io/posts/huff-tree/">
+    <link itemprop="mainEntityOfPage" href="https://joywonderful.github.io/posts/shaifa/">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="/images/avatar.gif">
@@ -570,7 +570,7 @@ <h2 class="post-title" itemprop="name headline">
     </span>
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
-          <a href="/posts/huff-tree/" class="post-title-link" itemprop="url">哈夫曼树和哈夫曼编码</a>
+          <a href="/posts/shaifa/" class="post-title-link" itemprop="url">数论：质数筛法</a>
         </h2>
 
         <div class="post-meta-container">
@@ -581,14 +581,14 @@ <h2 class="post-title" itemprop="name headline">
       </span>
       <span class="post-meta-item-text">发表于</span>
 
-      <time title="创建时间：2023-08-05 16:45:21" itemprop="dateCreated datePublished" datetime="2023-08-05T16:45:21+08:00">2023-08-05</time>
+      <time title="创建时间：2023-08-08 14:34:23" itemprop="dateCreated datePublished" datetime="2023-08-08T14:34:23+08:00">2023-08-08</time>
     </span>
     <span class="post-meta-item">
       <span class="post-meta-item-icon">
         <i class="far fa-calendar-check"></i>
       </span>
       <span class="post-meta-item-text">更新于</span>
-      <time title="修改时间：2023-12-17 09:19:51" itemprop="dateModified" datetime="2023-12-17T09:19:51+08:00">2023-12-17</time>
+      <time title="修改时间：2024-03-10 19:29:48" itemprop="dateModified" datetime="2024-03-10T19:29:48+08:00">2024-03-10</time>
     </span>
     <span class="post-meta-item">
       <span class="post-meta-item-icon">
@@ -610,14 +610,7 @@ <h2 class="post-title" itemprop="name headline">
     
     
     <div class="post-body" itemprop="articleBody">
-          <p>更前面的知识：<a style="border-bottom:none;" href="/posts/graph-tree">树的概念</a><br>先来说说前面的芝士：</p>
-<ul>
-<li><strong>路径长度</strong> 从根结点到目标结点经过的结点数量（边的数量）。</li>
-<li><strong>权值</strong> 一个结点的权值可以是人为赋予的一个数。</li>
-<li><strong>结点的带权路径长度</strong> 从根节点到当前结点的路径长度乘结点的权值。</li>
-<li><strong>树的带权路径长度</strong> 整个树中叶子结点的带权路径长度总和。</li>
-</ul>
-<p>哈夫曼树是二叉树，且哈夫曼树的带权路径长度最小，哈夫曼编码会用到。</p>
+          <p><strong>筛法</strong>是快速找出质数的一种方法。平常没有使用任何筛法的的找质数的时间复杂度通常为 $O(\sqrt n)$，比较慢，但是筛法更快一些。我们学的筛法是埃氏筛和欧拉筛(线性筛)。<br>平常的找质数方法是判断一个数是否能被 1 和它本生以外的数整除，但是筛法的思想不一样。筛法可以说是通常方法的逆向思维，挨个儿寻找当前数的倍数，打上标记，再继续寻找，最后没有被打上标记的就是质数。这种思想的时间复杂度快很多。</p>
           <!--noindex-->
           <!--/noindex-->
         
diff --git a/page/4/index.html b/page/4/index.html
index 7fa9c345..e986b797 100644
--- a/page/4/index.html
+++ b/page/4/index.html
@@ -154,7 +154,7 @@ <h1 class="site-title">JoyWonderful的小窝</h1>
   <nav class="site-state">
       <div class="site-state-item site-state-posts">
         <a href="/archives/">
-          <span class="site-state-item-count">38</span>
+          <span class="site-state-item-count">39</span>
           <span class="site-state-item-name">日志</span>
         </a>
       </div>
@@ -165,7 +165,7 @@ <h1 class="site-title">JoyWonderful的小窝</h1>
       </div>
       <div class="site-state-item site-state-tags">
           <a href="/tags/">
-        <span class="site-state-item-count">19</span>
+        <span class="site-state-item-count">20</span>
         <span class="site-state-item-name">标签</span></a>
       </div>
   </nav>
@@ -200,7 +200,7 @@ <h1 class="site-title">JoyWonderful的小窝</h1>
   
 
   <article itemscope itemtype="http://schema.org/Article" class="post-content" lang="">
-    <link itemprop="mainEntityOfPage" href="https://joywonderful.github.io/posts/binarytree-fme/">
+    <link itemprop="mainEntityOfPage" href="https://joywonderful.github.io/posts/huff-tree/">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="/images/avatar.gif">
@@ -218,7 +218,7 @@ <h1 class="site-title">JoyWonderful的小窝</h1>
     </span>
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
-          <a href="/posts/binarytree-fme/" class="post-title-link" itemprop="url">二叉树的前序、中序、后序遍历</a>
+          <a href="/posts/huff-tree/" class="post-title-link" itemprop="url">哈夫曼树和哈夫曼编码</a>
         </h2>
 
         <div class="post-meta-container">
@@ -228,9 +228,15 @@ <h2 class="post-title" itemprop="name headline">
         <i class="far fa-calendar"></i>
       </span>
       <span class="post-meta-item-text">发表于</span>
-      
 
-      <time title="创建时间：2023-08-03 12:56:12 / 修改时间：13:01:53" itemprop="dateCreated datePublished" datetime="2023-08-03T12:56:12+08:00">2023-08-03</time>
+      <time title="创建时间：2023-08-05 16:45:21" itemprop="dateCreated datePublished" datetime="2023-08-05T16:45:21+08:00">2023-08-05</time>
+    </span>
+    <span class="post-meta-item">
+      <span class="post-meta-item-icon">
+        <i class="far fa-calendar-check"></i>
+      </span>
+      <span class="post-meta-item-text">更新于</span>
+      <time title="修改时间：2023-12-17 09:19:51" itemprop="dateModified" datetime="2023-12-17T09:19:51+08:00">2023-12-17</time>
     </span>
     <span class="post-meta-item">
       <span class="post-meta-item-icon">
@@ -252,9 +258,14 @@ <h2 class="post-title" itemprop="name headline">
     
     
     <div class="post-body" itemprop="articleBody">
-          <p>二叉树的前序遍历中序遍历和后序遍历是比较重要的<del>CCF办的比赛要考（雾</del>。可以通过这三个遍历的顺序结果确定整个树的结构。前序遍历是<strong>根左右</strong>，中序遍历是<strong>左根右</strong>，后序遍历是<strong>左右根</strong>。（不想多写什么了）</p>
-<h2 id="实践：前序遍历中序遍历确定树"><a href="#实践：前序遍历中序遍历确定树" class="headerlink" title="实践：前序遍历中序遍历确定树"></a>实践：前序遍历中序遍历确定树</h2><p>前序遍历：<code>1 2 4 3 5 6</code><br>中序遍历：<code>4 2 1 5 3 6</code></p>
-<p>先来看前序，由于前序遍历的顺序是根左右，那么 <code>1</code> 一定是整个树的根节点。
+          <p>更前面的知识：<a style="border-bottom:none;" href="/posts/graph-tree">树的概念</a><br>先来说说前面的芝士：</p>
+<ul>
+<li><strong>路径长度</strong> 从根结点到目标结点经过的结点数量（边的数量）。</li>
+<li><strong>权值</strong> 一个结点的权值可以是人为赋予的一个数。</li>
+<li><strong>结点的带权路径长度</strong> 从根节点到当前结点的路径长度乘结点的权值。</li>
+<li><strong>树的带权路径长度</strong> 整个树中叶子结点的带权路径长度总和。</li>
+</ul>
+<p>哈夫曼树是二叉树，且哈夫曼树的带权路径长度最小，哈夫曼编码会用到。</p>
           <!--noindex-->
           <!--/noindex-->
         
@@ -283,7 +294,7 @@ <h2 id="实践：前序遍历中序遍历确定树"><a href="#实践：前序遍
   
 
   <article itemscope itemtype="http://schema.org/Article" class="post-content" lang="">
-    <link itemprop="mainEntityOfPage" href="https://joywonderful.github.io/posts/stackandqueue/">
+    <link itemprop="mainEntityOfPage" href="https://joywonderful.github.io/posts/binarytree-fme/">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="/images/avatar.gif">
@@ -301,7 +312,7 @@ <h2 id="实践：前序遍历中序遍历确定树"><a href="#实践：前序遍
     </span>
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
-          <a href="/posts/stackandqueue/" class="post-title-link" itemprop="url">数据结构：队列和栈</a>
+          <a href="/posts/binarytree-fme/" class="post-title-link" itemprop="url">二叉树的前序、中序、后序遍历</a>
         </h2>
 
         <div class="post-meta-container">
@@ -311,15 +322,9 @@ <h2 class="post-title" itemprop="name headline">
         <i class="far fa-calendar"></i>
       </span>
       <span class="post-meta-item-text">发表于</span>
+      
 
-      <time title="创建时间：2023-07-30 18:56:32" itemprop="dateCreated datePublished" datetime="2023-07-30T18:56:32+08:00">2023-07-30</time>
-    </span>
-    <span class="post-meta-item">
-      <span class="post-meta-item-icon">
-        <i class="far fa-calendar-check"></i>
-      </span>
-      <span class="post-meta-item-text">更新于</span>
-      <time title="修改时间：2023-12-16 15:14:53" itemprop="dateModified" datetime="2023-12-16T15:14:53+08:00">2023-12-16</time>
+      <time title="创建时间：2023-08-03 12:56:12 / 修改时间：13:01:53" itemprop="dateCreated datePublished" datetime="2023-08-03T12:56:12+08:00">2023-08-03</time>
     </span>
     <span class="post-meta-item">
       <span class="post-meta-item-icon">
@@ -341,8 +346,9 @@ <h2 class="post-title" itemprop="name headline">
     
     
     <div class="post-body" itemprop="articleBody">
-          <p>队列和栈都是线性数据结构，它们一个是先进先出，一个是先进后出，有着不同的使用场景。这两个数据结构基于链表，也可以用数组模拟这样的数据结构，通过 C++ 中 STL 提供的容器也可以更加方便快捷地实现。</p>
-<h2 id="队列"><a href="#队列" class="headerlink" title="队列"></a>队列</h2><p><strong>队列 (queue)</strong> 是在一端插入另一段删除的线性表，遵循<strong>先进先出</strong>，类似于排队，可以称为先进先出 (FIFO) 表。队列中，允许入队 (enqueue) 的一端为队尾，允许出队 (dequeue) 的一端为队头。以后的<a style="border-bottom:none;">广度优先搜索</a>就会用到它。</p>
+          <p>二叉树的前序遍历中序遍历和后序遍历是比较重要的<del>CCF办的比赛要考（雾</del>。可以通过这三个遍历的顺序结果确定整个树的结构。前序遍历是<strong>根左右</strong>，中序遍历是<strong>左根右</strong>，后序遍历是<strong>左右根</strong>。（不想多写什么了）</p>
+<h2 id="实践：前序遍历中序遍历确定树"><a href="#实践：前序遍历中序遍历确定树" class="headerlink" title="实践：前序遍历中序遍历确定树"></a>实践：前序遍历中序遍历确定树</h2><p>前序遍历：<code>1 2 4 3 5 6</code><br>中序遍历：<code>4 2 1 5 3 6</code></p>
+<p>先来看前序，由于前序遍历的顺序是根左右，那么 <code>1</code> 一定是整个树的根节点。
           <!--noindex-->
           <!--/noindex-->
         
@@ -371,7 +377,7 @@ <h2 id="队列"><a href="#队列" class="headerlink" title="队列"></a>队列</
   
 
   <article itemscope itemtype="http://schema.org/Article" class="post-content" lang="">
-    <link itemprop="mainEntityOfPage" href="https://joywonderful.github.io/posts/bfs/">
+    <link itemprop="mainEntityOfPage" href="https://joywonderful.github.io/posts/stackandqueue/">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="/images/avatar.gif">
@@ -389,7 +395,7 @@ <h2 id="队列"><a href="#队列" class="headerlink" title="队列"></a>队列</
     </span>
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
-          <a href="/posts/bfs/" class="post-title-link" itemprop="url">广度优先搜索</a>
+          <a href="/posts/stackandqueue/" class="post-title-link" itemprop="url">数据结构：队列和栈</a>
         </h2>
 
         <div class="post-meta-container">
@@ -399,9 +405,15 @@ <h2 class="post-title" itemprop="name headline">
         <i class="far fa-calendar"></i>
       </span>
       <span class="post-meta-item-text">发表于</span>
-      
 
-      <time title="创建时间：2023-07-30 17:43:12 / 修改时间：16:37:24" itemprop="dateCreated datePublished" datetime="2023-07-30T17:43:12+08:00">2023-07-30</time>
+      <time title="创建时间：2023-07-30 18:56:32" itemprop="dateCreated datePublished" datetime="2023-07-30T18:56:32+08:00">2023-07-30</time>
+    </span>
+    <span class="post-meta-item">
+      <span class="post-meta-item-icon">
+        <i class="far fa-calendar-check"></i>
+      </span>
+      <span class="post-meta-item-text">更新于</span>
+      <time title="修改时间：2023-12-16 15:14:53" itemprop="dateModified" datetime="2023-12-16T15:14:53+08:00">2023-12-16</time>
     </span>
     <span class="post-meta-item">
       <span class="post-meta-item-icon">
@@ -423,7 +435,8 @@ <h2 class="post-title" itemprop="name headline">
     
     
     <div class="post-body" itemprop="articleBody">
-          <p>这不，刚学完<a style="border-bottom:none;" href="/posts/dfs">深搜</a>没多久，又来写广搜笔记了（话说我队列笔记还没来得急写呢）。<strong>广度优先搜索</strong>，广搜，英文为<strong>Breadth First Search</strong>，简称 <strong>BFS</strong>。是从一个结点向其他方向的结点不断扩散，如同一道水晕在湖面上荡漾开来。主要可以用来找路径<strong>权值一定</strong>的最短路径。<br>深搜可以用到队列先进先出的特性。当一个结点准备扩散时，即弹出队列，再将接下来扩散到结点加入队列。随后按照队首扩散、弹出，不断循环。这也是叫它广度优先搜索的原因。</p>
+          <p>队列和栈都是线性数据结构，它们一个是先进先出，一个是先进后出，有着不同的使用场景。这两个数据结构基于链表，也可以用数组模拟这样的数据结构，通过 C++ 中 STL 提供的容器也可以更加方便快捷地实现。</p>
+<h2 id="队列"><a href="#队列" class="headerlink" title="队列"></a>队列</h2><p><strong>队列 (queue)</strong> 是在一端插入另一段删除的线性表，遵循<strong>先进先出</strong>，类似于排队，可以称为先进先出 (FIFO) 表。队列中，允许入队 (enqueue) 的一端为队尾，允许出队 (dequeue) 的一端为队头。以后的<a style="border-bottom:none;">广度优先搜索</a>就会用到它。</p>
           <!--noindex-->
           <!--/noindex-->
         
@@ -452,7 +465,7 @@ <h2 class="post-title" itemprop="name headline">
   
 
   <article itemscope itemtype="http://schema.org/Article" class="post-content" lang="">
-    <link itemprop="mainEntityOfPage" href="https://joywonderful.github.io/posts/graph-tree/">
+    <link itemprop="mainEntityOfPage" href="https://joywonderful.github.io/posts/bfs/">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="/images/avatar.gif">
@@ -470,7 +483,7 @@ <h2 class="post-title" itemprop="name headline">
     </span>
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
-          <a href="/posts/graph-tree/" class="post-title-link" itemprop="url">数据结构：树的概念与储存</a>
+          <a href="/posts/bfs/" class="post-title-link" itemprop="url">广度优先搜索</a>
         </h2>
 
         <div class="post-meta-container">
@@ -480,15 +493,9 @@ <h2 class="post-title" itemprop="name headline">
         <i class="far fa-calendar"></i>
       </span>
       <span class="post-meta-item-text">发表于</span>
+      
 
-      <time title="创建时间：2023-07-27 19:34:23" itemprop="dateCreated datePublished" datetime="2023-07-27T19:34:23+08:00">2023-07-27</time>
-    </span>
-    <span class="post-meta-item">
-      <span class="post-meta-item-icon">
-        <i class="far fa-calendar-check"></i>
-      </span>
-      <span class="post-meta-item-text">更新于</span>
-      <time title="修改时间：2024-03-10 19:27:33" itemprop="dateModified" datetime="2024-03-10T19:27:33+08:00">2024-03-10</time>
+      <time title="创建时间：2023-07-30 17:43:12 / 修改时间：16:37:24" itemprop="dateCreated datePublished" datetime="2023-07-30T17:43:12+08:00">2023-07-30</time>
     </span>
     <span class="post-meta-item">
       <span class="post-meta-item-icon">
@@ -510,13 +517,7 @@ <h2 class="post-title" itemprop="name headline">
     
     
     <div class="post-body" itemprop="articleBody">
-          <p><strong>树</strong>也是一种数据结构，它是<strong>非线性数据结构</strong>，它能很好地描述一个数据集合中的分支和层次，是一个比较重要的课题，以后的搜索和竞赛都有可能要用到它。树形结构的应用非常广泛，什么索引、语法结构。虽说概念比较繁琐 <del>老师讲了一个小时</del>。有点让人头疼（我咕了好多篇笔记了）。</p>
-<h2 id="树的概念"><a href="#树的概念" class="headerlink" title="树的概念"></a>树的概念</h2><h3 id="前面"><a href="#前面" class="headerlink" title="前面"></a>前面</h3><p>前置芝士，简单说一下这些奇怪的名称：</p>
-<ul>
-<li>树中的每一个元素称为<strong>结点 node</strong>。</li>
-<li>两个结点之间的线称为<strong>边 edge</strong>。</li>
-<li>通过几条边，这几条边组成<strong>路径</strong>。</li>
-</ul>
+          <p>这不，刚学完<a style="border-bottom:none;" href="/posts/dfs">深搜</a>没多久，又来写广搜笔记了（话说我队列笔记还没来得急写呢）。<strong>广度优先搜索</strong>，广搜，英文为<strong>Breadth First Search</strong>，简称 <strong>BFS</strong>。是从一个结点向其他方向的结点不断扩散，如同一道水晕在湖面上荡漾开来。主要可以用来找路径<strong>权值一定</strong>的最短路径。<br>深搜可以用到队列先进先出的特性。当一个结点准备扩散时，即弹出队列，再将接下来扩散到结点加入队列。随后按照队首扩散、弹出，不断循环。这也是叫它广度优先搜索的原因。</p>
           <!--noindex-->
           <!--/noindex-->
         
@@ -545,7 +546,7 @@ <h2 id="树的概念"><a href="#树的概念" class="headerlink" title="树的
   
 
   <article itemscope itemtype="http://schema.org/Article" class="post-content" lang="">
-    <link itemprop="mainEntityOfPage" href="https://joywonderful.github.io/posts/lianbiao/">
+    <link itemprop="mainEntityOfPage" href="https://joywonderful.github.io/posts/graph-tree/">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="/images/avatar.gif">
@@ -563,7 +564,7 @@ <h2 id="树的概念"><a href="#树的概念" class="headerlink" title="树的
     </span>
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
-          <a href="/posts/lianbiao/" class="post-title-link" itemprop="url">线性数据结构：链表的模板</a>
+          <a href="/posts/graph-tree/" class="post-title-link" itemprop="url">数据结构：树的概念与储存</a>
         </h2>
 
         <div class="post-meta-container">
@@ -574,14 +575,14 @@ <h2 class="post-title" itemprop="name headline">
       </span>
       <span class="post-meta-item-text">发表于</span>
 
-      <time title="创建时间：2023-07-19 15:23:32" itemprop="dateCreated datePublished" datetime="2023-07-19T15:23:32+08:00">2023-07-19</time>
+      <time title="创建时间：2023-07-27 19:34:23" itemprop="dateCreated datePublished" datetime="2023-07-27T19:34:23+08:00">2023-07-27</time>
     </span>
     <span class="post-meta-item">
       <span class="post-meta-item-icon">
         <i class="far fa-calendar-check"></i>
       </span>
       <span class="post-meta-item-text">更新于</span>
-      <time title="修改时间：2023-07-25 08:18:46" itemprop="dateModified" datetime="2023-07-25T08:18:46+08:00">2023-07-25</time>
+      <time title="修改时间：2024-03-10 19:27:33" itemprop="dateModified" datetime="2024-03-10T19:27:33+08:00">2024-03-10</time>
     </span>
     <span class="post-meta-item">
       <span class="post-meta-item-icon">
@@ -603,8 +604,13 @@ <h2 class="post-title" itemprop="name headline">
     
     
     <div class="post-body" itemprop="articleBody">
-          <p>链表类似于数组，与数组不同的是，链表可以更加方便地更改数据和删除数据。数组若想将中间的数据删除，则要非很大功夫，而链表就不同了，它的操作更加简单一些（后面说）。</p>
-<p>链表的数据组可以叫做“结点”，结点分成两个部分：一个是数据域，一个是指针域，数据域存数据，指针域指向下一个结点的数据地址。正是指针域将链表的每一个结点连在了一起。这种特性有一个好处：内存地址可以不连续，而数组的内存地址是必须要连续的。<br>比如内存还有 2GB 空闲，我申请了一个 1GB 大的数组，理论上是可以申请下来的，但占用的内存不一定完全是连续的。假设内存被一大堆东西占用的零零碎碎：确实有 2GB，但分成 4 个 500MB，这就申请不下来。而链表呢，可以充分利用内存碎片，通过指针变量，将分开的数据连在一起。</p>
+          <p><strong>树</strong>也是一种数据结构，它是<strong>非线性数据结构</strong>，它能很好地描述一个数据集合中的分支和层次，是一个比较重要的课题，以后的搜索和竞赛都有可能要用到它。树形结构的应用非常广泛，什么索引、语法结构。虽说概念比较繁琐 <del>老师讲了一个小时</del>。有点让人头疼（我咕了好多篇笔记了）。</p>
+<h2 id="树的概念"><a href="#树的概念" class="headerlink" title="树的概念"></a>树的概念</h2><h3 id="前面"><a href="#前面" class="headerlink" title="前面"></a>前面</h3><p>前置芝士，简单说一下这些奇怪的名称：</p>
+<ul>
+<li>树中的每一个元素称为<strong>结点 node</strong>。</li>
+<li>两个结点之间的线称为<strong>边 edge</strong>。</li>
+<li>通过几条边，这几条边组成<strong>路径</strong>。</li>
+</ul>
           <!--noindex-->
           <!--/noindex-->
         
diff --git a/page/5/index.html b/page/5/index.html
index b4e7fa5c..b9669345 100644
--- a/page/5/index.html
+++ b/page/5/index.html
@@ -154,7 +154,7 @@ <h1 class="site-title">JoyWonderful的小窝</h1>
   <nav class="site-state">
       <div class="site-state-item site-state-posts">
         <a href="/archives/">
-          <span class="site-state-item-count">38</span>
+          <span class="site-state-item-count">39</span>
           <span class="site-state-item-name">日志</span>
         </a>
       </div>
@@ -165,7 +165,7 @@ <h1 class="site-title">JoyWonderful的小窝</h1>
       </div>
       <div class="site-state-item site-state-tags">
           <a href="/tags/">
-        <span class="site-state-item-count">19</span>
+        <span class="site-state-item-count">20</span>
         <span class="site-state-item-name">标签</span></a>
       </div>
   </nav>
@@ -200,7 +200,7 @@ <h1 class="site-title">JoyWonderful的小窝</h1>
   
 
   <article itemscope itemtype="http://schema.org/Article" class="post-content" lang="">
-    <link itemprop="mainEntityOfPage" href="https://joywonderful.github.io/posts/cpp-file/">
+    <link itemprop="mainEntityOfPage" href="https://joywonderful.github.io/posts/lianbiao/">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="/images/avatar.gif">
@@ -218,7 +218,7 @@ <h1 class="site-title">JoyWonderful的小窝</h1>
     </span>
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
-          <a href="/posts/cpp-file/" class="post-title-link" itemprop="url">C++ 文件操作</a>
+          <a href="/posts/lianbiao/" class="post-title-link" itemprop="url">线性数据结构：链表的模板</a>
         </h2>
 
         <div class="post-meta-container">
@@ -228,9 +228,15 @@ <h2 class="post-title" itemprop="name headline">
         <i class="far fa-calendar"></i>
       </span>
       <span class="post-meta-item-text">发表于</span>
-      
 
-      <time title="创建时间：2023-07-17 17:23:11 / 修改时间：17:02:58" itemprop="dateCreated datePublished" datetime="2023-07-17T17:23:11+08:00">2023-07-17</time>
+      <time title="创建时间：2023-07-19 15:23:32" itemprop="dateCreated datePublished" datetime="2023-07-19T15:23:32+08:00">2023-07-19</time>
+    </span>
+    <span class="post-meta-item">
+      <span class="post-meta-item-icon">
+        <i class="far fa-calendar-check"></i>
+      </span>
+      <span class="post-meta-item-text">更新于</span>
+      <time title="修改时间：2023-07-25 08:18:46" itemprop="dateModified" datetime="2023-07-25T08:18:46+08:00">2023-07-25</time>
     </span>
     <span class="post-meta-item">
       <span class="post-meta-item-icon">
@@ -238,7 +244,7 @@ <h2 class="post-title" itemprop="name headline">
       </span>
       <span class="post-meta-item-text">分类于</span>
         <span itemprop="about" itemscope itemtype="http://schema.org/Thing">
-          <a href="/categories/%E7%BC%96%E7%A8%8B%E9%9A%8F%E8%AE%B0/" itemprop="url" rel="index"><span itemprop="name">编程随记</span></a>
+          <a href="/categories/%E8%AF%BE%E7%A8%8B%E7%AC%94%E8%AE%B0/" itemprop="url" rel="index"><span itemprop="name">课程笔记</span></a>
         </span>
     </span>
 
@@ -252,7 +258,8 @@ <h2 class="post-title" itemprop="name headline">
     
     
     <div class="post-body" itemprop="articleBody">
-          <p>我曾经用 Python 的 tkinter 库写过一个<a style="border-bottom:none;" target="_blank" rel="noopener" href="https://github.com/JoyWonderful/My-Python-File/blob/main/text-txt.py">文本编辑器</a>，一百多行，当时幼稚的我以为自己很了不起，因为当时的我认为读写文件是一件很复杂的事情。后来看看，这个东西做得很蹩脚，一个简单的 <code>with open()</code> 就完成了读写文件的操作，可见文件的读写是个很平常的事情。当年的喜悦大概是学到读写文件的喜悦吧。<br>C++ 读写文件，也算是比较平常的。当数据点大的时候输出到文件里更方便。就在这里小记一下读写文件的操作。</p>
+          <p>链表类似于数组，与数组不同的是，链表可以更加方便地更改数据和删除数据。数组若想将中间的数据删除，则要非很大功夫，而链表就不同了，它的操作更加简单一些（后面说）。</p>
+<p>链表的数据组可以叫做“结点”，结点分成两个部分：一个是数据域，一个是指针域，数据域存数据，指针域指向下一个结点的数据地址。正是指针域将链表的每一个结点连在了一起。这种特性有一个好处：内存地址可以不连续，而数组的内存地址是必须要连续的。<br>比如内存还有 2GB 空闲，我申请了一个 1GB 大的数组，理论上是可以申请下来的，但占用的内存不一定完全是连续的。假设内存被一大堆东西占用的零零碎碎：确实有 2GB，但分成 4 个 500MB，这就申请不下来。而链表呢，可以充分利用内存碎片，通过指针变量，将分开的数据连在一起。</p>
           <!--noindex-->
           <!--/noindex-->
         
@@ -281,7 +288,7 @@ <h2 class="post-title" itemprop="name headline">
   
 
   <article itemscope itemtype="http://schema.org/Article" class="post-content" lang="">
-    <link itemprop="mainEntityOfPage" href="https://joywonderful.github.io/posts/dfs/">
+    <link itemprop="mainEntityOfPage" href="https://joywonderful.github.io/posts/cpp-file/">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="/images/avatar.gif">
@@ -299,7 +306,7 @@ <h2 class="post-title" itemprop="name headline">
     </span>
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
-          <a href="/posts/dfs/" class="post-title-link" itemprop="url">深度优先搜索</a>
+          <a href="/posts/cpp-file/" class="post-title-link" itemprop="url">C++ 文件操作</a>
         </h2>
 
         <div class="post-meta-container">
@@ -309,15 +316,9 @@ <h2 class="post-title" itemprop="name headline">
         <i class="far fa-calendar"></i>
       </span>
       <span class="post-meta-item-text">发表于</span>
+      
 
-      <time title="创建时间：2023-07-14 17:18:43" itemprop="dateCreated datePublished" datetime="2023-07-14T17:18:43+08:00">2023-07-14</time>
-    </span>
-    <span class="post-meta-item">
-      <span class="post-meta-item-icon">
-        <i class="far fa-calendar-check"></i>
-      </span>
-      <span class="post-meta-item-text">更新于</span>
-      <time title="修改时间：2024-03-10 19:26:42" itemprop="dateModified" datetime="2024-03-10T19:26:42+08:00">2024-03-10</time>
+      <time title="创建时间：2023-07-17 17:23:11 / 修改时间：17:02:58" itemprop="dateCreated datePublished" datetime="2023-07-17T17:23:11+08:00">2023-07-17</time>
     </span>
     <span class="post-meta-item">
       <span class="post-meta-item-icon">
@@ -325,7 +326,7 @@ <h2 class="post-title" itemprop="name headline">
       </span>
       <span class="post-meta-item-text">分类于</span>
         <span itemprop="about" itemscope itemtype="http://schema.org/Thing">
-          <a href="/categories/%E8%AF%BE%E7%A8%8B%E7%AC%94%E8%AE%B0/" itemprop="url" rel="index"><span itemprop="name">课程笔记</span></a>
+          <a href="/categories/%E7%BC%96%E7%A8%8B%E9%9A%8F%E8%AE%B0/" itemprop="url" rel="index"><span itemprop="name">编程随记</span></a>
         </span>
     </span>
 
@@ -339,12 +340,7 @@ <h2 class="post-title" itemprop="name headline">
     
     
     <div class="post-body" itemprop="articleBody">
-          <h2 id="前置知识：图论"><a href="#前置知识：图论" class="headerlink" title="前置知识：图论"></a>前置知识：图论</h2><p>引用广为人知的一句话：</p>
-<blockquote>
-<p>图论 (Graph Theory) 是数学的一个分支。它以图为研究对象。图论中的图是由若干给定的点及连接两点的线所构成的图形，这种图形通常用来描述某些事物之间的某种特定关系，用点代表事物，用连接两点的线表示相应两个事物间具有这种关系。</p>
-</blockquote>
-<p>像深度优先搜索，其实也要用到“图”这个概念。其实，“图”体现了搜索（递归）的过程，计算机中的“图”有很多使用的场景。</p>
-<h2 id="概述"><a href="#概述" class="headerlink" title="概述"></a>概述</h2><p><strong>深度优先搜索</strong>（深搜），英文名 <strong>Depth First Search</strong>，简称 <strong>DFS</strong>。即从初始节点出发，按一定顺序不断地向下一节点扩展，达到条件则返回上一个节点，以此类推。这正是一个<a href="/posts/recursion">递归</a>的过程。叫深搜是因为它递归的过程若形象来看是不断“加深”的，这样一搜到底也是递归的特性。
+          <p>我曾经用 Python 的 tkinter 库写过一个<a style="border-bottom:none;" target="_blank" rel="noopener" href="https://github.com/JoyWonderful/My-Python-File/blob/main/text-txt.py">文本编辑器</a>，一百多行，当时幼稚的我以为自己很了不起，因为当时的我认为读写文件是一件很复杂的事情。后来看看，这个东西做得很蹩脚，一个简单的 <code>with open()</code> 就完成了读写文件的操作，可见文件的读写是个很平常的事情。当年的喜悦大概是学到读写文件的喜悦吧。<br>C++ 读写文件，也算是比较平常的。当数据点大的时候输出到文件里更方便。就在这里小记一下读写文件的操作。</p>
           <!--noindex-->
           <!--/noindex-->
         
@@ -373,7 +369,7 @@ <h2 id="概述"><a href="#概述" class="headerlink" title="概述"></a>概述</
   
 
   <article itemscope itemtype="http://schema.org/Article" class="post-content" lang="">
-    <link itemprop="mainEntityOfPage" href="https://joywonderful.github.io/posts/code-format/">
+    <link itemprop="mainEntityOfPage" href="https://joywonderful.github.io/posts/dfs/">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="/images/avatar.gif">
@@ -391,7 +387,7 @@ <h2 id="概述"><a href="#概述" class="headerlink" title="概述"></a>概述</
     </span>
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
-          <a href="/posts/code-format/" class="post-title-link" itemprop="url">个人意见：如何写出漂亮的代码</a>
+          <a href="/posts/dfs/" class="post-title-link" itemprop="url">深度优先搜索</a>
         </h2>
 
         <div class="post-meta-container">
@@ -402,14 +398,14 @@ <h2 class="post-title" itemprop="name headline">
       </span>
       <span class="post-meta-item-text">发表于</span>
 
-      <time title="创建时间：2023-07-07 16:42:34" itemprop="dateCreated datePublished" datetime="2023-07-07T16:42:34+08:00">2023-07-07</time>
+      <time title="创建时间：2023-07-14 17:18:43" itemprop="dateCreated datePublished" datetime="2023-07-14T17:18:43+08:00">2023-07-14</time>
     </span>
     <span class="post-meta-item">
       <span class="post-meta-item-icon">
         <i class="far fa-calendar-check"></i>
       </span>
       <span class="post-meta-item-text">更新于</span>
-      <time title="修改时间：2023-12-16 15:11:35" itemprop="dateModified" datetime="2023-12-16T15:11:35+08:00">2023-12-16</time>
+      <time title="修改时间：2024-03-10 19:26:42" itemprop="dateModified" datetime="2024-03-10T19:26:42+08:00">2024-03-10</time>
     </span>
     <span class="post-meta-item">
       <span class="post-meta-item-icon">
@@ -417,7 +413,7 @@ <h2 class="post-title" itemprop="name headline">
       </span>
       <span class="post-meta-item-text">分类于</span>
         <span itemprop="about" itemscope itemtype="http://schema.org/Thing">
-          <a href="/categories/%E7%BC%96%E7%A8%8B%E9%9A%8F%E8%AE%B0/" itemprop="url" rel="index"><span itemprop="name">编程随记</span></a>
+          <a href="/categories/%E8%AF%BE%E7%A8%8B%E7%AC%94%E8%AE%B0/" itemprop="url" rel="index"><span itemprop="name">课程笔记</span></a>
         </span>
     </span>
 
@@ -431,12 +427,12 @@ <h2 class="post-title" itemprop="name headline">
     
     
     <div class="post-body" itemprop="articleBody">
-          <div class="note warning"><p style="color:#f0ad4e;font-weight:800;margin-bottom:0px;">创作说明：</p>
-<p style="margin-bottom:0px;">此文章仅为个人看法。您写代码的习惯可以依据您的个人喜好。此文章只是一些个人的建议。</p>
-<p style="margin-bottom:0px;">您在 OI 竞赛中，您<strong>完全可以</strong>不去注意代码风格。</p>
-<p style="margin-bottom:0px;">此文章的建议主要用于工程代码中。</p></div>
-
-<p>代码的维护还是很重要的。相信谁也不愿意去维护连自己都看得头晕的代码。在这里，我想给出一些个人建议，让代码的可读性强一些。大部分代码以 C++ 为例。这篇文章其实也是给自己看的。</p>
+          <h2 id="前置知识：图论"><a href="#前置知识：图论" class="headerlink" title="前置知识：图论"></a>前置知识：图论</h2><p>引用广为人知的一句话：</p>
+<blockquote>
+<p>图论 (Graph Theory) 是数学的一个分支。它以图为研究对象。图论中的图是由若干给定的点及连接两点的线所构成的图形，这种图形通常用来描述某些事物之间的某种特定关系，用点代表事物，用连接两点的线表示相应两个事物间具有这种关系。</p>
+</blockquote>
+<p>像深度优先搜索，其实也要用到“图”这个概念。其实，“图”体现了搜索（递归）的过程，计算机中的“图”有很多使用的场景。</p>
+<h2 id="概述"><a href="#概述" class="headerlink" title="概述"></a>概述</h2><p><strong>深度优先搜索</strong>（深搜），英文名 <strong>Depth First Search</strong>，简称 <strong>DFS</strong>。即从初始节点出发，按一定顺序不断地向下一节点扩展，达到条件则返回上一个节点，以此类推。这正是一个<a href="/posts/recursion">递归</a>的过程。叫深搜是因为它递归的过程若形象来看是不断“加深”的，这样一搜到底也是递归的特性。
           <!--noindex-->
           <!--/noindex-->
         
@@ -465,7 +461,7 @@ <h2 class="post-title" itemprop="name headline">
   
 
   <article itemscope itemtype="http://schema.org/Article" class="post-content" lang="">
-    <link itemprop="mainEntityOfPage" href="https://joywonderful.github.io/posts/recursion/">
+    <link itemprop="mainEntityOfPage" href="https://joywonderful.github.io/posts/code-format/">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="/images/avatar.gif">
@@ -483,7 +479,7 @@ <h2 class="post-title" itemprop="name headline">
     </span>
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
-          <a href="/posts/recursion/" class="post-title-link" itemprop="url">递归</a>
+          <a href="/posts/code-format/" class="post-title-link" itemprop="url">个人意见：如何写出漂亮的代码</a>
         </h2>
 
         <div class="post-meta-container">
@@ -494,14 +490,14 @@ <h2 class="post-title" itemprop="name headline">
       </span>
       <span class="post-meta-item-text">发表于</span>
 
-      <time title="创建时间：2023-07-05 12:39:34" itemprop="dateCreated datePublished" datetime="2023-07-05T12:39:34+08:00">2023-07-05</time>
+      <time title="创建时间：2023-07-07 16:42:34" itemprop="dateCreated datePublished" datetime="2023-07-07T16:42:34+08:00">2023-07-07</time>
     </span>
     <span class="post-meta-item">
       <span class="post-meta-item-icon">
         <i class="far fa-calendar-check"></i>
       </span>
       <span class="post-meta-item-text">更新于</span>
-      <time title="修改时间：2024-03-10 19:29:34" itemprop="dateModified" datetime="2024-03-10T19:29:34+08:00">2024-03-10</time>
+      <time title="修改时间：2023-12-16 15:11:35" itemprop="dateModified" datetime="2023-12-16T15:11:35+08:00">2023-12-16</time>
     </span>
     <span class="post-meta-item">
       <span class="post-meta-item-icon">
@@ -509,7 +505,7 @@ <h2 class="post-title" itemprop="name headline">
       </span>
       <span class="post-meta-item-text">分类于</span>
         <span itemprop="about" itemscope itemtype="http://schema.org/Thing">
-          <a href="/categories/%E8%AF%BE%E7%A8%8B%E7%AC%94%E8%AE%B0/" itemprop="url" rel="index"><span itemprop="name">课程笔记</span></a>
+          <a href="/categories/%E7%BC%96%E7%A8%8B%E9%9A%8F%E8%AE%B0/" itemprop="url" rel="index"><span itemprop="name">编程随记</span></a>
         </span>
     </span>
 
@@ -523,23 +519,12 @@ <h2 class="post-title" itemprop="name headline">
     
     
     <div class="post-body" itemprop="articleBody">
-          <blockquote>
-<p><strong>写递归的要点</strong><br>明白一个函数的作用并相信它能完成这个任务，千万不要跳进这个函数里面企图探究更多细节， 否则就会陷入无穷的细节无法自拔，人脑能压几个栈啊。<br><span style="display:block;text-align:right;">—— <a target="_blank" rel="noopener" href="https://oi-wiki.org/basic/divide-and-conquer/#%E5%86%99%E9%80%92%E5%BD%92%E7%9A%84%E8%A6%81%E7%82%B9">OI-wiki</a></span></p>
-</blockquote>
-<p>递归，就是一个函数自身调用自身。递归起到类似与循环的效果。但是，与循环不同，递归可以<strong>分支</strong>。如果循环一定是一条直线，那么递归可能是树形结构。</p>
-<h2 id="循环-gt-递归"><a href="#循环-gt-递归" class="headerlink" title="循环 -&gt; 递归"></a>循环 -&gt; 递归</h2><p>前面说了，循环和递归很像。那么，我们可以将 <code>for</code> 循环尝试转为递归。先来一个循环的示例：</p>
-<pre class="language-cpp" data-language="cpp"><code class="language-cpp"><span class="token keyword">for</span><span class="token punctuation">(</span><span class="token keyword">int</span> i <span class="token operator">=</span> <span class="token number">1</span><span class="token punctuation">;</span> i <span class="token operator">&lt;=</span> n<span class="token punctuation">;</span> i<span class="token operator">++</span><span class="token punctuation">)</span>
-<span class="token punctuation">&#123;</span>
-    <span class="token function">printf</span><span class="token punctuation">(</span><span class="token string">"qwq, %d\n"</span><span class="token punctuation">,</span> n<span class="token punctuation">)</span><span class="token punctuation">;</span>
-<span class="token punctuation">&#125;</span></code></pre>
+          <div class="note warning"><p style="color:#f0ad4e;font-weight:800;margin-bottom:0px;">创作说明：</p>
+<p style="margin-bottom:0px;">此文章仅为个人看法。您写代码的习惯可以依据您的个人喜好。此文章只是一些个人的建议。</p>
+<p style="margin-bottom:0px;">您在 OI 竞赛中，您<strong>完全可以</strong>不去注意代码风格。</p>
+<p style="margin-bottom:0px;">此文章的建议主要用于工程代码中。</p></div>
 
-<p>首先，让我们来想一想，<code>for</code> 循环的括号中 3 个语句分别是干什么的呢？</p>
-<ol>
-<li><code>int i = 1;</code> 这是循环的<strong>初始化</strong>，定义了一个变量 $i$，将其赋值为 $1$。</li>
-<li><code>i &lt;= n;</code> 这是循环<strong>每次进行下去的条件</strong>，当 $i&gt;n$ 时即退出循环。</li>
-<li><code>i++</code> 这是循环<strong>每次结束后干的事</strong>，当执行完循环体时， $i$ 则加 $1$。</li>
-</ol>
-<p>这样回忆下来，可以发现，在 <code>for</code> 循环的括号中 3 个语句其实可以拆分出来。
+<p>代码的维护还是很重要的。相信谁也不愿意去维护连自己都看得头晕的代码。在这里，我想给出一些个人建议，让代码的可读性强一些。大部分代码以 C++ 为例。这篇文章其实也是给自己看的。</p>
           <!--noindex-->
           <!--/noindex-->
         
@@ -568,7 +553,7 @@ <h2 id="循环-gt-递归"><a href="#循环-gt-递归" class="headerlink" title="
   
 
   <article itemscope itemtype="http://schema.org/Article" class="post-content" lang="">
-    <link itemprop="mainEntityOfPage" href="https://joywonderful.github.io/posts/cpp-shujufanwei/">
+    <link itemprop="mainEntityOfPage" href="https://joywonderful.github.io/posts/recursion/">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="/images/avatar.gif">
@@ -586,7 +571,7 @@ <h2 id="循环-gt-递归"><a href="#循环-gt-递归" class="headerlink" title="
     </span>
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
-          <a href="/posts/cpp-shujufanwei/" class="post-title-link" itemprop="url">C++ 数据范围</a>
+          <a href="/posts/recursion/" class="post-title-link" itemprop="url">递归</a>
         </h2>
 
         <div class="post-meta-container">
@@ -597,14 +582,14 @@ <h2 class="post-title" itemprop="name headline">
       </span>
       <span class="post-meta-item-text">发表于</span>
 
-      <time title="创建时间：2023-07-02 17:30:34" itemprop="dateCreated datePublished" datetime="2023-07-02T17:30:34+08:00">2023-07-02</time>
+      <time title="创建时间：2023-07-05 12:39:34" itemprop="dateCreated datePublished" datetime="2023-07-05T12:39:34+08:00">2023-07-05</time>
     </span>
     <span class="post-meta-item">
       <span class="post-meta-item-icon">
         <i class="far fa-calendar-check"></i>
       </span>
       <span class="post-meta-item-text">更新于</span>
-      <time title="修改时间：2024-03-10 19:26:24" itemprop="dateModified" datetime="2024-03-10T19:26:24+08:00">2024-03-10</time>
+      <time title="修改时间：2024-03-10 19:29:34" itemprop="dateModified" datetime="2024-03-10T19:29:34+08:00">2024-03-10</time>
     </span>
     <span class="post-meta-item">
       <span class="post-meta-item-icon">
@@ -612,7 +597,7 @@ <h2 class="post-title" itemprop="name headline">
       </span>
       <span class="post-meta-item-text">分类于</span>
         <span itemprop="about" itemscope itemtype="http://schema.org/Thing">
-          <a href="/categories/%E7%BC%96%E7%A8%8B%E9%9A%8F%E8%AE%B0/" itemprop="url" rel="index"><span itemprop="name">编程随记</span></a>
+          <a href="/categories/%E8%AF%BE%E7%A8%8B%E7%AC%94%E8%AE%B0/" itemprop="url" rel="index"><span itemprop="name">课程笔记</span></a>
         </span>
     </span>
 
@@ -626,7 +611,23 @@ <h2 class="post-title" itemprop="name headline">
     
     
     <div class="post-body" itemprop="articleBody">
-          <p>这就是一个随记，方便自己用的。</p>
+          <blockquote>
+<p><strong>写递归的要点</strong><br>明白一个函数的作用并相信它能完成这个任务，千万不要跳进这个函数里面企图探究更多细节， 否则就会陷入无穷的细节无法自拔，人脑能压几个栈啊。<br><span style="display:block;text-align:right;">—— <a target="_blank" rel="noopener" href="https://oi-wiki.org/basic/divide-and-conquer/#%E5%86%99%E9%80%92%E5%BD%92%E7%9A%84%E8%A6%81%E7%82%B9">OI-wiki</a></span></p>
+</blockquote>
+<p>递归，就是一个函数自身调用自身。递归起到类似与循环的效果。但是，与循环不同，递归可以<strong>分支</strong>。如果循环一定是一条直线，那么递归可能是树形结构。</p>
+<h2 id="循环-gt-递归"><a href="#循环-gt-递归" class="headerlink" title="循环 -&gt; 递归"></a>循环 -&gt; 递归</h2><p>前面说了，循环和递归很像。那么，我们可以将 <code>for</code> 循环尝试转为递归。先来一个循环的示例：</p>
+<pre class="language-cpp" data-language="cpp"><code class="language-cpp"><span class="token keyword">for</span><span class="token punctuation">(</span><span class="token keyword">int</span> i <span class="token operator">=</span> <span class="token number">1</span><span class="token punctuation">;</span> i <span class="token operator">&lt;=</span> n<span class="token punctuation">;</span> i<span class="token operator">++</span><span class="token punctuation">)</span>
+<span class="token punctuation">&#123;</span>
+    <span class="token function">printf</span><span class="token punctuation">(</span><span class="token string">"qwq, %d\n"</span><span class="token punctuation">,</span> n<span class="token punctuation">)</span><span class="token punctuation">;</span>
+<span class="token punctuation">&#125;</span></code></pre>
+
+<p>首先，让我们来想一想，<code>for</code> 循环的括号中 3 个语句分别是干什么的呢？</p>
+<ol>
+<li><code>int i = 1;</code> 这是循环的<strong>初始化</strong>，定义了一个变量 $i$，将其赋值为 $1$。</li>
+<li><code>i &lt;= n;</code> 这是循环<strong>每次进行下去的条件</strong>，当 $i&gt;n$ 时即退出循环。</li>
+<li><code>i++</code> 这是循环<strong>每次结束后干的事</strong>，当执行完循环体时， $i$ 则加 $1$。</li>
+</ol>
+<p>这样回忆下来，可以发现，在 <code>for</code> 循环的括号中 3 个语句其实可以拆分出来。
           <!--noindex-->
           <!--/noindex-->
         
diff --git a/page/6/index.html b/page/6/index.html
index e37024c9..f78f5e9d 100644
--- a/page/6/index.html
+++ b/page/6/index.html
@@ -154,7 +154,7 @@ <h1 class="site-title">JoyWonderful的小窝</h1>
   <nav class="site-state">
       <div class="site-state-item site-state-posts">
         <a href="/archives/">
-          <span class="site-state-item-count">38</span>
+          <span class="site-state-item-count">39</span>
           <span class="site-state-item-name">日志</span>
         </a>
       </div>
@@ -165,7 +165,7 @@ <h1 class="site-title">JoyWonderful的小窝</h1>
       </div>
       <div class="site-state-item site-state-tags">
           <a href="/tags/">
-        <span class="site-state-item-count">19</span>
+        <span class="site-state-item-count">20</span>
         <span class="site-state-item-name">标签</span></a>
       </div>
   </nav>
@@ -200,7 +200,7 @@ <h1 class="site-title">JoyWonderful的小窝</h1>
   
 
   <article itemscope itemtype="http://schema.org/Article" class="post-content" lang="">
-    <link itemprop="mainEntityOfPage" href="https://joywonderful.github.io/posts/two-pointers/">
+    <link itemprop="mainEntityOfPage" href="https://joywonderful.github.io/posts/cpp-shujufanwei/">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="/images/avatar.gif">
@@ -218,7 +218,7 @@ <h1 class="site-title">JoyWonderful的小窝</h1>
     </span>
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
-          <a href="/posts/two-pointers/" class="post-title-link" itemprop="url">双指针-快慢指针</a>
+          <a href="/posts/cpp-shujufanwei/" class="post-title-link" itemprop="url">C++ 数据范围</a>
         </h2>
 
         <div class="post-meta-container">
@@ -229,14 +229,14 @@ <h2 class="post-title" itemprop="name headline">
       </span>
       <span class="post-meta-item-text">发表于</span>
 
-      <time title="创建时间：2023-06-26 18:00:45" itemprop="dateCreated datePublished" datetime="2023-06-26T18:00:45+08:00">2023-06-26</time>
+      <time title="创建时间：2023-07-02 17:30:34" itemprop="dateCreated datePublished" datetime="2023-07-02T17:30:34+08:00">2023-07-02</time>
     </span>
     <span class="post-meta-item">
       <span class="post-meta-item-icon">
         <i class="far fa-calendar-check"></i>
       </span>
       <span class="post-meta-item-text">更新于</span>
-      <time title="修改时间：2023-12-23 12:13:36" itemprop="dateModified" datetime="2023-12-23T12:13:36+08:00">2023-12-23</time>
+      <time title="修改时间：2024-03-10 19:26:24" itemprop="dateModified" datetime="2024-03-10T19:26:24+08:00">2024-03-10</time>
     </span>
     <span class="post-meta-item">
       <span class="post-meta-item-icon">
@@ -244,7 +244,7 @@ <h2 class="post-title" itemprop="name headline">
       </span>
       <span class="post-meta-item-text">分类于</span>
         <span itemprop="about" itemscope itemtype="http://schema.org/Thing">
-          <a href="/categories/%E8%AF%BE%E7%A8%8B%E7%AC%94%E8%AE%B0/" itemprop="url" rel="index"><span itemprop="name">课程笔记</span></a>
+          <a href="/categories/%E7%BC%96%E7%A8%8B%E9%9A%8F%E8%AE%B0/" itemprop="url" rel="index"><span itemprop="name">编程随记</span></a>
         </span>
     </span>
 
@@ -258,14 +258,7 @@ <h2 class="post-title" itemprop="name headline">
     
     
     <div class="post-body" itemprop="articleBody">
-          <blockquote>
-<p>双指针其实不是真正的指针，而是有两个变量在序列上进行一些操作。<br>——Lqingyi(Lxandqi)</p>
-</blockquote>
-<h2 id="思想分类"><a href="#思想分类" class="headerlink" title="思想分类"></a>思想分类</h2><ul>
-<li>普通双指针 也就是两个普通的 <code>for</code> （也可以是其他的）循环嵌套。</li>
-<li>左右指针 其实就是二分搜索，一个变量指向开头，一个变量指向末尾，根据条件向中间遍历，直到指针相遇或满足某种条件。（也就是逼近答案）</li>
-<li>快慢指针 两个指针（变量）开始同时开头，但一个遍历的快，一个慢，直到条件满足或指针到末尾。</li>
-</ul>
+          <p>这就是一个随记，方便自己用的。</p>
           <!--noindex-->
           <!--/noindex-->
         
@@ -294,7 +287,7 @@ <h2 id="思想分类"><a href="#思想分类" class="headerlink" title="思想
   
 
   <article itemscope itemtype="http://schema.org/Article" class="post-content" lang="">
-    <link itemprop="mainEntityOfPage" href="https://joywonderful.github.io/posts/drawpic/">
+    <link itemprop="mainEntityOfPage" href="https://joywonderful.github.io/posts/two-pointers/">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="/images/avatar.gif">
@@ -312,7 +305,7 @@ <h2 id="思想分类"><a href="#思想分类" class="headerlink" title="思想
     </span>
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
-          <a href="/posts/drawpic/" class="post-title-link" itemprop="url">自己画的一些画</a>
+          <a href="/posts/two-pointers/" class="post-title-link" itemprop="url">双指针-快慢指针</a>
         </h2>
 
         <div class="post-meta-container">
@@ -323,14 +316,14 @@ <h2 class="post-title" itemprop="name headline">
       </span>
       <span class="post-meta-item-text">发表于</span>
 
-      <time title="创建时间：2023-06-23 13:48:32" itemprop="dateCreated datePublished" datetime="2023-06-23T13:48:32+08:00">2023-06-23</time>
+      <time title="创建时间：2023-06-26 18:00:45" itemprop="dateCreated datePublished" datetime="2023-06-26T18:00:45+08:00">2023-06-26</time>
     </span>
     <span class="post-meta-item">
       <span class="post-meta-item-icon">
         <i class="far fa-calendar-check"></i>
       </span>
       <span class="post-meta-item-text">更新于</span>
-      <time title="修改时间：2023-12-17 09:55:56" itemprop="dateModified" datetime="2023-12-17T09:55:56+08:00">2023-12-17</time>
+      <time title="修改时间：2023-12-23 12:13:36" itemprop="dateModified" datetime="2023-12-23T12:13:36+08:00">2023-12-23</time>
     </span>
     <span class="post-meta-item">
       <span class="post-meta-item-icon">
@@ -338,7 +331,7 @@ <h2 class="post-title" itemprop="name headline">
       </span>
       <span class="post-meta-item-text">分类于</span>
         <span itemprop="about" itemscope itemtype="http://schema.org/Thing">
-          <a href="/categories/%E7%90%90%E7%A2%8E/" itemprop="url" rel="index"><span itemprop="name">琐碎</span></a>
+          <a href="/categories/%E8%AF%BE%E7%A8%8B%E7%AC%94%E8%AE%B0/" itemprop="url" rel="index"><span itemprop="name">课程笔记</span></a>
         </span>
     </span>
 
@@ -352,10 +345,14 @@ <h2 class="post-title" itemprop="name headline">
     
     
     <div class="post-body" itemprop="articleBody">
-          <div class="note info"><p style="color:#428bca;margin-bottom:0px;font-weight:bold;">附注：</p>
-此文章将保留。</div>
-
-<p>放假了闲着没事情干，便画了一些画，放在这儿，留此纪念。</p>
+          <blockquote>
+<p>双指针其实不是真正的指针，而是有两个变量在序列上进行一些操作。<br>——Lqingyi(Lxandqi)</p>
+</blockquote>
+<h2 id="思想分类"><a href="#思想分类" class="headerlink" title="思想分类"></a>思想分类</h2><ul>
+<li>普通双指针 也就是两个普通的 <code>for</code> （也可以是其他的）循环嵌套。</li>
+<li>左右指针 其实就是二分搜索，一个变量指向开头，一个变量指向末尾，根据条件向中间遍历，直到指针相遇或满足某种条件。（也就是逼近答案）</li>
+<li>快慢指针 两个指针（变量）开始同时开头，但一个遍历的快，一个慢，直到条件满足或指针到末尾。</li>
+</ul>
           <!--noindex-->
           <!--/noindex-->
         
@@ -384,7 +381,7 @@ <h2 class="post-title" itemprop="name headline">
   
 
   <article itemscope itemtype="http://schema.org/Article" class="post-content" lang="">
-    <link itemprop="mainEntityOfPage" href="https://joywonderful.github.io/posts/xiaolianbi/">
+    <link itemprop="mainEntityOfPage" href="https://joywonderful.github.io/posts/drawpic/">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="/images/avatar.gif">
@@ -402,7 +399,7 @@ <h2 class="post-title" itemprop="name headline">
     </span>
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
-          <a href="/posts/xiaolianbi/" class="post-title-link" itemprop="url">一些六年级的小练笔</a>
+          <a href="/posts/drawpic/" class="post-title-link" itemprop="url">自己画的一些画</a>
         </h2>
 
         <div class="post-meta-container">
@@ -413,14 +410,14 @@ <h2 class="post-title" itemprop="name headline">
       </span>
       <span class="post-meta-item-text">发表于</span>
 
-      <time title="创建时间：2023-06-20 09:25:18" itemprop="dateCreated datePublished" datetime="2023-06-20T09:25:18+08:00">2023-06-20</time>
+      <time title="创建时间：2023-06-23 13:48:32" itemprop="dateCreated datePublished" datetime="2023-06-23T13:48:32+08:00">2023-06-23</time>
     </span>
     <span class="post-meta-item">
       <span class="post-meta-item-icon">
         <i class="far fa-calendar-check"></i>
       </span>
       <span class="post-meta-item-text">更新于</span>
-      <time title="修改时间：2023-07-03 17:54:15" itemprop="dateModified" datetime="2023-07-03T17:54:15+08:00">2023-07-03</time>
+      <time title="修改时间：2023-12-17 09:55:56" itemprop="dateModified" datetime="2023-12-17T09:55:56+08:00">2023-12-17</time>
     </span>
     <span class="post-meta-item">
       <span class="post-meta-item-icon">
@@ -442,8 +439,10 @@ <h2 class="post-title" itemprop="name headline">
     
     
     <div class="post-body" itemprop="articleBody">
-          <p>一些六年级写的小作文（小练笔），留作纪念。</p>
-<h2 id="主题：点面结合写“体检”300字以上"><a href="#主题：点面结合写“体检”300字以上" class="headerlink" title="主题：点面结合写“体检”300字以上"></a>主题：点面结合写“体检”300字以上</h2><p>同学们紧张地等待着，一年一度的体检开始了。<br>与往常不同的是，这次体检要抽血。验血区里，紧张的气氛非常明显。我一拿到<em><strong>条形码</strong></em>(当时验血有一个条形码，用来验证身份和当作标签)，就直奔验血区,怕时间长了自己会害怕。很快就轮到了我。我卷起袖子，将胳膊往桌上一放，马上扭过头闭上眼，不敢看针扎进我的胳膊里的样子。
+          <div class="note info"><p style="color:#428bca;margin-bottom:0px;font-weight:bold;">附注：</p>
+此文章将保留。</div>
+
+<p>放假了闲着没事情干，便画了一些画，放在这儿，留此纪念。</p>
           <!--noindex-->
           <!--/noindex-->
         
@@ -472,7 +471,7 @@ <h2 id="主题：点面结合写“体检”300字以上"><a href="#主题：点
   
 
   <article itemscope itemtype="http://schema.org/Article" class="post-content" lang="">
-    <link itemprop="mainEntityOfPage" href="https://joywonderful.github.io/posts/sort/">
+    <link itemprop="mainEntityOfPage" href="https://joywonderful.github.io/posts/xiaolianbi/">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="/images/avatar.gif">
@@ -490,7 +489,7 @@ <h2 id="主题：点面结合写“体检”300字以上"><a href="#主题：点
     </span>
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
-          <a href="/posts/sort/" class="post-title-link" itemprop="url">排序</a>
+          <a href="/posts/xiaolianbi/" class="post-title-link" itemprop="url">一些六年级的小练笔</a>
         </h2>
 
         <div class="post-meta-container">
@@ -501,14 +500,14 @@ <h2 class="post-title" itemprop="name headline">
       </span>
       <span class="post-meta-item-text">发表于</span>
 
-      <time title="创建时间：2023-06-10 17:21:38" itemprop="dateCreated datePublished" datetime="2023-06-10T17:21:38+08:00">2023-06-10</time>
+      <time title="创建时间：2023-06-20 09:25:18" itemprop="dateCreated datePublished" datetime="2023-06-20T09:25:18+08:00">2023-06-20</time>
     </span>
     <span class="post-meta-item">
       <span class="post-meta-item-icon">
         <i class="far fa-calendar-check"></i>
       </span>
       <span class="post-meta-item-text">更新于</span>
-      <time title="修改时间：2024-03-10 19:18:26" itemprop="dateModified" datetime="2024-03-10T19:18:26+08:00">2024-03-10</time>
+      <time title="修改时间：2023-07-03 17:54:15" itemprop="dateModified" datetime="2023-07-03T17:54:15+08:00">2023-07-03</time>
     </span>
     <span class="post-meta-item">
       <span class="post-meta-item-icon">
@@ -516,7 +515,7 @@ <h2 class="post-title" itemprop="name headline">
       </span>
       <span class="post-meta-item-text">分类于</span>
         <span itemprop="about" itemscope itemtype="http://schema.org/Thing">
-          <a href="/categories/%E8%AF%BE%E7%A8%8B%E7%AC%94%E8%AE%B0/" itemprop="url" rel="index"><span itemprop="name">课程笔记</span></a>
+          <a href="/categories/%E7%90%90%E7%A2%8E/" itemprop="url" rel="index"><span itemprop="name">琐碎</span></a>
         </span>
     </span>
 
@@ -530,18 +529,8 @@ <h2 class="post-title" itemprop="name headline">
     
     
     <div class="post-body" itemprop="articleBody">
-          <h2 id="一些说在前面的要点"><a href="#一些说在前面的要点" class="headerlink" title="一些说在前面的要点"></a>一些说在前面的要点</h2><ul>
-<li><strong>稳定性</strong><ul>
-<li>在我们以下学过的排序算法中，只有<strong>选择排序</strong>不是稳定的。</li>
-<li>稳定性，就是有两个相同的数字，在排序后两个数字的相对位置不变。（前面的在前面，后面的在后面）</li>
-</ul>
-</li>
-<li><strong>逆序对</strong><ul>
-<li>前面的一个数字大于后面一个数字，这就叫做逆序对。</li>
-<li>例如 $5\ 1\ 2\ 3\ 4$ 中，有 $4$ 对逆序对。</li>
-</ul>
-</li>
-</ul>
+          <p>一些六年级写的小作文（小练笔），留作纪念。</p>
+<h2 id="主题：点面结合写“体检”300字以上"><a href="#主题：点面结合写“体检”300字以上" class="headerlink" title="主题：点面结合写“体检”300字以上"></a>主题：点面结合写“体检”300字以上</h2><p>同学们紧张地等待着，一年一度的体检开始了。<br>与往常不同的是，这次体检要抽血。验血区里，紧张的气氛非常明显。我一拿到<em><strong>条形码</strong></em>(当时验血有一个条形码，用来验证身份和当作标签)，就直奔验血区,怕时间长了自己会害怕。很快就轮到了我。我卷起袖子，将胳膊往桌上一放，马上扭过头闭上眼，不敢看针扎进我的胳膊里的样子。
           <!--noindex-->
           <!--/noindex-->
         
@@ -570,7 +559,7 @@ <h2 id="一些说在前面的要点"><a href="#一些说在前面的要点" clas
   
 
   <article itemscope itemtype="http://schema.org/Article" class="post-content" lang="">
-    <link itemprop="mainEntityOfPage" href="https://joywonderful.github.io/posts/struct-class/">
+    <link itemprop="mainEntityOfPage" href="https://joywonderful.github.io/posts/sort/">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="/images/avatar.gif">
@@ -588,7 +577,7 @@ <h2 id="一些说在前面的要点"><a href="#一些说在前面的要点" clas
     </span>
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
-          <a href="/posts/struct-class/" class="post-title-link" itemprop="url">C++类（结构体）</a>
+          <a href="/posts/sort/" class="post-title-link" itemprop="url">排序</a>
         </h2>
 
         <div class="post-meta-container">
@@ -599,14 +588,14 @@ <h2 class="post-title" itemprop="name headline">
       </span>
       <span class="post-meta-item-text">发表于</span>
 
-      <time title="创建时间：2023-05-31 19:16:45" itemprop="dateCreated datePublished" datetime="2023-05-31T19:16:45+08:00">2023-05-31</time>
+      <time title="创建时间：2023-06-10 17:21:38" itemprop="dateCreated datePublished" datetime="2023-06-10T17:21:38+08:00">2023-06-10</time>
     </span>
     <span class="post-meta-item">
       <span class="post-meta-item-icon">
         <i class="far fa-calendar-check"></i>
       </span>
       <span class="post-meta-item-text">更新于</span>
-      <time title="修改时间：2023-12-23 12:17:28" itemprop="dateModified" datetime="2023-12-23T12:17:28+08:00">2023-12-23</time>
+      <time title="修改时间：2024-03-10 19:18:26" itemprop="dateModified" datetime="2024-03-10T19:18:26+08:00">2024-03-10</time>
     </span>
     <span class="post-meta-item">
       <span class="post-meta-item-icon">
@@ -628,19 +617,21 @@ <h2 class="post-title" itemprop="name headline">
     
     
     <div class="post-body" itemprop="articleBody">
-          <h2 id="创建一个类"><a href="#创建一个类" class="headerlink" title="创建一个类"></a>创建一个类</h2><p><strong>类</strong>类似于结构体，只不过他是C++独有的而已。对于我这个入门者来说，类几乎等于结构体，只不过他出现了一种概念：公有 <code>public</code> 私有 <code>private</code> 受保护的 <code>protected</code> 。当然，对于我来说，除了 <code>public</code> 能用，其他的<strong>都不能用</strong>。<del>我还是<strong>太蒻了</strong>。捂脸.jpg</del> 但是继承类似乎可以用。例如：</p>
-<pre class="language-cpp" data-language="cpp"><code class="language-cpp"><span class="token keyword">class</span> <span class="token class-name">myclass</span>
-<span class="token punctuation">&#123;</span>
-    <span class="token keyword">public</span> <span class="token operator">:</span>
-        <span class="token keyword">int</span> a <span class="token punctuation">;</span>
-    <span class="token keyword">private</span> <span class="token operator">:</span>
-        <span class="token keyword">int</span> b <span class="token punctuation">;</span>
-    <span class="token keyword">protected</span> <span class="token operator">:</span>
-        <span class="token keyword">int</span> c <span class="token punctuation">;</span>
-<span class="token punctuation">&#125;</span></code></pre>
-
-<p>对于我来说，除了 a 都不能用。<br>好像也没啥能记的了。再次捂脸.jpg</p>
-
+          <h2 id="一些说在前面的要点"><a href="#一些说在前面的要点" class="headerlink" title="一些说在前面的要点"></a>一些说在前面的要点</h2><ul>
+<li><strong>稳定性</strong><ul>
+<li>在我们以下学过的排序算法中，只有<strong>选择排序</strong>不是稳定的。</li>
+<li>稳定性，就是有两个相同的数字，在排序后两个数字的相对位置不变。（前面的在前面，后面的在后面）</li>
+</ul>
+</li>
+<li><strong>逆序对</strong><ul>
+<li>前面的一个数字大于后面一个数字，这就叫做逆序对。</li>
+<li>例如 $5\ 1\ 2\ 3\ 4$ 中，有 $4$ 对逆序对。</li>
+</ul>
+</li>
+</ul>
+          <!--noindex-->
+          <!--/noindex-->
+        
       
     </div>
 
diff --git a/page/7/index.html b/page/7/index.html
index 0c110678..731d762e 100644
--- a/page/7/index.html
+++ b/page/7/index.html
@@ -154,7 +154,7 @@ <h1 class="site-title">JoyWonderful的小窝</h1>
   <nav class="site-state">
       <div class="site-state-item site-state-posts">
         <a href="/archives/">
-          <span class="site-state-item-count">38</span>
+          <span class="site-state-item-count">39</span>
           <span class="site-state-item-name">日志</span>
         </a>
       </div>
@@ -165,7 +165,7 @@ <h1 class="site-title">JoyWonderful的小窝</h1>
       </div>
       <div class="site-state-item site-state-tags">
           <a href="/tags/">
-        <span class="site-state-item-count">19</span>
+        <span class="site-state-item-count">20</span>
         <span class="site-state-item-name">标签</span></a>
       </div>
   </nav>
@@ -200,7 +200,7 @@ <h1 class="site-title">JoyWonderful的小窝</h1>
   
 
   <article itemscope itemtype="http://schema.org/Article" class="post-content" lang="">
-    <link itemprop="mainEntityOfPage" href="https://joywonderful.github.io/posts/erfen/">
+    <link itemprop="mainEntityOfPage" href="https://joywonderful.github.io/posts/struct-class/">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="/images/avatar.gif">
@@ -218,7 +218,7 @@ <h1 class="site-title">JoyWonderful的小窝</h1>
     </span>
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
-          <a href="/posts/erfen/" class="post-title-link" itemprop="url">二分</a>
+          <a href="/posts/struct-class/" class="post-title-link" itemprop="url">C++类（结构体）</a>
         </h2>
 
         <div class="post-meta-container">
@@ -229,14 +229,14 @@ <h2 class="post-title" itemprop="name headline">
       </span>
       <span class="post-meta-item-text">发表于</span>
 
-      <time title="创建时间：2023-05-21 15:22:53" itemprop="dateCreated datePublished" datetime="2023-05-21T15:22:53+08:00">2023-05-21</time>
+      <time title="创建时间：2023-05-31 19:16:45" itemprop="dateCreated datePublished" datetime="2023-05-31T19:16:45+08:00">2023-05-31</time>
     </span>
     <span class="post-meta-item">
       <span class="post-meta-item-icon">
         <i class="far fa-calendar-check"></i>
       </span>
       <span class="post-meta-item-text">更新于</span>
-      <time title="修改时间：2024-03-10 19:09:01" itemprop="dateModified" datetime="2024-03-10T19:09:01+08:00">2024-03-10</time>
+      <time title="修改时间：2023-12-23 12:17:28" itemprop="dateModified" datetime="2023-12-23T12:17:28+08:00">2023-12-23</time>
     </span>
     <span class="post-meta-item">
       <span class="post-meta-item-icon">
@@ -258,12 +258,19 @@ <h2 class="post-title" itemprop="name headline">
     
     
     <div class="post-body" itemprop="articleBody">
-          <h2 id="二分的意义"><a href="#二分的意义" class="headerlink" title="二分的意义"></a>二分的意义</h2><p><strong>优化</strong>。顾名思义，将一整个<strong>有序的</strong>数列分成两个部分，不断缩小边界，查找某个数字。<br>二分的时间复杂度为 $O(log\ 2\ n)$ 。</p>
-<p>此时，我们学的还是整数二分以及浮点二分。</p>
-<h2 id="整数二分的两个模板"><a href="#整数二分的两个模板" class="headerlink" title="整数二分的两个模板"></a>整数二分的两个模板</h2><p>二分的前提是这个序列是<strong>有序的</strong>，也就是单调递增的。<br>一般来说，二分会取中间值进行初始化，再判断这个中间值是否大于目标值。若是，则缩减左边界，否则缩减右边界。直至逼近答案。<br>说“逼近”，是因为有时查找的元素不存在于序列中，那所二分出的答案是接近于的，但又是不正确的。所以要加上一个特判。除非说明给出的想查询的元素所有都是存在于序列中的。</p>
-          <!--noindex-->
-          <!--/noindex-->
-        
+          <h2 id="创建一个类"><a href="#创建一个类" class="headerlink" title="创建一个类"></a>创建一个类</h2><p><strong>类</strong>类似于结构体，只不过他是C++独有的而已。对于我这个入门者来说，类几乎等于结构体，只不过他出现了一种概念：公有 <code>public</code> 私有 <code>private</code> 受保护的 <code>protected</code> 。当然，对于我来说，除了 <code>public</code> 能用，其他的<strong>都不能用</strong>。<del>我还是<strong>太蒻了</strong>。捂脸.jpg</del> 但是继承类似乎可以用。例如：</p>
+<pre class="language-cpp" data-language="cpp"><code class="language-cpp"><span class="token keyword">class</span> <span class="token class-name">myclass</span>
+<span class="token punctuation">&#123;</span>
+    <span class="token keyword">public</span> <span class="token operator">:</span>
+        <span class="token keyword">int</span> a <span class="token punctuation">;</span>
+    <span class="token keyword">private</span> <span class="token operator">:</span>
+        <span class="token keyword">int</span> b <span class="token punctuation">;</span>
+    <span class="token keyword">protected</span> <span class="token operator">:</span>
+        <span class="token keyword">int</span> c <span class="token punctuation">;</span>
+<span class="token punctuation">&#125;</span></code></pre>
+
+<p>对于我来说，除了 a 都不能用。<br>好像也没啥能记的了。再次捂脸.jpg</p>
+
       
     </div>
 
@@ -289,7 +296,7 @@ <h2 id="整数二分的两个模板"><a href="#整数二分的两个模板" clas
   
 
   <article itemscope itemtype="http://schema.org/Article" class="post-content" lang="">
-    <link itemprop="mainEntityOfPage" href="https://joywonderful.github.io/posts/zhizhen/">
+    <link itemprop="mainEntityOfPage" href="https://joywonderful.github.io/posts/erfen/">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="/images/avatar.gif">
@@ -307,7 +314,7 @@ <h2 id="整数二分的两个模板"><a href="#整数二分的两个模板" clas
     </span>
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
-          <a href="/posts/zhizhen/" class="post-title-link" itemprop="url">指针</a>
+          <a href="/posts/erfen/" class="post-title-link" itemprop="url">二分</a>
         </h2>
 
         <div class="post-meta-container">
@@ -318,14 +325,14 @@ <h2 class="post-title" itemprop="name headline">
       </span>
       <span class="post-meta-item-text">发表于</span>
 
-      <time title="创建时间：2023-05-18 19:50:56" itemprop="dateCreated datePublished" datetime="2023-05-18T19:50:56+08:00">2023-05-18</time>
+      <time title="创建时间：2023-05-21 15:22:53" itemprop="dateCreated datePublished" datetime="2023-05-21T15:22:53+08:00">2023-05-21</time>
     </span>
     <span class="post-meta-item">
       <span class="post-meta-item-icon">
         <i class="far fa-calendar-check"></i>
       </span>
       <span class="post-meta-item-text">更新于</span>
-      <time title="修改时间：2023-12-23 11:57:42" itemprop="dateModified" datetime="2023-12-23T11:57:42+08:00">2023-12-23</time>
+      <time title="修改时间：2024-03-10 19:09:01" itemprop="dateModified" datetime="2024-03-10T19:09:01+08:00">2024-03-10</time>
     </span>
     <span class="post-meta-item">
       <span class="post-meta-item-icon">
@@ -347,12 +354,9 @@ <h2 class="post-title" itemprop="name headline">
     
     
     <div class="post-body" itemprop="articleBody">
-          <h2 id="指针的作用"><a href="#指针的作用" class="headerlink" title="指针的作用"></a>指针的作用</h2><p>指针，顾名思义，就是指向某一东西的标志。</p>
-<p>当我们想存地址时，就可以使用指针变量：</p>
-<pre class="language-cpp" data-language="cpp"><code class="language-cpp"><span class="token keyword">int</span> a <span class="token punctuation">;</span>
-<span class="token keyword">int</span> <span class="token operator">*</span>b <span class="token operator">=</span> <span class="token operator">&amp;</span>a <span class="token punctuation">;</span></code></pre>
-
-<p><code>b</code>就是一个指针变量，存着<code>a</code>的地址。</p>
+          <h2 id="二分的意义"><a href="#二分的意义" class="headerlink" title="二分的意义"></a>二分的意义</h2><p><strong>优化</strong>。顾名思义，将一整个<strong>有序的</strong>数列分成两个部分，不断缩小边界，查找某个数字。<br>二分的时间复杂度为 $O(log\ 2\ n)$ 。</p>
+<p>此时，我们学的还是整数二分以及浮点二分。</p>
+<h2 id="整数二分的两个模板"><a href="#整数二分的两个模板" class="headerlink" title="整数二分的两个模板"></a>整数二分的两个模板</h2><p>二分的前提是这个序列是<strong>有序的</strong>，也就是单调递增的。<br>一般来说，二分会取中间值进行初始化，再判断这个中间值是否大于目标值。若是，则缩减左边界，否则缩减右边界。直至逼近答案。<br>说“逼近”，是因为有时查找的元素不存在于序列中，那所二分出的答案是接近于的，但又是不正确的。所以要加上一个特判。除非说明给出的想查询的元素所有都是存在于序列中的。</p>
           <!--noindex-->
           <!--/noindex-->
         
@@ -381,7 +385,7 @@ <h2 id="指针的作用"><a href="#指针的作用" class="headerlink" title="
   
 
   <article itemscope itemtype="http://schema.org/Article" class="post-content" lang="">
-    <link itemprop="mainEntityOfPage" href="https://joywonderful.github.io/posts/yixieyouyongdedongxiyoumei/">
+    <link itemprop="mainEntityOfPage" href="https://joywonderful.github.io/posts/zhizhen/">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="/images/avatar.gif">
@@ -399,7 +403,7 @@ <h2 id="指针的作用"><a href="#指针的作用" class="headerlink" title="
     </span>
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
-          <a href="/posts/yixieyouyongdedongxiyoumei/" class="post-title-link" itemprop="url">一些有用的东西有没有用的东西</a>
+          <a href="/posts/zhizhen/" class="post-title-link" itemprop="url">指针</a>
         </h2>
 
         <div class="post-meta-container">
@@ -410,14 +414,14 @@ <h2 class="post-title" itemprop="name headline">
       </span>
       <span class="post-meta-item-text">发表于</span>
 
-      <time title="创建时间：2023-05-17 20:13:18" itemprop="dateCreated datePublished" datetime="2023-05-17T20:13:18+08:00">2023-05-17</time>
+      <time title="创建时间：2023-05-18 19:50:56" itemprop="dateCreated datePublished" datetime="2023-05-18T19:50:56+08:00">2023-05-18</time>
     </span>
     <span class="post-meta-item">
       <span class="post-meta-item-icon">
         <i class="far fa-calendar-check"></i>
       </span>
       <span class="post-meta-item-text">更新于</span>
-      <time title="修改时间：2024-03-10 19:31:36" itemprop="dateModified" datetime="2024-03-10T19:31:36+08:00">2024-03-10</time>
+      <time title="修改时间：2023-12-23 11:57:42" itemprop="dateModified" datetime="2023-12-23T11:57:42+08:00">2023-12-23</time>
     </span>
     <span class="post-meta-item">
       <span class="post-meta-item-icon">
@@ -439,8 +443,12 @@ <h2 class="post-title" itemprop="name headline">
     
     
     <div class="post-body" itemprop="articleBody">
-          <h2 id="宏定义和类型定义"><a href="#宏定义和类型定义" class="headerlink" title="宏定义和类型定义"></a>宏定义和类型定义</h2><p><em>宏定义</em>，<strong>将一个指令导向另一个指令</strong>。宏定义属于<strong>预处理指令</strong>，使用规范为：</p>
-<pre class="language-cpp" data-language="cpp"><code class="language-cpp"><span class="token macro property"><span class="token directive-hash">#</span><span class="token directive keyword">define</span> <span class="token expression"><span class="token punctuation">[</span>标识符<span class="token punctuation">]</span> <span class="token punctuation">[</span>常量<span class="token punctuation">]</span></span></span></code></pre>
+          <h2 id="指针的作用"><a href="#指针的作用" class="headerlink" title="指针的作用"></a>指针的作用</h2><p>指针，顾名思义，就是指向某一东西的标志。</p>
+<p>当我们想存地址时，就可以使用指针变量：</p>
+<pre class="language-cpp" data-language="cpp"><code class="language-cpp"><span class="token keyword">int</span> a <span class="token punctuation">;</span>
+<span class="token keyword">int</span> <span class="token operator">*</span>b <span class="token operator">=</span> <span class="token operator">&amp;</span>a <span class="token punctuation">;</span></code></pre>
+
+<p><code>b</code>就是一个指针变量，存着<code>a</code>的地址。</p>
           <!--noindex-->
           <!--/noindex-->
         
@@ -469,7 +477,7 @@ <h2 id="宏定义和类型定义"><a href="#宏定义和类型定义" class="hea
   
 
   <article itemscope itemtype="http://schema.org/Article" class="post-content" lang="">
-    <link itemprop="mainEntityOfPage" href="https://joywonderful.github.io/posts/shijianfuzaduhekongjianfuzadu/">
+    <link itemprop="mainEntityOfPage" href="https://joywonderful.github.io/posts/yixieyouyongdedongxiyoumei/">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="/images/avatar.gif">
@@ -487,7 +495,7 @@ <h2 id="宏定义和类型定义"><a href="#宏定义和类型定义" class="hea
     </span>
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
-          <a href="/posts/shijianfuzaduhekongjianfuzadu/" class="post-title-link" itemprop="url">时间复杂度和空间复杂度</a>
+          <a href="/posts/yixieyouyongdedongxiyoumei/" class="post-title-link" itemprop="url">一些有用的东西有没有用的东西</a>
         </h2>
 
         <div class="post-meta-container">
@@ -498,14 +506,14 @@ <h2 class="post-title" itemprop="name headline">
       </span>
       <span class="post-meta-item-text">发表于</span>
 
-      <time title="创建时间：2023-05-08 20:13:18" itemprop="dateCreated datePublished" datetime="2023-05-08T20:13:18+08:00">2023-05-08</time>
+      <time title="创建时间：2023-05-17 20:13:18" itemprop="dateCreated datePublished" datetime="2023-05-17T20:13:18+08:00">2023-05-17</time>
     </span>
     <span class="post-meta-item">
       <span class="post-meta-item-icon">
         <i class="far fa-calendar-check"></i>
       </span>
       <span class="post-meta-item-text">更新于</span>
-      <time title="修改时间：2024-03-10 19:30:03" itemprop="dateModified" datetime="2024-03-10T19:30:03+08:00">2024-03-10</time>
+      <time title="修改时间：2024-03-10 19:31:36" itemprop="dateModified" datetime="2024-03-10T19:31:36+08:00">2024-03-10</time>
     </span>
     <span class="post-meta-item">
       <span class="post-meta-item-icon">
@@ -527,23 +535,8 @@ <h2 class="post-title" itemprop="name headline">
     
     
     <div class="post-body" itemprop="articleBody">
-          <h2 id="时间复杂度"><a href="#时间复杂度" class="headerlink" title="时间复杂度"></a>时间复杂度</h2><p>时间复杂度，就是<strong>电脑运行一段程序所需要的时间</strong>。</p>
-<p>另外，电脑每秒可以运行<code>1e8</code>次。($x$ e $y$代表$x$乘10的$y$次方，即<code>100000000</code>次)</p>
-<p>时间复杂度记作$O$(n)。</p>
-<hr>
-<p>普通的时间复杂度**(常数时间)**记作$O$(1)，为一段最简单的程序的时间复杂度。</p>
-<p>如以下程序的时间复杂度为$O$(1)：</p>
-<pre class="language-cpp" data-language="cpp"><code class="language-cpp"><span class="token macro property"><span class="token directive-hash">#</span><span class="token directive keyword">include</span> <span class="token string">&lt;stdio.h></span></span>
-<span class="token keyword">using</span> <span class="token keyword">namespace</span> std <span class="token punctuation">;</span>
-
-<span class="token keyword">int</span> <span class="token function">main</span><span class="token punctuation">(</span><span class="token punctuation">)</span>
-<span class="token punctuation">&#123;</span>
-    <span class="token keyword">int</span> n <span class="token punctuation">;</span>
-    
-    <span class="token keyword">return</span> <span class="token number">0</span> <span class="token punctuation">;</span>
-<span class="token punctuation">&#125;</span></code></pre>
-
-<p>没错，什么都没有干，只创建了一个变量。</p>
+          <h2 id="宏定义和类型定义"><a href="#宏定义和类型定义" class="headerlink" title="宏定义和类型定义"></a>宏定义和类型定义</h2><p><em>宏定义</em>，<strong>将一个指令导向另一个指令</strong>。宏定义属于<strong>预处理指令</strong>，使用规范为：</p>
+<pre class="language-cpp" data-language="cpp"><code class="language-cpp"><span class="token macro property"><span class="token directive-hash">#</span><span class="token directive keyword">define</span> <span class="token expression"><span class="token punctuation">[</span>标识符<span class="token punctuation">]</span> <span class="token punctuation">[</span>常量<span class="token punctuation">]</span></span></span></code></pre>
           <!--noindex-->
           <!--/noindex-->
         
@@ -572,7 +565,7 @@ <h2 id="时间复杂度"><a href="#时间复杂度" class="headerlink" title="
   
 
   <article itemscope itemtype="http://schema.org/Article" class="post-content" lang="">
-    <link itemprop="mainEntityOfPage" href="https://joywonderful.github.io/posts/qianzhuihe/">
+    <link itemprop="mainEntityOfPage" href="https://joywonderful.github.io/posts/shijianfuzaduhekongjianfuzadu/">
 
     <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
       <meta itemprop="image" content="/images/avatar.gif">
@@ -590,7 +583,7 @@ <h2 id="时间复杂度"><a href="#时间复杂度" class="headerlink" title="
     </span>
       <header class="post-header">
         <h2 class="post-title" itemprop="name headline">
-          <a href="/posts/qianzhuihe/" class="post-title-link" itemprop="url">前缀和</a>
+          <a href="/posts/shijianfuzaduhekongjianfuzadu/" class="post-title-link" itemprop="url">时间复杂度和空间复杂度</a>
         </h2>
 
         <div class="post-meta-container">
@@ -601,14 +594,14 @@ <h2 class="post-title" itemprop="name headline">
       </span>
       <span class="post-meta-item-text">发表于</span>
 
-      <time title="创建时间：2023-05-07 18:20:04" itemprop="dateCreated datePublished" datetime="2023-05-07T18:20:04+08:00">2023-05-07</time>
+      <time title="创建时间：2023-05-08 20:13:18" itemprop="dateCreated datePublished" datetime="2023-05-08T20:13:18+08:00">2023-05-08</time>
     </span>
     <span class="post-meta-item">
       <span class="post-meta-item-icon">
         <i class="far fa-calendar-check"></i>
       </span>
       <span class="post-meta-item-text">更新于</span>
-      <time title="修改时间：2024-03-10 19:11:30" itemprop="dateModified" datetime="2024-03-10T19:11:30+08:00">2024-03-10</time>
+      <time title="修改时间：2024-03-10 19:30:03" itemprop="dateModified" datetime="2024-03-10T19:30:03+08:00">2024-03-10</time>
     </span>
     <span class="post-meta-item">
       <span class="post-meta-item-icon">
@@ -630,8 +623,23 @@ <h2 class="post-title" itemprop="name headline">
     
     
     <div class="post-body" itemprop="articleBody">
-          <h2 id="开始"><a href="#开始" class="headerlink" title="开始"></a>开始</h2><p>前缀和是一种<strong>优化算法</strong>，用于求区间和。若数据范围特别大，写 <code>for</code> 循环很可能会爆时间复杂度，就可以用上前缀和了。前缀和有<strong>一维前缀和</strong>和<strong>二维前缀和</strong>，我暂时还没有学二位前缀和，故在此不多赘述。</p>
-<h2 id="使用"><a href="#使用" class="headerlink" title="使用"></a>使用</h2><p>一维前缀和需要把一个数组比如数组 $a[0]$ 到 $a[n]$ （$n$ 为 $a$ 数组长度 $-1$ ）储存到另一个数组中比如 数组 $b$。那么：$\sum_{i = 1}^{a[i]} b[i]$ </p>
+          <h2 id="时间复杂度"><a href="#时间复杂度" class="headerlink" title="时间复杂度"></a>时间复杂度</h2><p>时间复杂度，就是<strong>电脑运行一段程序所需要的时间</strong>。</p>
+<p>另外，电脑每秒可以运行<code>1e8</code>次。($x$ e $y$代表$x$乘10的$y$次方，即<code>100000000</code>次)</p>
+<p>时间复杂度记作$O$(n)。</p>
+<hr>
+<p>普通的时间复杂度**(常数时间)**记作$O$(1)，为一段最简单的程序的时间复杂度。</p>
+<p>如以下程序的时间复杂度为$O$(1)：</p>
+<pre class="language-cpp" data-language="cpp"><code class="language-cpp"><span class="token macro property"><span class="token directive-hash">#</span><span class="token directive keyword">include</span> <span class="token string">&lt;stdio.h></span></span>
+<span class="token keyword">using</span> <span class="token keyword">namespace</span> std <span class="token punctuation">;</span>
+
+<span class="token keyword">int</span> <span class="token function">main</span><span class="token punctuation">(</span><span class="token punctuation">)</span>
+<span class="token punctuation">&#123;</span>
+    <span class="token keyword">int</span> n <span class="token punctuation">;</span>
+    
+    <span class="token keyword">return</span> <span class="token number">0</span> <span class="token punctuation">;</span>
+<span class="token punctuation">&#125;</span></code></pre>
+
+<p>没错，什么都没有干，只创建了一个变量。</p>
           <!--noindex-->
           <!--/noindex-->
         
diff --git a/page/8/index.html b/page/8/index.html
index ddfcef42..68479a1f 100644
--- a/page/8/index.html
+++ b/page/8/index.html
@@ -154,7 +154,7 @@ <h1 class="site-title">JoyWonderful的小窝</h1>
   <nav class="site-state">
       <div class="site-state-item site-state-posts">
         <a href="/archives/">
-          <span class="site-state-item-count">38</span>
+          <span class="site-state-item-count">39</span>
           <span class="site-state-item-name">日志</span>
         </a>
       </div>
@@ -165,7 +165,7 @@ <h1 class="site-title">JoyWonderful的小窝</h1>
       </div>
       <div class="site-state-item site-state-tags">
           <a href="/tags/">
-        <span class="site-state-item-count">19</span>
+        <span class="site-state-item-count">20</span>
         <span class="site-state-item-name">标签</span></a>
       </div>
   </nav>
@@ -195,6 +195,94 @@ <h1 class="site-title">JoyWonderful的小窝</h1>
     
 
 
+<div class="post-block">
+  
+  
+
+  <article itemscope itemtype="http://schema.org/Article" class="post-content" lang="">
+    <link itemprop="mainEntityOfPage" href="https://joywonderful.github.io/posts/qianzhuihe/">
+
+    <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
+      <meta itemprop="image" content="/images/avatar.gif">
+      <meta itemprop="name" content="JoyWonderful">
+    </span>
+
+    <span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
+      <meta itemprop="name" content="JoyWonderful的小窝">
+      <meta itemprop="description" content="">
+    </span>
+
+    <span hidden itemprop="post" itemscope itemtype="http://schema.org/CreativeWork">
+      <meta itemprop="name" content="undefined | JoyWonderful的小窝">
+      <meta itemprop="description" content="">
+    </span>
+      <header class="post-header">
+        <h2 class="post-title" itemprop="name headline">
+          <a href="/posts/qianzhuihe/" class="post-title-link" itemprop="url">前缀和</a>
+        </h2>
+
+        <div class="post-meta-container">
+          <div class="post-meta">
+    <span class="post-meta-item">
+      <span class="post-meta-item-icon">
+        <i class="far fa-calendar"></i>
+      </span>
+      <span class="post-meta-item-text">发表于</span>
+
+      <time title="创建时间：2023-05-07 18:20:04" itemprop="dateCreated datePublished" datetime="2023-05-07T18:20:04+08:00">2023-05-07</time>
+    </span>
+    <span class="post-meta-item">
+      <span class="post-meta-item-icon">
+        <i class="far fa-calendar-check"></i>
+      </span>
+      <span class="post-meta-item-text">更新于</span>
+      <time title="修改时间：2024-03-10 19:11:30" itemprop="dateModified" datetime="2024-03-10T19:11:30+08:00">2024-03-10</time>
+    </span>
+    <span class="post-meta-item">
+      <span class="post-meta-item-icon">
+        <i class="far fa-folder"></i>
+      </span>
+      <span class="post-meta-item-text">分类于</span>
+        <span itemprop="about" itemscope itemtype="http://schema.org/Thing">
+          <a href="/categories/%E8%AF%BE%E7%A8%8B%E7%AC%94%E8%AE%B0/" itemprop="url" rel="index"><span itemprop="name">课程笔记</span></a>
+        </span>
+    </span>
+
+  
+</div>
+
+        </div>
+      </header>
+
+    
+    
+    
+    <div class="post-body" itemprop="articleBody">
+          <h2 id="开始"><a href="#开始" class="headerlink" title="开始"></a>开始</h2><p>前缀和是一种<strong>优化算法</strong>，用于求区间和。若数据范围特别大，写 <code>for</code> 循环很可能会爆时间复杂度，就可以用上前缀和了。前缀和有<strong>一维前缀和</strong>和<strong>二维前缀和</strong>，我暂时还没有学二位前缀和，故在此不多赘述。</p>
+<h2 id="使用"><a href="#使用" class="headerlink" title="使用"></a>使用</h2><p>一维前缀和需要把一个数组比如数组 $a[0]$ 到 $a[n]$ （$n$ 为 $a$ 数组长度 $-1$ ）储存到另一个数组中比如 数组 $b$。那么：$\sum_{i = 1}^{a[i]} b[i]$ </p>
+          <!--noindex-->
+          <!--/noindex-->
+        
+      
+    </div>
+
+    
+    
+    
+
+    <footer class="post-footer">
+        <div class="post-eof"></div>
+      
+    </footer>
+  </article>
+</div>
+
+
+
+
+    
+
+
 <div class="post-block">
   
   
diff --git a/posts/all-the-test/index.html b/posts/all-the-test/index.html
index a20c20ee..17bb40bd 100644
--- a/posts/all-the-test/index.html
+++ b/posts/all-the-test/index.html
@@ -161,7 +161,7 @@
   <nav class="site-state">
       <div class="site-state-item site-state-posts">
         <a href="/archives/">
-          <span class="site-state-item-count">38</span>
+          <span class="site-state-item-count">39</span>
           <span class="site-state-item-name">日志</span>
         </a>
       </div>
@@ -172,7 +172,7 @@
       </div>
       <div class="site-state-item site-state-tags">
           <a href="/tags/">
-        <span class="site-state-item-count">19</span>
+        <span class="site-state-item-count">20</span>
         <span class="site-state-item-name">标签</span></a>
       </div>
   </nav>
diff --git a/posts/bfs/index.html b/posts/bfs/index.html
index 6a28e90d..d905ddfe 100644
--- a/posts/bfs/index.html
+++ b/posts/bfs/index.html
@@ -161,7 +161,7 @@
   <nav class="site-state">
       <div class="site-state-item site-state-posts">
         <a href="/archives/">
-          <span class="site-state-item-count">38</span>
+          <span class="site-state-item-count">39</span>
           <span class="site-state-item-name">日志</span>
         </a>
       </div>
@@ -172,7 +172,7 @@
       </div>
       <div class="site-state-item site-state-tags">
           <a href="/tags/">
-        <span class="site-state-item-count">19</span>
+        <span class="site-state-item-count">20</span>
         <span class="site-state-item-name">标签</span></a>
       </div>
   </nav>
diff --git a/posts/bichaj/index.html b/posts/bichaj/index.html
index 79de640a..9b2f08a5 100644
--- a/posts/bichaj/index.html
+++ b/posts/bichaj/index.html
@@ -163,7 +163,7 @@
   <nav class="site-state">
       <div class="site-state-item site-state-posts">
         <a href="/archives/">
-          <span class="site-state-item-count">38</span>
+          <span class="site-state-item-count">39</span>
           <span class="site-state-item-name">日志</span>
         </a>
       </div>
@@ -174,7 +174,7 @@
       </div>
       <div class="site-state-item site-state-tags">
           <a href="/tags/">
-        <span class="site-state-item-count">19</span>
+        <span class="site-state-item-count">20</span>
         <span class="site-state-item-name">标签</span></a>
       </div>
   </nav>
diff --git a/posts/binarytree-fme/index.html b/posts/binarytree-fme/index.html
index 85dbfba2..e7f6467d 100644
--- a/posts/binarytree-fme/index.html
+++ b/posts/binarytree-fme/index.html
@@ -163,7 +163,7 @@
   <nav class="site-state">
       <div class="site-state-item site-state-posts">
         <a href="/archives/">
-          <span class="site-state-item-count">38</span>
+          <span class="site-state-item-count">39</span>
           <span class="site-state-item-name">日志</span>
         </a>
       </div>
@@ -174,7 +174,7 @@
       </div>
       <div class="site-state-item site-state-tags">
           <a href="/tags/">
-        <span class="site-state-item-count">19</span>
+        <span class="site-state-item-count">20</span>
         <span class="site-state-item-name">标签</span></a>
       </div>
   </nav>
diff --git a/posts/chafen/index.html b/posts/chafen/index.html
index f2e1c5a7..83a0d69f 100644
--- a/posts/chafen/index.html
+++ b/posts/chafen/index.html
@@ -162,7 +162,7 @@
   <nav class="site-state">
       <div class="site-state-item site-state-posts">
         <a href="/archives/">
-          <span class="site-state-item-count">38</span>
+          <span class="site-state-item-count">39</span>
           <span class="site-state-item-name">日志</span>
         </a>
       </div>
@@ -173,7 +173,7 @@
       </div>
       <div class="site-state-item site-state-tags">
           <a href="/tags/">
-        <span class="site-state-item-count">19</span>
+        <span class="site-state-item-count">20</span>
         <span class="site-state-item-name">标签</span></a>
       </div>
   </nav>
diff --git a/posts/chrome-ext/index.html b/posts/chrome-ext/index.html
index 1ed6148b..0acf8d9d 100644
--- a/posts/chrome-ext/index.html
+++ b/posts/chrome-ext/index.html
@@ -164,7 +164,7 @@
   <nav class="site-state">
       <div class="site-state-item site-state-posts">
         <a href="/archives/">
-          <span class="site-state-item-count">38</span>
+          <span class="site-state-item-count">39</span>
           <span class="site-state-item-name">日志</span>
         </a>
       </div>
@@ -175,7 +175,7 @@
       </div>
       <div class="site-state-item site-state-tags">
           <a href="/tags/">
-        <span class="site-state-item-count">19</span>
+        <span class="site-state-item-count">20</span>
         <span class="site-state-item-name">标签</span></a>
       </div>
   </nav>
@@ -325,6 +325,9 @@ <h2 id="后面的废话"><a href="#后面的废话" class="headerlink" title="
                 </a>
             </div>
             <div class="post-nav-item">
+                <a href="/posts/trast-styl/" rel="next" title="样式过渡动画">
+                  样式过渡动画 <i class="fa fa-angle-right"></i>
+                </a>
             </div>
           </div>
     </footer>
diff --git a/posts/code-format/index.html b/posts/code-format/index.html
index 0cde86b6..d338336a 100644
--- a/posts/code-format/index.html
+++ b/posts/code-format/index.html
@@ -160,7 +160,7 @@
   <nav class="site-state">
       <div class="site-state-item site-state-posts">
         <a href="/archives/">
-          <span class="site-state-item-count">38</span>
+          <span class="site-state-item-count">39</span>
           <span class="site-state-item-name">日志</span>
         </a>
       </div>
@@ -171,7 +171,7 @@
       </div>
       <div class="site-state-item site-state-tags">
           <a href="/tags/">
-        <span class="site-state-item-count">19</span>
+        <span class="site-state-item-count">20</span>
         <span class="site-state-item-name">标签</span></a>
       </div>
   </nav>
diff --git a/posts/cpp-file/index.html b/posts/cpp-file/index.html
index ba400de4..5640b595 100644
--- a/posts/cpp-file/index.html
+++ b/posts/cpp-file/index.html
@@ -159,7 +159,7 @@
   <nav class="site-state">
       <div class="site-state-item site-state-posts">
         <a href="/archives/">
-          <span class="site-state-item-count">38</span>
+          <span class="site-state-item-count">39</span>
           <span class="site-state-item-name">日志</span>
         </a>
       </div>
@@ -170,7 +170,7 @@
       </div>
       <div class="site-state-item site-state-tags">
           <a href="/tags/">
-        <span class="site-state-item-count">19</span>
+        <span class="site-state-item-count">20</span>
         <span class="site-state-item-name">标签</span></a>
       </div>
   </nav>
diff --git a/posts/cpp-shujufanwei/index.html b/posts/cpp-shujufanwei/index.html
index a1163e25..6756d023 100644
--- a/posts/cpp-shujufanwei/index.html
+++ b/posts/cpp-shujufanwei/index.html
@@ -159,7 +159,7 @@
   <nav class="site-state">
       <div class="site-state-item site-state-posts">
         <a href="/archives/">
-          <span class="site-state-item-count">38</span>
+          <span class="site-state-item-count">39</span>
           <span class="site-state-item-name">日志</span>
         </a>
       </div>
@@ -170,7 +170,7 @@
       </div>
       <div class="site-state-item site-state-tags">
           <a href="/tags/">
-        <span class="site-state-item-count">19</span>
+        <span class="site-state-item-count">20</span>
         <span class="site-state-item-name">标签</span></a>
       </div>
   </nav>
diff --git a/posts/dfs/index.html b/posts/dfs/index.html
index f54cb5c9..ac4edf17 100644
--- a/posts/dfs/index.html
+++ b/posts/dfs/index.html
@@ -162,7 +162,7 @@
   <nav class="site-state">
       <div class="site-state-item site-state-posts">
         <a href="/archives/">
-          <span class="site-state-item-count">38</span>
+          <span class="site-state-item-count">39</span>
           <span class="site-state-item-name">日志</span>
         </a>
       </div>
@@ -173,7 +173,7 @@
       </div>
       <div class="site-state-item site-state-tags">
           <a href="/tags/">
-        <span class="site-state-item-count">19</span>
+        <span class="site-state-item-count">20</span>
         <span class="site-state-item-name">标签</span></a>
       </div>
   </nav>
diff --git a/posts/dp-zobb/index.html b/posts/dp-zobb/index.html
index d0ef08c1..2c43e033 100644
--- a/posts/dp-zobb/index.html
+++ b/posts/dp-zobb/index.html
@@ -160,7 +160,7 @@
   <nav class="site-state">
       <div class="site-state-item site-state-posts">
         <a href="/archives/">
-          <span class="site-state-item-count">38</span>
+          <span class="site-state-item-count">39</span>
           <span class="site-state-item-name">日志</span>
         </a>
       </div>
@@ -171,7 +171,7 @@
       </div>
       <div class="site-state-item site-state-tags">
           <a href="/tags/">
-        <span class="site-state-item-count">19</span>
+        <span class="site-state-item-count">20</span>
         <span class="site-state-item-name">标签</span></a>
       </div>
   </nav>
diff --git a/posts/drawpic/index.html b/posts/drawpic/index.html
index 83ad4b34..99e4d5d5 100644
--- a/posts/drawpic/index.html
+++ b/posts/drawpic/index.html
@@ -161,7 +161,7 @@
   <nav class="site-state">
       <div class="site-state-item site-state-posts">
         <a href="/archives/">
-          <span class="site-state-item-count">38</span>
+          <span class="site-state-item-count">39</span>
           <span class="site-state-item-name">日志</span>
         </a>
       </div>
@@ -172,7 +172,7 @@
       </div>
       <div class="site-state-item site-state-tags">
           <a href="/tags/">
-        <span class="site-state-item-count">19</span>
+        <span class="site-state-item-count">20</span>
         <span class="site-state-item-name">标签</span></a>
       </div>
   </nav>
diff --git a/posts/erase-css/index.html b/posts/erase-css/index.html
index e73fe4e6..033b975c 100644
--- a/posts/erase-css/index.html
+++ b/posts/erase-css/index.html
@@ -161,7 +161,7 @@
   <nav class="site-state">
       <div class="site-state-item site-state-posts">
         <a href="/archives/">
-          <span class="site-state-item-count">38</span>
+          <span class="site-state-item-count">39</span>
           <span class="site-state-item-name">日志</span>
         </a>
       </div>
@@ -172,7 +172,7 @@
       </div>
       <div class="site-state-item site-state-tags">
           <a href="/tags/">
-        <span class="site-state-item-count">19</span>
+        <span class="site-state-item-count">20</span>
         <span class="site-state-item-name">标签</span></a>
       </div>
   </nav>
diff --git a/posts/erfen/index.html b/posts/erfen/index.html
index 853b2364..1ca33e12 100644
--- a/posts/erfen/index.html
+++ b/posts/erfen/index.html
@@ -161,7 +161,7 @@
   <nav class="site-state">
       <div class="site-state-item site-state-posts">
         <a href="/archives/">
-          <span class="site-state-item-count">38</span>
+          <span class="site-state-item-count">39</span>
           <span class="site-state-item-name">日志</span>
         </a>
       </div>
@@ -172,7 +172,7 @@
       </div>
       <div class="site-state-item site-state-tags">
           <a href="/tags/">
-        <span class="site-state-item-count">19</span>
+        <span class="site-state-item-count">20</span>
         <span class="site-state-item-name">标签</span></a>
       </div>
   </nav>
diff --git a/posts/function/index.html b/posts/function/index.html
index f439e384..e5eb81de 100644
--- a/posts/function/index.html
+++ b/posts/function/index.html
@@ -161,7 +161,7 @@
   <nav class="site-state">
       <div class="site-state-item site-state-posts">
         <a href="/archives/">
-          <span class="site-state-item-count">38</span>
+          <span class="site-state-item-count">39</span>
           <span class="site-state-item-name">日志</span>
         </a>
       </div>
@@ -172,7 +172,7 @@
       </div>
       <div class="site-state-item site-state-tags">
           <a href="/tags/">
-        <span class="site-state-item-count">19</span>
+        <span class="site-state-item-count">20</span>
         <span class="site-state-item-name">标签</span></a>
       </div>
   </nav>
diff --git a/posts/gdb-debug-file/index.html b/posts/gdb-debug-file/index.html
index b558649a..8fcef458 100644
--- a/posts/gdb-debug-file/index.html
+++ b/posts/gdb-debug-file/index.html
@@ -160,7 +160,7 @@
   <nav class="site-state">
       <div class="site-state-item site-state-posts">
         <a href="/archives/">
-          <span class="site-state-item-count">38</span>
+          <span class="site-state-item-count">39</span>
           <span class="site-state-item-name">日志</span>
         </a>
       </div>
@@ -171,7 +171,7 @@
       </div>
       <div class="site-state-item site-state-tags">
           <a href="/tags/">
-        <span class="site-state-item-count">19</span>
+        <span class="site-state-item-count">20</span>
         <span class="site-state-item-name">标签</span></a>
       </div>
   </nav>
diff --git a/posts/git-github/index.html b/posts/git-github/index.html
index e81f3758..f891ad5a 100644
--- a/posts/git-github/index.html
+++ b/posts/git-github/index.html
@@ -162,7 +162,7 @@
   <nav class="site-state">
       <div class="site-state-item site-state-posts">
         <a href="/archives/">
-          <span class="site-state-item-count">38</span>
+          <span class="site-state-item-count">39</span>
           <span class="site-state-item-name">日志</span>
         </a>
       </div>
@@ -173,7 +173,7 @@
       </div>
       <div class="site-state-item site-state-tags">
           <a href="/tags/">
-        <span class="site-state-item-count">19</span>
+        <span class="site-state-item-count">20</span>
         <span class="site-state-item-name">标签</span></a>
       </div>
   </nav>
diff --git a/posts/graph-tree/index.html b/posts/graph-tree/index.html
index 5479a691..349af5d1 100644
--- a/posts/graph-tree/index.html
+++ b/posts/graph-tree/index.html
@@ -168,7 +168,7 @@
   <nav class="site-state">
       <div class="site-state-item site-state-posts">
         <a href="/archives/">
-          <span class="site-state-item-count">38</span>
+          <span class="site-state-item-count">39</span>
           <span class="site-state-item-name">日志</span>
         </a>
       </div>
@@ -179,7 +179,7 @@
       </div>
       <div class="site-state-item site-state-tags">
           <a href="/tags/">
-        <span class="site-state-item-count">19</span>
+        <span class="site-state-item-count">20</span>
         <span class="site-state-item-name">标签</span></a>
       </div>
   </nav>
diff --git a/posts/hexo-pretty/index.html b/posts/hexo-pretty/index.html
index 7154223f..ff5aa758 100644
--- a/posts/hexo-pretty/index.html
+++ b/posts/hexo-pretty/index.html
@@ -167,7 +167,7 @@
   <nav class="site-state">
       <div class="site-state-item site-state-posts">
         <a href="/archives/">
-          <span class="site-state-item-count">38</span>
+          <span class="site-state-item-count">39</span>
           <span class="site-state-item-name">日志</span>
         </a>
       </div>
@@ -178,7 +178,7 @@
       </div>
       <div class="site-state-item site-state-tags">
           <a href="/tags/">
-        <span class="site-state-item-count">19</span>
+        <span class="site-state-item-count">20</span>
         <span class="site-state-item-name">标签</span></a>
       </div>
   </nav>
diff --git a/posts/hover-show/index.html b/posts/hover-show/index.html
index 1ec70bf7..13315efb 100644
--- a/posts/hover-show/index.html
+++ b/posts/hover-show/index.html
@@ -27,9 +27,10 @@
 <meta property="og:description" content="最近弄的 github 卡片，弄了半天弄出来的鼠标悬浮显示文字的效果。使用 CSS 伪元素弄出来的小提示。但是不适合 overflow: hidden; 的元素。不管怎么说，还是很好用的，忘掉了就不太好，也就放到博客里来了。">
 <meta property="og:locale" content="zh_CN">
 <meta property="article:published_time" content="2023-11-12T03:45:14.000Z">
-<meta property="article:modified_time" content="2024-03-10T12:01:26.522Z">
+<meta property="article:modified_time" content="2024-03-17T01:17:03.046Z">
 <meta property="article:author" content="JoyWonderful">
 <meta property="article:tag" content="HTML">
+<meta property="article:tag" content="CSS">
 <meta name="twitter:card" content="summary">
 
 
@@ -159,7 +160,7 @@
   <nav class="site-state">
       <div class="site-state-item site-state-posts">
         <a href="/archives/">
-          <span class="site-state-item-count">38</span>
+          <span class="site-state-item-count">39</span>
           <span class="site-state-item-name">日志</span>
         </a>
       </div>
@@ -170,7 +171,7 @@
       </div>
       <div class="site-state-item site-state-tags">
           <a href="/tags/">
-        <span class="site-state-item-count">19</span>
+        <span class="site-state-item-count">20</span>
         <span class="site-state-item-name">标签</span></a>
       </div>
   </nav>
@@ -242,7 +243,7 @@ <h1 class="post-title" itemprop="name headline">
         <i class="far fa-calendar-check"></i>
       </span>
       <span class="post-meta-item-text">更新于</span>
-      <time title="修改时间：2024-03-10 20:01:26" itemprop="dateModified" datetime="2024-03-10T20:01:26+08:00">2024-03-10</time>
+      <time title="修改时间：2024-03-17 09:17:03" itemprop="dateModified" datetime="2024-03-17T09:17:03+08:00">2024-03-17</time>
     </span>
     <span class="post-meta-item">
       <span class="post-meta-item-icon">
@@ -480,6 +481,7 @@ <h1 class="post-title" itemprop="name headline">
     <footer class="post-footer">
           <div class="post-tags">
               <a href="/tags/HTML/" rel="tag"><i class="fa fa-tag"></i> HTML</a>
+              <a href="/tags/CSS/" rel="tag"><i class="fa fa-tag"></i> CSS</a>
           </div>
 
         
diff --git a/posts/huff-tree/index.html b/posts/huff-tree/index.html
index ab86aa0e..1020275a 100644
--- a/posts/huff-tree/index.html
+++ b/posts/huff-tree/index.html
@@ -164,7 +164,7 @@
   <nav class="site-state">
       <div class="site-state-item site-state-posts">
         <a href="/archives/">
-          <span class="site-state-item-count">38</span>
+          <span class="site-state-item-count">39</span>
           <span class="site-state-item-name">日志</span>
         </a>
       </div>
@@ -175,7 +175,7 @@
       </div>
       <div class="site-state-item site-state-tags">
           <a href="/tags/">
-        <span class="site-state-item-count">19</span>
+        <span class="site-state-item-count">20</span>
         <span class="site-state-item-name">标签</span></a>
       </div>
   </nav>
diff --git a/posts/jinzhi/index.html b/posts/jinzhi/index.html
index 73d858cc..b92b838a 100644
--- a/posts/jinzhi/index.html
+++ b/posts/jinzhi/index.html
@@ -160,7 +160,7 @@
   <nav class="site-state">
       <div class="site-state-item site-state-posts">
         <a href="/archives/">
-          <span class="site-state-item-count">38</span>
+          <span class="site-state-item-count">39</span>
           <span class="site-state-item-name">日志</span>
         </a>
       </div>
@@ -171,7 +171,7 @@
       </div>
       <div class="site-state-item site-state-tags">
           <a href="/tags/">
-        <span class="site-state-item-count">19</span>
+        <span class="site-state-item-count">20</span>
         <span class="site-state-item-name">标签</span></a>
       </div>
   </nav>
diff --git a/posts/js-random-pic/index.html b/posts/js-random-pic/index.html
index 5b3db591..abd0cb20 100644
--- a/posts/js-random-pic/index.html
+++ b/posts/js-random-pic/index.html
@@ -164,7 +164,7 @@
   <nav class="site-state">
       <div class="site-state-item site-state-posts">
         <a href="/archives/">
-          <span class="site-state-item-count">38</span>
+          <span class="site-state-item-count">39</span>
           <span class="site-state-item-name">日志</span>
         </a>
       </div>
@@ -175,7 +175,7 @@
       </div>
       <div class="site-state-item site-state-tags">
           <a href="/tags/">
-        <span class="site-state-item-count">19</span>
+        <span class="site-state-item-count">20</span>
         <span class="site-state-item-name">标签</span></a>
       </div>
   </nav>
diff --git a/posts/lianbiao/index.html b/posts/lianbiao/index.html
index f890535f..b1c214b8 100644
--- a/posts/lianbiao/index.html
+++ b/posts/lianbiao/index.html
@@ -161,7 +161,7 @@
   <nav class="site-state">
       <div class="site-state-item site-state-posts">
         <a href="/archives/">
-          <span class="site-state-item-count">38</span>
+          <span class="site-state-item-count">39</span>
           <span class="site-state-item-name">日志</span>
         </a>
       </div>
@@ -172,7 +172,7 @@
       </div>
       <div class="site-state-item site-state-tags">
           <a href="/tags/">
-        <span class="site-state-item-count">19</span>
+        <span class="site-state-item-count">20</span>
         <span class="site-state-item-name">标签</span></a>
       </div>
   </nav>
diff --git a/posts/namespace/index.html b/posts/namespace/index.html
index 96f0e542..fb269781 100644
--- a/posts/namespace/index.html
+++ b/posts/namespace/index.html
@@ -160,7 +160,7 @@
   <nav class="site-state">
       <div class="site-state-item site-state-posts">
         <a href="/archives/">
-          <span class="site-state-item-count">38</span>
+          <span class="site-state-item-count">39</span>
           <span class="site-state-item-name">日志</span>
         </a>
       </div>
@@ -171,7 +171,7 @@
       </div>
       <div class="site-state-item site-state-tags">
           <a href="/tags/">
-        <span class="site-state-item-count">19</span>
+        <span class="site-state-item-count">20</span>
         <span class="site-state-item-name">标签</span></a>
       </div>
   </nav>
diff --git a/posts/qianzhuihe/index.html b/posts/qianzhuihe/index.html
index 7cc08907..c9f66f4c 100644
--- a/posts/qianzhuihe/index.html
+++ b/posts/qianzhuihe/index.html
@@ -161,7 +161,7 @@
   <nav class="site-state">
       <div class="site-state-item site-state-posts">
         <a href="/archives/">
-          <span class="site-state-item-count">38</span>
+          <span class="site-state-item-count">39</span>
           <span class="site-state-item-name">日志</span>
         </a>
       </div>
@@ -172,7 +172,7 @@
       </div>
       <div class="site-state-item site-state-tags">
           <a href="/tags/">
-        <span class="site-state-item-count">19</span>
+        <span class="site-state-item-count">20</span>
         <span class="site-state-item-name">标签</span></a>
       </div>
   </nav>
diff --git a/posts/recursion/index.html b/posts/recursion/index.html
index 03f25a23..31f9bf3e 100644
--- a/posts/recursion/index.html
+++ b/posts/recursion/index.html
@@ -165,7 +165,7 @@
   <nav class="site-state">
       <div class="site-state-item site-state-posts">
         <a href="/archives/">
-          <span class="site-state-item-count">38</span>
+          <span class="site-state-item-count">39</span>
           <span class="site-state-item-name">日志</span>
         </a>
       </div>
@@ -176,7 +176,7 @@
       </div>
       <div class="site-state-item site-state-tags">
           <a href="/tags/">
-        <span class="site-state-item-count">19</span>
+        <span class="site-state-item-count">20</span>
         <span class="site-state-item-name">标签</span></a>
       </div>
   </nav>
diff --git a/posts/seventh-lianbi/index.html b/posts/seventh-lianbi/index.html
index 5865eb2a..f90a608c 100644
--- a/posts/seventh-lianbi/index.html
+++ b/posts/seventh-lianbi/index.html
@@ -160,7 +160,7 @@
   <nav class="site-state">
       <div class="site-state-item site-state-posts">
         <a href="/archives/">
-          <span class="site-state-item-count">38</span>
+          <span class="site-state-item-count">39</span>
           <span class="site-state-item-name">日志</span>
         </a>
       </div>
@@ -171,7 +171,7 @@
       </div>
       <div class="site-state-item site-state-tags">
           <a href="/tags/">
-        <span class="site-state-item-count">19</span>
+        <span class="site-state-item-count">20</span>
         <span class="site-state-item-name">标签</span></a>
       </div>
   </nav>
diff --git a/posts/shaifa/index.html b/posts/shaifa/index.html
index e93cf013..a1af2138 100644
--- a/posts/shaifa/index.html
+++ b/posts/shaifa/index.html
@@ -161,7 +161,7 @@
   <nav class="site-state">
       <div class="site-state-item site-state-posts">
         <a href="/archives/">
-          <span class="site-state-item-count">38</span>
+          <span class="site-state-item-count">39</span>
           <span class="site-state-item-name">日志</span>
         </a>
       </div>
@@ -172,7 +172,7 @@
       </div>
       <div class="site-state-item site-state-tags">
           <a href="/tags/">
-        <span class="site-state-item-count">19</span>
+        <span class="site-state-item-count">20</span>
         <span class="site-state-item-name">标签</span></a>
       </div>
   </nav>
diff --git a/posts/shijianfuzaduhekongjianfuzadu/index.html b/posts/shijianfuzaduhekongjianfuzadu/index.html
index 99a4e7ee..1a0a90d6 100644
--- a/posts/shijianfuzaduhekongjianfuzadu/index.html
+++ b/posts/shijianfuzaduhekongjianfuzadu/index.html
@@ -160,7 +160,7 @@
   <nav class="site-state">
       <div class="site-state-item site-state-posts">
         <a href="/archives/">
-          <span class="site-state-item-count">38</span>
+          <span class="site-state-item-count">39</span>
           <span class="site-state-item-name">日志</span>
         </a>
       </div>
@@ -171,7 +171,7 @@
       </div>
       <div class="site-state-item site-state-tags">
           <a href="/tags/">
-        <span class="site-state-item-count">19</span>
+        <span class="site-state-item-count">20</span>
         <span class="site-state-item-name">标签</span></a>
       </div>
   </nav>
diff --git a/posts/sort/index.html b/posts/sort/index.html
index 104073e3..d8bb5bc1 100644
--- a/posts/sort/index.html
+++ b/posts/sort/index.html
@@ -164,7 +164,7 @@
   <nav class="site-state">
       <div class="site-state-item site-state-posts">
         <a href="/archives/">
-          <span class="site-state-item-count">38</span>
+          <span class="site-state-item-count">39</span>
           <span class="site-state-item-name">日志</span>
         </a>
       </div>
@@ -175,7 +175,7 @@
       </div>
       <div class="site-state-item site-state-tags">
           <a href="/tags/">
-        <span class="site-state-item-count">19</span>
+        <span class="site-state-item-count">20</span>
         <span class="site-state-item-name">标签</span></a>
       </div>
   </nav>
diff --git a/posts/stackandqueue/index.html b/posts/stackandqueue/index.html
index ec1c4bfa..f126810d 100644
--- a/posts/stackandqueue/index.html
+++ b/posts/stackandqueue/index.html
@@ -161,7 +161,7 @@
   <nav class="site-state">
       <div class="site-state-item site-state-posts">
         <a href="/archives/">
-          <span class="site-state-item-count">38</span>
+          <span class="site-state-item-count">39</span>
           <span class="site-state-item-name">日志</span>
         </a>
       </div>
@@ -172,7 +172,7 @@
       </div>
       <div class="site-state-item site-state-tags">
           <a href="/tags/">
-        <span class="site-state-item-count">19</span>
+        <span class="site-state-item-count">20</span>
         <span class="site-state-item-name">标签</span></a>
       </div>
   </nav>
diff --git a/posts/stdoi-snf-pnt/index.html b/posts/stdoi-snf-pnt/index.html
index 34f3d62c..273ef55c 100644
--- a/posts/stdoi-snf-pnt/index.html
+++ b/posts/stdoi-snf-pnt/index.html
@@ -160,7 +160,7 @@
   <nav class="site-state">
       <div class="site-state-item site-state-posts">
         <a href="/archives/">
-          <span class="site-state-item-count">38</span>
+          <span class="site-state-item-count">39</span>
           <span class="site-state-item-name">日志</span>
         </a>
       </div>
@@ -171,7 +171,7 @@
       </div>
       <div class="site-state-item site-state-tags">
           <a href="/tags/">
-        <span class="site-state-item-count">19</span>
+        <span class="site-state-item-count">20</span>
         <span class="site-state-item-name">标签</span></a>
       </div>
   </nav>
diff --git a/posts/struct-class/index.html b/posts/struct-class/index.html
index b4e1f77b..630ba3d3 100644
--- a/posts/struct-class/index.html
+++ b/posts/struct-class/index.html
@@ -160,7 +160,7 @@
   <nav class="site-state">
       <div class="site-state-item site-state-posts">
         <a href="/archives/">
-          <span class="site-state-item-count">38</span>
+          <span class="site-state-item-count">39</span>
           <span class="site-state-item-name">日志</span>
         </a>
       </div>
@@ -171,7 +171,7 @@
       </div>
       <div class="site-state-item site-state-tags">
           <a href="/tags/">
-        <span class="site-state-item-count">19</span>
+        <span class="site-state-item-count">20</span>
         <span class="site-state-item-name">标签</span></a>
       </div>
   </nav>
diff --git a/posts/trast-styl/index.html b/posts/trast-styl/index.html
new file mode 100644
index 00000000..a0e5af79
--- /dev/null
+++ b/posts/trast-styl/index.html
@@ -0,0 +1,506 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+<head>
+  <meta charset="UTF-8">
+<meta name="viewport" content="width=device-width">
+<meta name="theme-color" content="#222"><meta name="generator" content="Hexo 5.4.2">
+
+  <link rel="apple-touch-icon" sizes="180x180" href="/icon.png">
+  <link rel="icon" type="image/png" sizes="32x32" href="/images/icon-32x32.png">
+  <link rel="icon" type="image/png" sizes="16x16" href="/images/icon-16x16.png">
+  <link rel="mask-icon" href="/images/icon.png" color="#222">
+
+<link rel="stylesheet" href="/css/main.css">
+
+
+<link rel="stylesheet" href="/webfonts/lxgw/lxgwwenkailite-regular.css"> 
+
+<link rel="stylesheet" href="/webfonts/fontawesome/fontawsm.min.css"> 
+
+<script class="next-config" data-name="main" type="application/json">{"hostname":"joywonderful.github.io","root":"/","images":"/images","scheme":"Gemini","darkmode":false,"version":"8.19.2","exturl":false,"sidebar":{"position":"left","display":"post","padding":18,"offset":12},"copycode":{"enable":true,"style":"flat"},"fold":{"enable":false,"height":500},"bookmark":{"enable":false,"color":"#222","save":"auto"},"mediumzoom":false,"lazyload":false,"pangu":false,"comments":{"style":"tabs","active":null,"storage":true,"lazyload":false,"nav":null},"stickytabs":false,"motion":{"enable":false,"async":false,"transition":{"menu_item":"fadeInDown","post_block":"fadeIn","post_header":"fadeInDown","post_body":"fadeInDown","coll_header":"fadeInLeft","sidebar":"fadeInUp"}},"prism":false,"i18n":{"placeholder":"搜索...","empty":"没有找到任何搜索结果：${query}","hits_time":"找到 ${hits} 个搜索结果（用时 ${time} 毫秒）","hits":"找到 ${hits} 个搜索结果"},"path":"/search.xml","localsearch":{"enable":true,"trigger":"auto","top_n_per_article":1,"unescape":false,"preload":false}}</script><script src="/js/config.js"></script>
+
+    <meta name="description" content="一些可以用到 :hover 状态上的样式过渡。 以下的效果主要是通过 伪元素 实现的。感觉麻烦，直接加上 transition: all .4s ease-in-out。把下面那些记在这儿是方便自己以后用。“感觉麻烦…”这句话也是给自己看的（逃">
+<meta property="og:type" content="article">
+<meta property="og:title" content="样式过渡动画">
+<meta property="og:url" content="https://joywonderful.github.io/posts/trast-styl/index.html">
+<meta property="og:site_name" content="JoyWonderful的小窝">
+<meta property="og:description" content="一些可以用到 :hover 状态上的样式过渡。 以下的效果主要是通过 伪元素 实现的。感觉麻烦，直接加上 transition: all .4s ease-in-out。把下面那些记在这儿是方便自己以后用。“感觉麻烦…”这句话也是给自己看的（逃">
+<meta property="og:locale" content="zh_CN">
+<meta property="article:published_time" content="2024-03-17T01:13:44.000Z">
+<meta property="article:modified_time" content="2024-03-17T04:29:53.120Z">
+<meta property="article:author" content="JoyWonderful">
+<meta property="article:tag" content="CSS">
+<meta name="twitter:card" content="summary">
+
+
+<link rel="canonical" href="https://joywonderful.github.io/posts/trast-styl/">
+
+
+
+<script class="next-config" data-name="page" type="application/json">{"sidebar":"","isHome":false,"isPost":true,"lang":"zh-CN","comments":true,"permalink":"https://joywonderful.github.io/posts/trast-styl/","path":"/posts/trast-styl/","title":"样式过渡动画"}</script>
+
+<script class="next-config" data-name="calendar" type="application/json">""</script>
+<title>样式过渡动画 | JoyWonderful的小窝</title>
+  
+
+
+
+
+
+
+
+
+  <noscript>
+    <link rel="stylesheet" href="/css/noscript.css">
+  </noscript>
+</head>
+
+<body itemscope itemtype="http://schema.org/WebPage">
+  <div class="headband"></div>
+
+  <main class="main">
+    <div class="column">
+      <header class="header" itemscope itemtype="http://schema.org/WPHeader"><div class="site-brand-container">
+  <div class="site-nav-toggle">
+    <div class="toggle" aria-label="切换导航栏" role="button">
+        <span class="toggle-line"></span>
+        <span class="toggle-line"></span>
+        <span class="toggle-line"></span>
+    </div>
+  </div>
+
+  <div class="site-meta">
+
+    <a href="/" class="brand" rel="start">
+      <i class="logo-line"></i>
+      <p class="site-title">JoyWonderful的小窝</p>
+      <i class="logo-line"></i>
+    </a>
+      <p class="site-subtitle" itemprop="description">Be HardWorking Every Day.</p>
+  </div>
+
+  <div class="site-nav-right">
+    <div class="toggle popup-trigger" aria-label="搜索" role="button">
+        <i class="fa fa-search fa-fw fa-lg"></i>
+    </div>
+  </div>
+</div>
+
+
+
+<nav class="site-nav">
+  <ul class="main-menu menu"><li class="menu-item menu-item-home"><a href="/" rel="section"><i class="fa fa-home fa-fw"></i>首页</a></li><li class="menu-item menu-item-tags"><a href="/tags/" rel="section"><i class="fa fa-tags fa-fw"></i>标签</a></li><li class="menu-item menu-item-categories"><a href="/categories/" rel="section"><i class="fa fa-rectangle-list fa-fw"></i>分类</a></li><li class="menu-item menu-item-archives"><a href="/archives/" rel="section"><i class="fa fa-archive fa-fw"></i>归档</a></li>
+
+    <li class="menu-item menu-item-more"> 
+      <a rel="section" id="morebtn"><i class="fa fa-ellipsis-vertical fa-fw"></i>更多</a>
+      <a href="/friends/" rel="section" id="morefriend" class="morebtn-item"><i class="far fa-address-card fa-fw"></i>友情链接</a>
+      <a href="/comments/" rel="section" id="morecomt" class="morebtn-item"><i class="fa fa-pen-to-square fa-fw"></i>留言板</a>
+      <a href="/about/" rel="section" id="moreabt" class="morebtn-item"><i class="fa fa-circle-info fa-fw"></i>关于</a>
+    </li>
+      <li class="menu-item menu-item-search">
+        <a role="button" class="popup-trigger"><i class="fa fa-search fa-fw"></i>搜索
+        </a>
+      </li>
+  </ul>
+</nav>
+
+
+
+  <div class="search-pop-overlay">
+    <div class="popup search-popup"><div class="search-header">
+  <span class="search-icon">
+    <i class="fa fa-search"></i>
+  </span>
+  <div class="search-input-container">
+    <input autocomplete="off" autocapitalize="off" maxlength="80"
+           placeholder="搜索..." spellcheck="false"
+           type="search" class="search-input">
+  </div>
+  <span class="popup-btn-close" role="button">
+    <i class="fa fa-times-circle"></i>
+  </span>
+</div>
+<div class="search-result-container no-result">
+  <div class="search-result-icon">
+    <i class="fa fa-spinner fa-pulse fa-5x"></i>
+  </div>
+</div>
+
+    </div>
+  </div>
+
+</header>
+        
+  
+  <aside class="sidebar">
+
+    <div class="sidebar-inner sidebar-nav-active sidebar-toc-active">
+      <ul class="sidebar-nav">
+        <li class="sidebar-nav-toc">
+          文章目录
+        </li>
+        <li class="sidebar-nav-overview">
+          站点概览
+        </li>
+      </ul>
+
+      <div class="sidebar-panel-container">
+        <!--noindex-->
+        <div class="post-toc-wrap sidebar-panel">
+            <div class="post-toc animated"><ol class="nav"><li class="nav-item nav-level-2"><a class="nav-link" href="#%E4%B8%8B%E5%88%92%E7%BA%BF"><span class="nav-number">1.</span> <span class="nav-text">下划线</span></a><ol class="nav-child"><li class="nav-item nav-level-3"><a class="nav-link" href="#%E6%B7%A1%E5%85%A5%E6%B7%A1%E5%87%BA"><span class="nav-number">1.1.</span> <span class="nav-text">淡入淡出</span></a></li><li class="nav-item nav-level-3"><a class="nav-link" href="#%E4%BB%8E%E6%9F%90%E4%B8%AA%E6%96%B9%E5%90%91%E5%87%BA%E7%8E%B0"><span class="nav-number">1.2.</span> <span class="nav-text">从某个方向出现</span></a></li></ol></li><li class="nav-item nav-level-2"><a class="nav-link" href="#%E4%B8%8B%E5%88%92%E7%BA%BF%E4%B8%8A%E5%8D%87%E5%88%B0%E8%83%8C%E6%99%AF%E8%89%B2"><span class="nav-number">2.</span> <span class="nav-text">下划线上升到背景色</span></a></li><li class="nav-item nav-level-2"><a class="nav-link" href="#%E6%A8%A1%E6%8B%9F%E6%8C%89%E9%92%AE"><span class="nav-number">3.</span> <span class="nav-text">模拟按钮</span></a></li></ol></div>
+        </div>
+        <!--/noindex-->
+
+        <div class="site-overview-wrap sidebar-panel">
+          <div class="site-author animated" itemprop="author" itemscope itemtype="http://schema.org/Person">
+  <p class="site-author-name" itemprop="name">JoyWonderful</p>
+  <div class="site-description" itemprop="description"></div>
+</div>
+<div class="site-state-wrap animated">
+  <nav class="site-state">
+      <div class="site-state-item site-state-posts">
+        <a href="/archives/">
+          <span class="site-state-item-count">39</span>
+          <span class="site-state-item-name">日志</span>
+        </a>
+      </div>
+      <div class="site-state-item site-state-categories">
+          <a href="/categories/">
+        <span class="site-state-item-count">3</span>
+        <span class="site-state-item-name">分类</span></a>
+      </div>
+      <div class="site-state-item site-state-tags">
+          <a href="/tags/">
+        <span class="site-state-item-count">20</span>
+        <span class="site-state-item-name">标签</span></a>
+      </div>
+  </nav>
+</div>
+  <div class="links-of-author animated">
+      <span class="links-of-author-item">
+        <a href="https://github.com/JoyWonderful/joywonderful.github.io" title="GitHub → https:&#x2F;&#x2F;github.com&#x2F;JoyWonderful&#x2F;joywonderful.github.io" rel="noopener me" target="_blank"><i class="fab fa-github fa-fw"></i>GitHub</a>
+      </span>
+  </div>
+
+        </div>
+      </div>
+        <div class="back-to-top animated" role="button" aria-label="返回顶部">
+          <i class="fa fa-arrow-up"></i>
+          <span>0%</span>
+        </div>
+    </div>
+
+    
+  </aside>
+
+
+    </div>
+
+    <div class="main-inner post posts-expand">
+
+
+  
+
+
+<div class="post-block">
+  
+  
+
+  <article itemscope itemtype="http://schema.org/Article" class="post-content" lang="zh-CN">
+    <link itemprop="mainEntityOfPage" href="https://joywonderful.github.io/posts/trast-styl/">
+
+    <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
+      <meta itemprop="image" content="/images/avatar.gif">
+      <meta itemprop="name" content="JoyWonderful">
+    </span>
+
+    <span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
+      <meta itemprop="name" content="JoyWonderful的小窝">
+      <meta itemprop="description" content="">
+    </span>
+
+    <span hidden itemprop="post" itemscope itemtype="http://schema.org/CreativeWork">
+      <meta itemprop="name" content="样式过渡动画 | JoyWonderful的小窝">
+      <meta itemprop="description" content="">
+    </span>
+      <header class="post-header">
+        <h1 class="post-title" itemprop="name headline">
+          样式过渡动画
+        </h1>
+
+        <div class="post-meta-container">
+          <div class="post-meta">
+    <span class="post-meta-item">
+      <span class="post-meta-item-icon">
+        <i class="far fa-calendar"></i>
+      </span>
+      <span class="post-meta-item-text">发表于</span>
+      
+
+      <time title="创建时间：2024-03-17 09:13:44 / 修改时间：12:29:53" itemprop="dateCreated datePublished" datetime="2024-03-17T09:13:44+08:00">2024-03-17</time>
+    </span>
+    <span class="post-meta-item">
+      <span class="post-meta-item-icon">
+        <i class="far fa-folder"></i>
+      </span>
+      <span class="post-meta-item-text">分类于</span>
+        <span itemprop="about" itemscope itemtype="http://schema.org/Thing">
+          <a href="/categories/%E7%BC%96%E7%A8%8B%E9%9A%8F%E8%AE%B0/" itemprop="url" rel="index"><span itemprop="name">编程随记</span></a>
+        </span>
+    </span>
+
+  
+</div>
+
+        </div>
+      </header>
+
+    
+    
+    
+    <div class="post-body" itemprop="articleBody"><p>一些可以用到 <code>:hover</code> 状态上的样式过渡。</p>
+<p>以下的效果主要是通过 <strong>伪元素</strong> 实现的。感觉麻烦，直接加上 <code>transition: all .4s ease-in-out</code>。把下面那些记在这儿是方便自己以后用。<del>“感觉麻烦…”这句话也是给自己看的（逃</del></p>
+<span id="more"></span>
+
+<h2 id="下划线"><a href="#下划线" class="headerlink" title="下划线"></a>下划线</h2><p>这里的样式过渡适用于<strong>从无下划线到有下划线</strong>的样式过渡。</p>
+<h3 id="淡入淡出"><a href="#淡入淡出" class="headerlink" title="淡入淡出"></a>淡入淡出</h3><p>这里更改下划线的颜色，或者说是 <code>border-bottom-color</code>。因为直接设置过渡 <code>border</code> 不会有效果。</p>
+<style>
+    .post-body span.egunlcolor {
+        border-bottom: 1px solid transparent;
+        cursor: pointer;
+        transition: border-bottom-color .2s;
+    }
+    .post-body span.egunlcolor:hover {
+        border-bottom-color: #555;
+    }
+</style>
+
+<p>代码比较简单：</p>
+<pre class="language-css" data-language="css"><code class="language-css"><span class="token selector">span</span> <span class="token punctuation">&#123;</span> <span class="token comment">/* 这里的选择器改成要用的元素，所有的状态、颜色和数值也是，下同 */</span>
+    <span class="token property">border-bottom</span><span class="token punctuation">:</span> 1px solid transparent<span class="token punctuation">;</span>
+    <span class="token property">transition</span><span class="token punctuation">:</span> border-bottom-color .2s<span class="token punctuation">;</span>
+<span class="token punctuation">&#125;</span>
+<span class="token selector">span:hover</span> <span class="token punctuation">&#123;</span>
+    <span class="token property">border-bottom-color</span><span class="token punctuation">:</span> #555<span class="token punctuation">;</span>
+<span class="token punctuation">&#125;</span></code></pre>
+
+<p><span class="egunlcolor">鼠标放在这里，效果就是这个样子</span></p>
+<h3 id="从某个方向出现"><a href="#从某个方向出现" class="headerlink" title="从某个方向出现"></a>从某个方向出现</h3><p>这里更改下划线（伪元素）的长度，或者说是 <code>transform:scaleX()</code>。</p>
+<style>
+    .post-body div.egunderline span {
+        margin-bottom: 5px;
+        cursor: pointer;
+        position: relative;
+    }
+    .post-body div.egunderline span::before {
+        content: '';
+        position: absolute;
+        bottom: 0;
+        left: 0;
+        height: 1px;
+        width: 100%;
+        background-color: #555;
+        transform: scaleX(0);
+        transform-origin: inherit;
+        transition: transform .2s;
+    }
+    .post-body div.egunderline span:hover::before {
+        transform: scaleX(1);
+    }
+    .post-body div.egunderline span#egleftirighto:hover::before {
+        transform-origin: left;
+    }
+</style>
+
+<p>代码是这样的：</p>
+<pre class="language-css" data-language="css"><code class="language-css"><span class="token selector">span</span> <span class="token punctuation">&#123;</span>
+    <span class="token property">margin-bottom</span><span class="token punctuation">:</span> 5px<span class="token punctuation">;</span>
+    <span class="token property">position</span><span class="token punctuation">:</span> relative<span class="token punctuation">;</span>
+<span class="token punctuation">&#125;</span>
+<span class="token selector">span::before</span> <span class="token punctuation">&#123;</span>
+    <span class="token property">content</span><span class="token punctuation">:</span> <span class="token string">''</span><span class="token punctuation">;</span>
+    <span class="token property">position</span><span class="token punctuation">:</span> absolute<span class="token punctuation">;</span>
+    <span class="token property">bottom</span><span class="token punctuation">:</span> 0<span class="token punctuation">;</span>
+    <span class="token property">left</span><span class="token punctuation">:</span> 0<span class="token punctuation">;</span>
+    <span class="token property">height</span><span class="token punctuation">:</span> 1px<span class="token punctuation">;</span>
+    <span class="token property">width</span><span class="token punctuation">:</span> 100%<span class="token punctuation">;</span>
+    <span class="token property">background-color</span><span class="token punctuation">:</span> #555<span class="token punctuation">;</span>
+    <span class="token property">transform</span><span class="token punctuation">:</span> <span class="token function">scaleX</span><span class="token punctuation">(</span>0<span class="token punctuation">)</span><span class="token punctuation">;</span>
+    <span class="token property">transform-origin</span><span class="token punctuation">:</span> right<span class="token punctuation">;</span> <span class="token comment">/* , center, left */</span> <span class="token comment">/* 更改这里可以把动画的位置改变 */</span>
+    <span class="token property">transition</span><span class="token punctuation">:</span> transform .2s<span class="token punctuation">;</span>
+<span class="token punctuation">&#125;</span>
+<span class="token selector">span:hover::before</span> <span class="token punctuation">&#123;</span>
+    <span class="token property">transform</span><span class="token punctuation">:</span> <span class="token function">scaleX</span><span class="token punctuation">(</span>1<span class="token punctuation">)</span><span class="token punctuation">;</span>
+    <span class="token comment">/* transform-origin: left; */</span> <span class="token comment">/* 上一处设为 right  这里设为 left  有左进右出的效果 */</span>
+<span class="token punctuation">&#125;</span></code></pre>
+
+<p>效果：</p>
+<div class="egunderline" style="margin-bottom:20px;">
+    <span style="transform-origin:left;">下划线从<strong>左</strong>出现：<code>transform-origin:left;</code></span><br>
+    <span style="transform-origin:center;">下划线从<strong>中间</strong>出现：<code>transform-origin:right;</code></span><br>
+    <span style="transform-origin:right;">下划线从<strong>右</strong>出现：<code>transform-origin:right;</code></span><br>
+</div>
+
+<p>还可以把未触发状态下的 <code>transform-origin</code> 与触发状态下的值分别改成 <code>left</code> 和 <code>right</code>，像这样子：</p>
+<div class="egunderline" style="margin-bottom:20px;"><span style="transform-origin:right;" id="egleftirighto">左边出现，右边消失&ensp;的效果</span></div>
+
+<h2 id="下划线上升到背景色"><a href="#下划线上升到背景色" class="headerlink" title="下划线上升到背景色"></a>下划线上升到背景色</h2><p>比较适用于链接。其实是通过 <code>box-shadow</code> 的 <code>inset</code> 和 y偏移量 实现的。</p>
+<p>代码是：</p>
+<pre class="language-css" data-language="css"><code class="language-css"><span class="token selector">.post-body span.egultobg</span> <span class="token punctuation">&#123;</span>
+    <span class="token property">box-shadow</span><span class="token punctuation">:</span> inset 0px -1px 0 0 #555<span class="token punctuation">;</span>
+    <span class="token property">transition</span><span class="token punctuation">:</span> box-shadow .2s<span class="token punctuation">,</span> color .2s<span class="token punctuation">;</span>
+<span class="token punctuation">&#125;</span>
+<span class="token selector">.post-body span.egultobg:hover</span> <span class="token punctuation">&#123;</span>
+    <span class="token property">box-shadow</span><span class="token punctuation">:</span> inset 0px -1lh 0 0 #555<span class="token punctuation">;</span>
+    <span class="token property">color</span><span class="token punctuation">:</span> #eee<span class="token punctuation">;</span>
+<span class="token punctuation">&#125;</span></code></pre>
+
+<style>
+    .post-body span.egultobg {
+        box-shadow: inset 0px -1px 0 0 #555;
+        transition: box-shadow .2s, color .2s;
+        cursor: pointer;
+    }
+    .post-body span.egultobg:hover {
+        box-shadow: inset 0px -1lh 0 0 #555;
+        color: #eee;
+    }
+</style>
+
+<p><span class="egultobg">下划线上升为背景色</span></p>
+<h2 id="模拟按钮"><a href="#模拟按钮" class="headerlink" title="模拟按钮"></a>模拟按钮</h2><p>就是加上一些 <code>box-shadow</code> 和 <code>padding</code> 啦。代码：</p>
+<pre class="language-css" data-language="css"><code class="language-css"><span class="token selector">button.egprsbtn</span> <span class="token punctuation">&#123;</span>
+    <span class="token property">--egprs-bgcolor</span><span class="token punctuation">:</span> #fff<span class="token punctuation">;</span>
+    <span class="token property">--egprs-color</span><span class="token punctuation">:</span> #555<span class="token punctuation">;</span>
+    <span class="token property">--egprs-hvbgc</span><span class="token punctuation">:</span> #eee<span class="token punctuation">;</span>
+    <span class="token property">--egprs-btnhei</span><span class="token punctuation">:</span> 4px<span class="token punctuation">;</span>
+    <span class="token property">cursor</span><span class="token punctuation">:</span> pointer<span class="token punctuation">;</span>
+    <span class="token property">padding</span><span class="token punctuation">:</span> 15px 15px <span class="token function">calc</span><span class="token punctuation">(</span>15px + <span class="token function">var</span><span class="token punctuation">(</span>--egprs-btnhei<span class="token punctuation">)</span><span class="token punctuation">)</span> 15px<span class="token punctuation">;</span>
+    <span class="token property">border-radius</span><span class="token punctuation">:</span> 8px<span class="token punctuation">;</span>
+    <span class="token property">border</span><span class="token punctuation">:</span> 2px solid <span class="token function">var</span><span class="token punctuation">(</span>--egprs-color<span class="token punctuation">)</span><span class="token punctuation">;</span>
+    <span class="token property">color</span><span class="token punctuation">:</span> <span class="token function">var</span><span class="token punctuation">(</span>--egprs-color<span class="token punctuation">)</span><span class="token punctuation">;</span>
+    <span class="token property">background-color</span><span class="token punctuation">:</span> <span class="token function">var</span><span class="token punctuation">(</span>--egprs-bgcolor<span class="token punctuation">)</span><span class="token punctuation">;</span>
+    <span class="token property">box-shadow</span><span class="token punctuation">:</span> inset 0 <span class="token function">calc</span><span class="token punctuation">(</span>0px - <span class="token function">var</span><span class="token punctuation">(</span>--egprs-btnhei<span class="token punctuation">)</span><span class="token punctuation">)</span> 0 0 <span class="token function">var</span><span class="token punctuation">(</span>--egprs-color<span class="token punctuation">)</span><span class="token punctuation">;</span>
+    <span class="token property">transition</span><span class="token punctuation">:</span> padding .2s<span class="token punctuation">,</span> color .2s<span class="token punctuation">,</span> box-shadow .2s<span class="token punctuation">,</span> background-color .2s<span class="token punctuation">;</span>
+<span class="token punctuation">&#125;</span>
+<span class="token selector">button.egprsbtn:hover</span> <span class="token punctuation">&#123;</span>
+    <span class="token property">background-color</span><span class="token punctuation">:</span> <span class="token function">var</span><span class="token punctuation">(</span>--egprs-hvbgc<span class="token punctuation">)</span><span class="token punctuation">;</span>
+<span class="token punctuation">&#125;</span>
+<span class="token selector">button.egprsbtn:active</span> <span class="token punctuation">&#123;</span>
+    <span class="token property">color</span><span class="token punctuation">:</span> <span class="token function">var</span><span class="token punctuation">(</span>--egprs-bgcolor<span class="token punctuation">)</span><span class="token punctuation">;</span>
+    <span class="token property">background-color</span><span class="token punctuation">:</span> <span class="token function">var</span><span class="token punctuation">(</span>--egprs-color<span class="token punctuation">)</span><span class="token punctuation">;</span>
+    <span class="token property">box-shadow</span><span class="token punctuation">:</span> inset 0 <span class="token function">var</span><span class="token punctuation">(</span>--egprs-btnhei<span class="token punctuation">)</span> 0 0 #444<span class="token punctuation">;</span>
+    <span class="token property">padding</span><span class="token punctuation">:</span> <span class="token function">calc</span><span class="token punctuation">(</span>15px + <span class="token function">var</span><span class="token punctuation">(</span>--egprs-btnhei<span class="token punctuation">)</span><span class="token punctuation">)</span> 15px 15px 15px<span class="token punctuation">;</span>
+<span class="token punctuation">&#125;</span></code></pre>
+
+<style>
+    button.egprsbtn {
+        --egprs-bgcolor: #fff;
+        --egprs-color: #555;
+        --egprs-hvbgc: #eee;
+        --egprs-btnhei: 4px;
+        cursor: pointer;
+        padding: 15px 15px calc(15px + var(--egprs-btnhei)) 15px;
+        border-radius: 8px;
+        border: 2px solid var(--egprs-color);
+        color: var(--egprs-color);
+        background-color: var(--egprs-bgcolor);
+        box-shadow: inset 0 calc(0px - var(--egprs-btnhei)) 0 0 var(--egprs-color);
+        transition: padding .2s, color .2s, box-shadow .2s, background-color .2s;
+    }
+    button.egprsbtn:hover {
+        background-color: var(--egprs-hvbgc);
+    }
+    button.egprsbtn:active {
+        color: var(--egprs-bgcolor);
+        background-color: var(--egprs-color);
+        box-shadow: inset 0 var(--egprs-btnhei) 0 0 #444;
+        padding: calc(15px + var(--egprs-btnhei)) 15px 15px 15px;
+    }
+</style>
+
+<p><button class="egprsbtn">按钮的样式</button></p>
+
+    </div>
+
+    
+    
+    
+
+    <footer class="post-footer">
+          <div class="post-tags">
+              <a href="/tags/CSS/" rel="tag"><i class="fa fa-tag"></i> CSS</a>
+          </div>
+
+        
+
+          <div class="post-nav">
+            <div class="post-nav-item">
+                <a href="/posts/chrome-ext/" rel="prev" title="更改 Edge 新标签页 —— 简单浏览器扩展">
+                  <i class="fa fa-angle-left"></i> 更改 Edge 新标签页 —— 简单浏览器扩展
+                </a>
+            </div>
+            <div class="post-nav-item">
+            </div>
+          </div>
+    </footer>
+  </article>
+</div>
+
+
+
+
+
+
+</div>
+  </main>
+
+  <footer class="footer">
+    <div class="footer-inner">
+
+  <div class="copyright">
+    &copy; 
+    <span itemprop="copyrightYear">2024</span>
+    <span class="with-love">
+      <i class="fa fa-paper-plane"></i>
+    </span>
+    <span class="author" itemprop="copyrightHolder">JoyWonderful</span>
+  </div>
+
+    </div>
+  </footer>
+
+  
+
+<noscript>
+  <div class="noscript-warning">Theme NexT works best with JavaScript enabled</div>
+</noscript>
+
+
+  
+  <script src="https://cdnjs.cloudflare.com/ajax/libs/animejs/3.2.1/anime.min.js" integrity="sha256-XL2inqUJaslATFnHdJOi9GfQ60on8Wx1C2H8DYiN1xY=" crossorigin="anonymous"></script>
+<script src="/js/comments.js"></script><script src="/js/utils.js"></script><script src="/js/next-boot.js"></script>
+
+  <script src="/js/third-party/search/search.js"></script> 
+<script src="/js/third-party/search/local-search.js"></script>
+
+
+
+
+
+
+
+  
+
+
+
+
+  
+
+  <script class="next-config" data-name="enableMath" type="application/json">false</script><script class="next-config" data-name="mathjax" type="application/json">{"enable":true,"tags":"none","js":{"url":"https://cdnjs.cloudflare.com/ajax/libs/mathjax/3.2.2/es5/tex-mml-chtml.js","integrity":"sha256-MASABpB4tYktI2Oitl4t+78w/lyA+D7b/s9GEP0JOGI="}}</script>
+<script src="/js/third-party/math/mathjax.js"></script>
+
+
+
+</body>
+</html>
diff --git a/posts/two-pointers/index.html b/posts/two-pointers/index.html
index 219f6038..29fd3c56 100644
--- a/posts/two-pointers/index.html
+++ b/posts/two-pointers/index.html
@@ -161,7 +161,7 @@
   <nav class="site-state">
       <div class="site-state-item site-state-posts">
         <a href="/archives/">
-          <span class="site-state-item-count">38</span>
+          <span class="site-state-item-count">39</span>
           <span class="site-state-item-name">日志</span>
         </a>
       </div>
@@ -172,7 +172,7 @@
       </div>
       <div class="site-state-item site-state-tags">
           <a href="/tags/">
-        <span class="site-state-item-count">19</span>
+        <span class="site-state-item-count">20</span>
         <span class="site-state-item-name">标签</span></a>
       </div>
   </nav>
diff --git a/posts/waline-set/index.html b/posts/waline-set/index.html
index fbf4c705..546bb5fd 100644
--- a/posts/waline-set/index.html
+++ b/posts/waline-set/index.html
@@ -160,7 +160,7 @@
   <nav class="site-state">
       <div class="site-state-item site-state-posts">
         <a href="/archives/">
-          <span class="site-state-item-count">38</span>
+          <span class="site-state-item-count">39</span>
           <span class="site-state-item-name">日志</span>
         </a>
       </div>
@@ -171,7 +171,7 @@
       </div>
       <div class="site-state-item site-state-tags">
           <a href="/tags/">
-        <span class="site-state-item-count">19</span>
+        <span class="site-state-item-count">20</span>
         <span class="site-state-item-name">标签</span></a>
       </div>
   </nav>
diff --git a/posts/xiaolianbi/index.html b/posts/xiaolianbi/index.html
index a5a85c03..b9151859 100644
--- a/posts/xiaolianbi/index.html
+++ b/posts/xiaolianbi/index.html
@@ -160,7 +160,7 @@
   <nav class="site-state">
       <div class="site-state-item site-state-posts">
         <a href="/archives/">
-          <span class="site-state-item-count">38</span>
+          <span class="site-state-item-count">39</span>
           <span class="site-state-item-name">日志</span>
         </a>
       </div>
@@ -171,7 +171,7 @@
       </div>
       <div class="site-state-item site-state-tags">
           <a href="/tags/">
-        <span class="site-state-item-count">19</span>
+        <span class="site-state-item-count">20</span>
         <span class="site-state-item-name">标签</span></a>
       </div>
   </nav>
diff --git a/posts/yixieyouyongdedongxiyoumei/index.html b/posts/yixieyouyongdedongxiyoumei/index.html
index 88eae27b..fea2dcb2 100644
--- a/posts/yixieyouyongdedongxiyoumei/index.html
+++ b/posts/yixieyouyongdedongxiyoumei/index.html
@@ -160,7 +160,7 @@
   <nav class="site-state">
       <div class="site-state-item site-state-posts">
         <a href="/archives/">
-          <span class="site-state-item-count">38</span>
+          <span class="site-state-item-count">39</span>
           <span class="site-state-item-name">日志</span>
         </a>
       </div>
@@ -171,7 +171,7 @@
       </div>
       <div class="site-state-item site-state-tags">
           <a href="/tags/">
-        <span class="site-state-item-count">19</span>
+        <span class="site-state-item-count">20</span>
         <span class="site-state-item-name">标签</span></a>
       </div>
   </nav>
diff --git a/posts/zhizhen/index.html b/posts/zhizhen/index.html
index 47ab279b..6111629b 100644
--- a/posts/zhizhen/index.html
+++ b/posts/zhizhen/index.html
@@ -161,7 +161,7 @@
   <nav class="site-state">
       <div class="site-state-item site-state-posts">
         <a href="/archives/">
-          <span class="site-state-item-count">38</span>
+          <span class="site-state-item-count">39</span>
           <span class="site-state-item-name">日志</span>
         </a>
       </div>
@@ -172,7 +172,7 @@
       </div>
       <div class="site-state-item site-state-tags">
           <a href="/tags/">
-        <span class="site-state-item-count">19</span>
+        <span class="site-state-item-count">20</span>
         <span class="site-state-item-name">标签</span></a>
       </div>
   </nav>
diff --git a/search.xml b/search.xml
index 3986d259..e08c1bf9 100644
--- a/search.xml
+++ b/search.xml
@@ -2227,6 +2227,7 @@ body <span class="token punctuation">&#123;</span></span>
       </categories>
       <tags>
         <tag>HTML</tag>
+        <tag>CSS</tag>
       </tags>
   </entry>
   <entry>
@@ -4239,4 +4240,177 @@ Waline<span class="token punctuation">.</span><span class="token function">init<
         <tag>指针</tag>
       </tags>
   </entry>
+  <entry>
+    <title>样式过渡动画</title>
+    <url>//posts/trast-styl/</url>
+    <content><![CDATA[<p>一些可以用到 <code>:hover</code> 状态上的样式过渡。</p>
+<p>以下的效果主要是通过 <strong>伪元素</strong> 实现的。感觉麻烦，直接加上 <code>transition: all .4s ease-in-out</code>。把下面那些记在这儿是方便自己以后用。<del>“感觉麻烦…”这句话也是给自己看的（逃</del></p>
+<span id="more"></span>
+
+<h2 id="下划线"><a href="#下划线" class="headerlink" title="下划线"></a>下划线</h2><p>这里的样式过渡适用于<strong>从无下划线到有下划线</strong>的样式过渡。</p>
+<h3 id="淡入淡出"><a href="#淡入淡出" class="headerlink" title="淡入淡出"></a>淡入淡出</h3><p>这里更改下划线的颜色，或者说是 <code>border-bottom-color</code>。因为直接设置过渡 <code>border</code> 不会有效果。</p>
+<style>
+    .post-body span.egunlcolor {
+        border-bottom: 1px solid transparent;
+        cursor: pointer;
+        transition: border-bottom-color .2s;
+    }
+    .post-body span.egunlcolor:hover {
+        border-bottom-color: #555;
+    }
+</style>
+
+<p>代码比较简单：</p>
+<pre class="language-css" data-language="css"><code class="language-css"><span class="token selector">span</span> <span class="token punctuation">&#123;</span> <span class="token comment">/* 这里的选择器改成要用的元素，所有的状态、颜色和数值也是，下同 */</span>
+    <span class="token property">border-bottom</span><span class="token punctuation">:</span> 1px solid transparent<span class="token punctuation">;</span>
+    <span class="token property">transition</span><span class="token punctuation">:</span> border-bottom-color .2s<span class="token punctuation">;</span>
+<span class="token punctuation">&#125;</span>
+<span class="token selector">span:hover</span> <span class="token punctuation">&#123;</span>
+    <span class="token property">border-bottom-color</span><span class="token punctuation">:</span> #555<span class="token punctuation">;</span>
+<span class="token punctuation">&#125;</span></code></pre>
+
+<p><span class="egunlcolor">鼠标放在这里，效果就是这个样子</span></p>
+<h3 id="从某个方向出现"><a href="#从某个方向出现" class="headerlink" title="从某个方向出现"></a>从某个方向出现</h3><p>这里更改下划线（伪元素）的长度，或者说是 <code>transform:scaleX()</code>。</p>
+<style>
+    .post-body div.egunderline span {
+        margin-bottom: 5px;
+        cursor: pointer;
+        position: relative;
+    }
+    .post-body div.egunderline span::before {
+        content: '';
+        position: absolute;
+        bottom: 0;
+        left: 0;
+        height: 1px;
+        width: 100%;
+        background-color: #555;
+        transform: scaleX(0);
+        transform-origin: inherit;
+        transition: transform .2s;
+    }
+    .post-body div.egunderline span:hover::before {
+        transform: scaleX(1);
+    }
+    .post-body div.egunderline span#egleftirighto:hover::before {
+        transform-origin: left;
+    }
+</style>
+
+<p>代码是这样的：</p>
+<pre class="language-css" data-language="css"><code class="language-css"><span class="token selector">span</span> <span class="token punctuation">&#123;</span>
+    <span class="token property">margin-bottom</span><span class="token punctuation">:</span> 5px<span class="token punctuation">;</span>
+    <span class="token property">position</span><span class="token punctuation">:</span> relative<span class="token punctuation">;</span>
+<span class="token punctuation">&#125;</span>
+<span class="token selector">span::before</span> <span class="token punctuation">&#123;</span>
+    <span class="token property">content</span><span class="token punctuation">:</span> <span class="token string">''</span><span class="token punctuation">;</span>
+    <span class="token property">position</span><span class="token punctuation">:</span> absolute<span class="token punctuation">;</span>
+    <span class="token property">bottom</span><span class="token punctuation">:</span> 0<span class="token punctuation">;</span>
+    <span class="token property">left</span><span class="token punctuation">:</span> 0<span class="token punctuation">;</span>
+    <span class="token property">height</span><span class="token punctuation">:</span> 1px<span class="token punctuation">;</span>
+    <span class="token property">width</span><span class="token punctuation">:</span> 100%<span class="token punctuation">;</span>
+    <span class="token property">background-color</span><span class="token punctuation">:</span> #555<span class="token punctuation">;</span>
+    <span class="token property">transform</span><span class="token punctuation">:</span> <span class="token function">scaleX</span><span class="token punctuation">(</span>0<span class="token punctuation">)</span><span class="token punctuation">;</span>
+    <span class="token property">transform-origin</span><span class="token punctuation">:</span> right<span class="token punctuation">;</span> <span class="token comment">/* , center, left */</span> <span class="token comment">/* 更改这里可以把动画的位置改变 */</span>
+    <span class="token property">transition</span><span class="token punctuation">:</span> transform .2s<span class="token punctuation">;</span>
+<span class="token punctuation">&#125;</span>
+<span class="token selector">span:hover::before</span> <span class="token punctuation">&#123;</span>
+    <span class="token property">transform</span><span class="token punctuation">:</span> <span class="token function">scaleX</span><span class="token punctuation">(</span>1<span class="token punctuation">)</span><span class="token punctuation">;</span>
+    <span class="token comment">/* transform-origin: left; */</span> <span class="token comment">/* 上一处设为 right  这里设为 left  有左进右出的效果 */</span>
+<span class="token punctuation">&#125;</span></code></pre>
+
+<p>效果：</p>
+<div class="egunderline" style="margin-bottom:20px;">
+    <span style="transform-origin:left;">下划线从<strong>左</strong>出现：<code>transform-origin:left;</code></span><br>
+    <span style="transform-origin:center;">下划线从<strong>中间</strong>出现：<code>transform-origin:right;</code></span><br>
+    <span style="transform-origin:right;">下划线从<strong>右</strong>出现：<code>transform-origin:right;</code></span><br>
+</div>
+
+<p>还可以把未触发状态下的 <code>transform-origin</code> 与触发状态下的值分别改成 <code>left</code> 和 <code>right</code>，像这样子：</p>
+<div class="egunderline" style="margin-bottom:20px;"><span style="transform-origin:right;" id="egleftirighto">左边出现，右边消失&ensp;的效果</span></div>
+
+<h2 id="下划线上升到背景色"><a href="#下划线上升到背景色" class="headerlink" title="下划线上升到背景色"></a>下划线上升到背景色</h2><p>比较适用于链接。其实是通过 <code>box-shadow</code> 的 <code>inset</code> 和 y偏移量 实现的。</p>
+<p>代码是：</p>
+<pre class="language-css" data-language="css"><code class="language-css"><span class="token selector">.post-body span.egultobg</span> <span class="token punctuation">&#123;</span>
+    <span class="token property">box-shadow</span><span class="token punctuation">:</span> inset 0px -1px 0 0 #555<span class="token punctuation">;</span>
+    <span class="token property">transition</span><span class="token punctuation">:</span> box-shadow .2s<span class="token punctuation">,</span> color .2s<span class="token punctuation">;</span>
+<span class="token punctuation">&#125;</span>
+<span class="token selector">.post-body span.egultobg:hover</span> <span class="token punctuation">&#123;</span>
+    <span class="token property">box-shadow</span><span class="token punctuation">:</span> inset 0px -1lh 0 0 #555<span class="token punctuation">;</span>
+    <span class="token property">color</span><span class="token punctuation">:</span> #eee<span class="token punctuation">;</span>
+<span class="token punctuation">&#125;</span></code></pre>
+
+<style>
+    .post-body span.egultobg {
+        box-shadow: inset 0px -1px 0 0 #555;
+        transition: box-shadow .2s, color .2s;
+        cursor: pointer;
+    }
+    .post-body span.egultobg:hover {
+        box-shadow: inset 0px -1lh 0 0 #555;
+        color: #eee;
+    }
+</style>
+
+<p><span class="egultobg">下划线上升为背景色</span></p>
+<h2 id="模拟按钮"><a href="#模拟按钮" class="headerlink" title="模拟按钮"></a>模拟按钮</h2><p>就是加上一些 <code>box-shadow</code> 和 <code>padding</code> 啦。代码：</p>
+<pre class="language-css" data-language="css"><code class="language-css"><span class="token selector">button.egprsbtn</span> <span class="token punctuation">&#123;</span>
+    <span class="token property">--egprs-bgcolor</span><span class="token punctuation">:</span> #fff<span class="token punctuation">;</span>
+    <span class="token property">--egprs-color</span><span class="token punctuation">:</span> #555<span class="token punctuation">;</span>
+    <span class="token property">--egprs-hvbgc</span><span class="token punctuation">:</span> #eee<span class="token punctuation">;</span>
+    <span class="token property">--egprs-btnhei</span><span class="token punctuation">:</span> 4px<span class="token punctuation">;</span>
+    <span class="token property">cursor</span><span class="token punctuation">:</span> pointer<span class="token punctuation">;</span>
+    <span class="token property">padding</span><span class="token punctuation">:</span> 15px 15px <span class="token function">calc</span><span class="token punctuation">(</span>15px + <span class="token function">var</span><span class="token punctuation">(</span>--egprs-btnhei<span class="token punctuation">)</span><span class="token punctuation">)</span> 15px<span class="token punctuation">;</span>
+    <span class="token property">border-radius</span><span class="token punctuation">:</span> 8px<span class="token punctuation">;</span>
+    <span class="token property">border</span><span class="token punctuation">:</span> 2px solid <span class="token function">var</span><span class="token punctuation">(</span>--egprs-color<span class="token punctuation">)</span><span class="token punctuation">;</span>
+    <span class="token property">color</span><span class="token punctuation">:</span> <span class="token function">var</span><span class="token punctuation">(</span>--egprs-color<span class="token punctuation">)</span><span class="token punctuation">;</span>
+    <span class="token property">background-color</span><span class="token punctuation">:</span> <span class="token function">var</span><span class="token punctuation">(</span>--egprs-bgcolor<span class="token punctuation">)</span><span class="token punctuation">;</span>
+    <span class="token property">box-shadow</span><span class="token punctuation">:</span> inset 0 <span class="token function">calc</span><span class="token punctuation">(</span>0px - <span class="token function">var</span><span class="token punctuation">(</span>--egprs-btnhei<span class="token punctuation">)</span><span class="token punctuation">)</span> 0 0 <span class="token function">var</span><span class="token punctuation">(</span>--egprs-color<span class="token punctuation">)</span><span class="token punctuation">;</span>
+    <span class="token property">transition</span><span class="token punctuation">:</span> padding .2s<span class="token punctuation">,</span> color .2s<span class="token punctuation">,</span> box-shadow .2s<span class="token punctuation">,</span> background-color .2s<span class="token punctuation">;</span>
+<span class="token punctuation">&#125;</span>
+<span class="token selector">button.egprsbtn:hover</span> <span class="token punctuation">&#123;</span>
+    <span class="token property">background-color</span><span class="token punctuation">:</span> <span class="token function">var</span><span class="token punctuation">(</span>--egprs-hvbgc<span class="token punctuation">)</span><span class="token punctuation">;</span>
+<span class="token punctuation">&#125;</span>
+<span class="token selector">button.egprsbtn:active</span> <span class="token punctuation">&#123;</span>
+    <span class="token property">color</span><span class="token punctuation">:</span> <span class="token function">var</span><span class="token punctuation">(</span>--egprs-bgcolor<span class="token punctuation">)</span><span class="token punctuation">;</span>
+    <span class="token property">background-color</span><span class="token punctuation">:</span> <span class="token function">var</span><span class="token punctuation">(</span>--egprs-color<span class="token punctuation">)</span><span class="token punctuation">;</span>
+    <span class="token property">box-shadow</span><span class="token punctuation">:</span> inset 0 <span class="token function">var</span><span class="token punctuation">(</span>--egprs-btnhei<span class="token punctuation">)</span> 0 0 #444<span class="token punctuation">;</span>
+    <span class="token property">padding</span><span class="token punctuation">:</span> <span class="token function">calc</span><span class="token punctuation">(</span>15px + <span class="token function">var</span><span class="token punctuation">(</span>--egprs-btnhei<span class="token punctuation">)</span><span class="token punctuation">)</span> 15px 15px 15px<span class="token punctuation">;</span>
+<span class="token punctuation">&#125;</span></code></pre>
+
+<style>
+    button.egprsbtn {
+        --egprs-bgcolor: #fff;
+        --egprs-color: #555;
+        --egprs-hvbgc: #eee;
+        --egprs-btnhei: 4px;
+        cursor: pointer;
+        padding: 15px 15px calc(15px + var(--egprs-btnhei)) 15px;
+        border-radius: 8px;
+        border: 2px solid var(--egprs-color);
+        color: var(--egprs-color);
+        background-color: var(--egprs-bgcolor);
+        box-shadow: inset 0 calc(0px - var(--egprs-btnhei)) 0 0 var(--egprs-color);
+        transition: padding .2s, color .2s, box-shadow .2s, background-color .2s;
+    }
+    button.egprsbtn:hover {
+        background-color: var(--egprs-hvbgc);
+    }
+    button.egprsbtn:active {
+        color: var(--egprs-bgcolor);
+        background-color: var(--egprs-color);
+        box-shadow: inset 0 var(--egprs-btnhei) 0 0 #444;
+        padding: calc(15px + var(--egprs-btnhei)) 15px 15px 15px;
+    }
+</style>
+
+<p><button class="egprsbtn">按钮的样式</button></p>
+]]></content>
+      <categories>
+        <category>编程随记</category>
+      </categories>
+      <tags>
+        <tag>CSS</tag>
+      </tags>
+  </entry>
 </search>
diff --git a/posts/test-tag-pulgins/index.html b/tags/CSS/index.html
similarity index 50%
rename from posts/test-tag-pulgins/index.html
rename to tags/CSS/index.html
index 00433f5b..a06ab87f 100644
--- a/posts/test-tag-pulgins/index.html
+++ b/tags/CSS/index.html
@@ -19,38 +19,23 @@
 
 <script class="next-config" data-name="main" type="application/json">{"hostname":"joywonderful.github.io","root":"/","images":"/images","scheme":"Gemini","darkmode":false,"version":"8.19.2","exturl":false,"sidebar":{"position":"left","display":"post","padding":18,"offset":12},"copycode":{"enable":true,"style":"flat"},"fold":{"enable":false,"height":500},"bookmark":{"enable":false,"color":"#222","save":"auto"},"mediumzoom":false,"lazyload":false,"pangu":false,"comments":{"style":"tabs","active":null,"storage":true,"lazyload":false,"nav":null},"stickytabs":false,"motion":{"enable":false,"async":false,"transition":{"menu_item":"fadeInDown","post_block":"fadeIn","post_header":"fadeInDown","post_body":"fadeInDown","coll_header":"fadeInLeft","sidebar":"fadeInUp"}},"prism":false,"i18n":{"placeholder":"搜索...","empty":"没有找到任何搜索结果：${query}","hits_time":"找到 ${hits} 个搜索结果（用时 ${time} 毫秒）","hits":"找到 ${hits} 个搜索结果"},"path":"/search.xml","localsearch":{"enable":true,"trigger":"auto","top_n_per_article":1,"unescape":false,"preload":false}}</script><script src="/js/config.js"></script>
 
-    <meta name="description" content="Default HeaderWelcome to Hexo!">
-<meta property="og:type" content="article">
-<meta property="og:title" content="test-tag-pulgins">
-<meta property="og:url" content="https://joywonderful.github.io/posts/test-tag-pulgins/index.html">
+    <meta property="og:type" content="website">
+<meta property="og:title" content="JoyWonderful的小窝">
+<meta property="og:url" content="https://joywonderful.github.io/tags/CSS/index.html">
 <meta property="og:site_name" content="JoyWonderful的小窝">
-<meta property="og:description" content="Default HeaderWelcome to Hexo!">
 <meta property="og:locale" content="zh_CN">
-<meta property="og:image" content="https://joywonderful.github.io/pic/icon.png">
-<meta property="og:image" content="https://joywonderful.github.io/pic/icon.png">
-<meta property="og:image" content="https://joywonderful.github.io/pic/icon.png">
-<meta property="og:image" content="https://joywonderful.github.io/pic/icon.png">
-<meta property="og:image" content="https://joywonderful.github.io/pic/icon.png">
-<meta property="og:image" content="https://joywonderful.github.io/pic/icon.png">
-<meta property="og:image" content="https://joywonderful.github.io/pic/icon.png">
-<meta property="og:image" content="https://joywonderful.github.io/pic/icon.png">
-<meta property="og:image" content="https://joywonderful.github.io/pic/icon.png">
-<meta property="og:image" content="https://joywonderful.github.io/pic/icon.png">
-<meta property="article:published_time" content="2023-06-04T03:14:18.000Z">
-<meta property="article:modified_time" content="2023-12-23T03:56:51.791Z">
 <meta property="article:author" content="JoyWonderful">
 <meta name="twitter:card" content="summary">
-<meta name="twitter:image" content="https://joywonderful.github.io/pic/icon.png">
 
 
-<link rel="canonical" href="https://joywonderful.github.io/posts/test-tag-pulgins/">
+<link rel="canonical" href="https://joywonderful.github.io/tags/CSS/">
 
 
 
-<script class="next-config" data-name="page" type="application/json">{"sidebar":"","isHome":false,"isPost":true,"lang":"zh-CN","comments":true,"permalink":"https://joywonderful.github.io/posts/test-tag-pulgins/","path":"/posts/test-tag-pulgins/","title":"test-tag-pulgins"}</script>
+<script class="next-config" data-name="page" type="application/json">{"sidebar":"","isHome":false,"isPost":false,"lang":"zh-CN","comments":"","permalink":"","path":"tags/CSS/index.html","title":""}</script>
 
 <script class="next-config" data-name="calendar" type="application/json">""</script>
-<title>test-tag-pulgins | JoyWonderful的小窝</title><meta name="robots" content="noindex">
+<title>标签: CSS | JoyWonderful的小窝</title>
   
 
 
@@ -144,7 +129,7 @@
   
   <aside class="sidebar">
 
-    <div class="sidebar-inner sidebar-nav-active sidebar-toc-active">
+    <div class="sidebar-inner sidebar-overview-active">
       <ul class="sidebar-nav">
         <li class="sidebar-nav-toc">
           文章目录
@@ -157,7 +142,6 @@
       <div class="sidebar-panel-container">
         <!--noindex-->
         <div class="post-toc-wrap sidebar-panel">
-            <div class="post-toc animated"><ol class="nav"><li class="nav-item nav-level-4"><a class="nav-link" href="#Default-Header"><span class="nav-number">1.</span> <span class="nav-text">Default Header</span></a></li><li class="nav-item nav-level-4"><a class="nav-link" href="#Primary-Header"><span class="nav-number">2.</span> <span class="nav-text">Primary Header</span></a></li><li class="nav-item nav-level-4"><a class="nav-link" href="#Success-Header"><span class="nav-number">3.</span> <span class="nav-text">Success Header</span></a></li><li class="nav-item nav-level-4"><a class="nav-link" href="#Danger-Header"><span class="nav-number">4.</span> <span class="nav-text">Danger Header</span></a></li><li class="nav-item nav-level-4"><a class="nav-link" href="#No-icon-note"><span class="nav-number">5.</span> <span class="nav-text">No icon note</span></a></li></ol></div>
         </div>
         <!--/noindex-->
 
@@ -170,7 +154,7 @@
   <nav class="site-state">
       <div class="site-state-item site-state-posts">
         <a href="/archives/">
-          <span class="site-state-item-count">38</span>
+          <span class="site-state-item-count">39</span>
           <span class="site-state-item-name">日志</span>
         </a>
       </div>
@@ -181,7 +165,7 @@
       </div>
       <div class="site-state-item site-state-tags">
           <a href="/tags/">
-        <span class="site-state-item-count">19</span>
+        <span class="site-state-item-count">20</span>
         <span class="site-state-item-name">标签</span></a>
       </div>
   </nav>
@@ -206,134 +190,73 @@
 
     </div>
 
-    <div class="main-inner post posts-expand">
+    <div class="main-inner tag posts-collapse">
 
 
   
-
-
-<div class="post-block">
   
   
-
-  <article itemscope itemtype="http://schema.org/Article" class="post-content" lang="zh-CN">
-    <link itemprop="mainEntityOfPage" href="https://joywonderful.github.io/posts/test-tag-pulgins/">
-
-    <span hidden itemprop="author" itemscope itemtype="http://schema.org/Person">
-      <meta itemprop="image" content="/images/avatar.gif">
-      <meta itemprop="name" content="JoyWonderful">
-    </span>
-
-    <span hidden itemprop="publisher" itemscope itemtype="http://schema.org/Organization">
-      <meta itemprop="name" content="JoyWonderful的小窝">
-      <meta itemprop="description" content="">
-    </span>
-
-    <span hidden itemprop="post" itemscope itemtype="http://schema.org/CreativeWork">
-      <meta itemprop="name" content="test-tag-pulgins | JoyWonderful的小窝">
-      <meta itemprop="description" content="">
-    </span>
-      <header class="post-header">
-        <h1 class="post-title" itemprop="name headline">
-          test-tag-pulgins
+  <div class="post-block">
+    <div class="post-content">
+      <div class="collection-title">
+        <h1 class="collection-header">CSS
+          <small>标签</small>
         </h1>
+      </div>
 
-        <div class="post-meta-container">
-          <div class="post-meta">
-    <span class="post-meta-item">
-      <span class="post-meta-item-icon">
-        <i class="far fa-calendar"></i>
-      </span>
-      <span class="post-meta-item-text">发表于</span>
-
-      <time title="创建时间：2023-06-04 11:14:18" itemprop="dateCreated datePublished" datetime="2023-06-04T11:14:18+08:00">2023-06-04</time>
-    </span>
-    <span class="post-meta-item">
-      <span class="post-meta-item-icon">
-        <i class="far fa-calendar-check"></i>
-      </span>
-      <span class="post-meta-item-text">更新于</span>
-      <time title="修改时间：2023-12-23 11:56:51" itemprop="dateModified" datetime="2023-12-23T11:56:51+08:00">2023-12-23</time>
-    </span>
-
-  
-</div>
-
-        </div>
-      </header>
-
-    
-    
-    
-    <div class="post-body" itemprop="articleBody"><div class="note default"><h4 id="Default-Header"><a href="#Default-Header" class="headerlink" title="Default Header"></a>Default Header</h4><p>Welcome to <a target="_blank" rel="noopener" href="https://hexo.io/">Hexo!</a></p>
-</div>
-
-<span id="more"></span>
-
-<div class="note primary"><h4 id="Primary-Header"><a href="#Primary-Header" class="headerlink" title="Primary Header"></a>Primary Header</h4><p><strong>Welcome</strong> to <a target="_blank" rel="noopener" href="https://hexo.io/">Hexo!</a></p>
-</div>
-
-<div class="note success"><h4 id="Success-Header"><a href="#Success-Header" class="headerlink" title="Success Header"></a>Success Header</h4><p><strong>Welcome</strong> to <a target="_blank" rel="noopener" href="https://hexo.io/">Hexo!</a></p>
-</div>
-
-<div class="note danger"><h4 id="Danger-Header"><a href="#Danger-Header" class="headerlink" title="Danger Header"></a>Danger Header</h4><p><strong>Welcome</strong> to <a target="_blank" rel="noopener" href="https://hexo.io/">Hexo!</a></p>
-<div class="note info no-icon"><h4 id="No-icon-note"><a href="#No-icon-note" class="headerlink" title="No icon note"></a>No icon note</h4><p>Note <strong>without</strong> icon: <code>note info no-icon</code></p>
-</div></div>
-
-<div class="note info"><p>test</p>
-</div>
-
-<details>
-    <summary>title</summary>
-    <p>https://joywonderful.github.io/</p>
-</details>
-<details open>
-    <summary>default open</summary>
-    <p>https://joywonderful.github.io/</p>
-</details>
-
-<pre class="mermaid">
-pie
-&quot;test1&quot; : 386
-&quot;test2&quot; : 85
-&quot;test3&quot; : 15
-</pre>
-
-<p>Lorem <mark class="label ">ipsum</mark> <mark class="label primary">dolor sit</mark> amet, consectetur <mark class="label success">adipiscing elit,</mark> sed <mark class="label info">do eiusmod</mark> tempor incididunt ut labore et dolore magna aliqua.</p>
-<p>Ut enim <em><mark class="label warning">ad</mark></em> minim veniam, quis <strong><mark class="label danger">nostrud</mark></strong> exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
-<p>Duis aute irure dolor in reprehenderit in voluptate <del><mark class="label default">velit</mark></del> <mark>esse</mark> cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
-<pre class="mermaid">
-sequenceDiagram
-Alice-&gt;&gt;John: Hello John, how are you?
-loop Healthcheck
-    John-&gt;&gt;John: Fight against hypochondria
-end
-Note right of John: Rational thoughts!
-John--&gt;&gt;Alice: Great!
-John-&gt;&gt;Bob: How about you?
-Bob--&gt;&gt;John: Jolly good!
-</pre>
-
-
-<div class="group-picture"><div class="group-picture-row"><div class="group-picture-column"><img src="/pic/icon.png"></div><div class="group-picture-column"><img src="/pic/icon.png"></div><div class="group-picture-column"><img src="/pic/icon.png"></div></div><div class="group-picture-row"><div class="group-picture-column"><img src="/pic/icon.png"></div><div class="group-picture-column"><img src="/pic/icon.png"></div><div class="group-picture-column"><img src="/pic/icon.png"></div></div><div class="group-picture-row"><div class="group-picture-column"><img src="/pic/icon.png"></div><div class="group-picture-column"><img src="/pic/icon.png"></div></div><div class="group-picture-row"><div class="group-picture-column"><img src="/pic/icon.png"></div><div class="group-picture-column"><img src="/pic/icon.png"></div></div></div><!-- flag of hidden posts -->
+      
+    <div class="collection-year">
+      <span class="collection-header">2024</span>
     </div>
 
-    
-    
-    
-
-    <footer class="post-footer">
+  <article itemscope itemtype="http://schema.org/Article">
+    <header class="post-header">
+      <div class="post-meta-container">
+        <time itemprop="dateCreated"
+              datetime="2024-03-17T09:13:44+08:00"
+              content="2024-03-17">
+          03-17
+        </time>
+      </div>
 
-        
+      <div class="post-title">
+        <a class="post-title-link" href="/posts/trast-styl/" itemprop="url">
+          <span itemprop="name">样式过渡动画</span>
+        </a>
+      </div>
 
-    </footer>
+      
+    </header>
   </article>
-</div>
-
+    <div class="collection-year">
+      <span class="collection-header">2023</span>
+    </div>
 
+  <article itemscope itemtype="http://schema.org/Article">
+    <header class="post-header">
+      <div class="post-meta-container">
+        <time itemprop="dateCreated"
+              datetime="2023-11-12T11:45:14+08:00"
+              content="2023-11-12">
+          11-12
+        </time>
+      </div>
 
+      <div class="post-title">
+        <a class="post-title-link" href="/posts/hover-show/" itemprop="url">
+          <span itemprop="name">CSS 鼠标悬浮窗口效果</span>
+        </a>
+      </div>
 
+      
+    </header>
+  </article>
 
+    </div>
+  </div>
+  
+  
+  
 
 </div>
   </main>
diff --git a/tags/Git/index.html b/tags/Git/index.html
index 5a5173b4..297a6166 100644
--- a/tags/Git/index.html
+++ b/tags/Git/index.html
@@ -154,7 +154,7 @@
   <nav class="site-state">
       <div class="site-state-item site-state-posts">
         <a href="/archives/">
-          <span class="site-state-item-count">38</span>
+          <span class="site-state-item-count">39</span>
           <span class="site-state-item-name">日志</span>
         </a>
       </div>
@@ -165,7 +165,7 @@
       </div>
       <div class="site-state-item site-state-tags">
           <a href="/tags/">
-        <span class="site-state-item-count">19</span>
+        <span class="site-state-item-count">20</span>
         <span class="site-state-item-name">标签</span></a>
       </div>
   </nav>
diff --git a/tags/HTML/index.html b/tags/HTML/index.html
index 924b2d94..ce2b5e74 100644
--- a/tags/HTML/index.html
+++ b/tags/HTML/index.html
@@ -154,7 +154,7 @@
   <nav class="site-state">
       <div class="site-state-item site-state-posts">
         <a href="/archives/">
-          <span class="site-state-item-count">38</span>
+          <span class="site-state-item-count">39</span>
           <span class="site-state-item-name">日志</span>
         </a>
       </div>
@@ -165,7 +165,7 @@
       </div>
       <div class="site-state-item site-state-tags">
           <a href="/tags/">
-        <span class="site-state-item-count">19</span>
+        <span class="site-state-item-count">20</span>
         <span class="site-state-item-name">标签</span></a>
       </div>
   </nav>
diff --git a/tags/JavaScript/index.html b/tags/JavaScript/index.html
index 07623a04..64ebb017 100644
--- a/tags/JavaScript/index.html
+++ b/tags/JavaScript/index.html
@@ -154,7 +154,7 @@
   <nav class="site-state">
       <div class="site-state-item site-state-posts">
         <a href="/archives/">
-          <span class="site-state-item-count">38</span>
+          <span class="site-state-item-count">39</span>
           <span class="site-state-item-name">日志</span>
         </a>
       </div>
@@ -165,7 +165,7 @@
       </div>
       <div class="site-state-item site-state-tags">
           <a href="/tags/">
-        <span class="site-state-item-count">19</span>
+        <span class="site-state-item-count">20</span>
         <span class="site-state-item-name">标签</span></a>
       </div>
   </nav>
diff --git a/tags/index.html b/tags/index.html
index 9f1388bd..af37ca20 100644
--- a/tags/index.html
+++ b/tags/index.html
@@ -157,7 +157,7 @@
   <nav class="site-state">
       <div class="site-state-item site-state-posts">
         <a href="/archives/">
-          <span class="site-state-item-count">38</span>
+          <span class="site-state-item-count">39</span>
           <span class="site-state-item-name">日志</span>
         </a>
       </div>
@@ -168,7 +168,7 @@
       </div>
       <div class="site-state-item site-state-tags">
           <a href="/tags/">
-        <span class="site-state-item-count">19</span>
+        <span class="site-state-item-count">20</span>
         <span class="site-state-item-name">标签</span></a>
       </div>
   </nav>
@@ -213,10 +213,10 @@ <h1 class="post-title" itemprop="name headline">标签
       
       <div class="post-body"><div class="tag-cloud">
   <div class="tag-cloud-title">
-    目前共计 19 个标签
+    目前共计 20 个标签
   </div>
   <div class="tag-cloud-tags">
-    <a href="/tags/Git/" style="font-size: 12px;" class="tag-cloud-0">Git</a> <a href="/tags/HTML/" style="font-size: 22.8px;" class="tag-cloud-6">HTML</a> <a href="/tags/JavaScript/" style="font-size: 22.8px;" class="tag-cloud-6">JavaScript</a> <a href="/tags/%E4%BC%98%E5%8C%96/" style="font-size: 22.8px;" class="tag-cloud-6">优化</a> <a href="/tags/%E4%BD%9C%E6%96%87/" style="font-size: 15.6px;" class="tag-cloud-2">作文</a> <a href="/tags/%E5%87%BD%E6%95%B0%EF%BC%8C%E5%8F%82%E6%95%B0/" style="font-size: 12px;" class="tag-cloud-0">函数，参数</a> <a href="/tags/%E5%89%8D%E7%BC%80%E5%92%8C%EF%BC%8C%E5%B7%AE%E5%88%86/" style="font-size: 15.6px;" class="tag-cloud-2">前缀和，差分</a> <a href="/tags/%E5%9F%BA%E7%A1%80%E7%AE%97%E6%B3%95/" style="font-size: 30px;" class="tag-cloud-10">基础算法</a> <a href="/tags/%E6%8C%87%E9%92%88/" style="font-size: 12px;" class="tag-cloud-0">指针</a> <a href="/tags/%E6%8E%92%E5%BA%8F/" style="font-size: 12px;" class="tag-cloud-0">排序</a> <a href="/tags/%E6%90%9C%E7%B4%A2/" style="font-size: 19.2px;" class="tag-cloud-4">搜索</a> <a href="/tags/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84/" style="font-size: 22.8px;" class="tag-cloud-6">数据结构</a> <a href="/tags/%E6%95%B0%E8%AE%BA/" style="font-size: 12px;" class="tag-cloud-0">数论</a> <a href="/tags/%E6%A0%91/" style="font-size: 19.2px;" class="tag-cloud-4">树</a> <a href="/tags/%E7%BC%96%E8%AF%91/" style="font-size: 12px;" class="tag-cloud-0">编译</a> <a href="/tags/%E8%A7%A3%E9%A2%98%E6%80%9D%E6%83%B3/" style="font-size: 12px;" class="tag-cloud-0">解题思想</a> <a href="/tags/%E8%AF%AD%E8%A8%80%E5%85%A5%E9%97%A8/" style="font-size: 26.4px;" class="tag-cloud-8">语言入门</a> <a href="/tags/%E9%80%92%E5%BD%92/" style="font-size: 15.6px;" class="tag-cloud-2">递归</a> <a href="/tags/%E9%98%9F%E5%88%97/" style="font-size: 15.6px;" class="tag-cloud-2">队列</a>
+    <a href="/tags/CSS/" style="font-size: 15.6px;" class="tag-cloud-2">CSS</a> <a href="/tags/Git/" style="font-size: 12px;" class="tag-cloud-0">Git</a> <a href="/tags/HTML/" style="font-size: 22.8px;" class="tag-cloud-6">HTML</a> <a href="/tags/JavaScript/" style="font-size: 22.8px;" class="tag-cloud-6">JavaScript</a> <a href="/tags/%E4%BC%98%E5%8C%96/" style="font-size: 22.8px;" class="tag-cloud-6">优化</a> <a href="/tags/%E4%BD%9C%E6%96%87/" style="font-size: 15.6px;" class="tag-cloud-2">作文</a> <a href="/tags/%E5%87%BD%E6%95%B0%EF%BC%8C%E5%8F%82%E6%95%B0/" style="font-size: 12px;" class="tag-cloud-0">函数，参数</a> <a href="/tags/%E5%89%8D%E7%BC%80%E5%92%8C%EF%BC%8C%E5%B7%AE%E5%88%86/" style="font-size: 15.6px;" class="tag-cloud-2">前缀和，差分</a> <a href="/tags/%E5%9F%BA%E7%A1%80%E7%AE%97%E6%B3%95/" style="font-size: 30px;" class="tag-cloud-10">基础算法</a> <a href="/tags/%E6%8C%87%E9%92%88/" style="font-size: 12px;" class="tag-cloud-0">指针</a> <a href="/tags/%E6%8E%92%E5%BA%8F/" style="font-size: 12px;" class="tag-cloud-0">排序</a> <a href="/tags/%E6%90%9C%E7%B4%A2/" style="font-size: 19.2px;" class="tag-cloud-4">搜索</a> <a href="/tags/%E6%95%B0%E6%8D%AE%E7%BB%93%E6%9E%84/" style="font-size: 22.8px;" class="tag-cloud-6">数据结构</a> <a href="/tags/%E6%95%B0%E8%AE%BA/" style="font-size: 12px;" class="tag-cloud-0">数论</a> <a href="/tags/%E6%A0%91/" style="font-size: 19.2px;" class="tag-cloud-4">树</a> <a href="/tags/%E7%BC%96%E8%AF%91/" style="font-size: 12px;" class="tag-cloud-0">编译</a> <a href="/tags/%E8%A7%A3%E9%A2%98%E6%80%9D%E6%83%B3/" style="font-size: 12px;" class="tag-cloud-0">解题思想</a> <a href="/tags/%E8%AF%AD%E8%A8%80%E5%85%A5%E9%97%A8/" style="font-size: 26.4px;" class="tag-cloud-8">语言入门</a> <a href="/tags/%E9%80%92%E5%BD%92/" style="font-size: 15.6px;" class="tag-cloud-2">递归</a> <a href="/tags/%E9%98%9F%E5%88%97/" style="font-size: 15.6px;" class="tag-cloud-2">队列</a>
   </div>
 </div>
 
diff --git "a/tags/\344\274\230\345\214\226/index.html" "b/tags/\344\274\230\345\214\226/index.html"
index c7a697aa..e6003030 100644
--- "a/tags/\344\274\230\345\214\226/index.html"
+++ "b/tags/\344\274\230\345\214\226/index.html"
@@ -154,7 +154,7 @@
   <nav class="site-state">
       <div class="site-state-item site-state-posts">
         <a href="/archives/">
-          <span class="site-state-item-count">38</span>
+          <span class="site-state-item-count">39</span>
           <span class="site-state-item-name">日志</span>
         </a>
       </div>
@@ -165,7 +165,7 @@
       </div>
       <div class="site-state-item site-state-tags">
           <a href="/tags/">
-        <span class="site-state-item-count">19</span>
+        <span class="site-state-item-count">20</span>
         <span class="site-state-item-name">标签</span></a>
       </div>
   </nav>
diff --git "a/tags/\344\275\234\346\226\207/index.html" "b/tags/\344\275\234\346\226\207/index.html"
index 802fcff7..64a73185 100644
--- "a/tags/\344\275\234\346\226\207/index.html"
+++ "b/tags/\344\275\234\346\226\207/index.html"
@@ -154,7 +154,7 @@
   <nav class="site-state">
       <div class="site-state-item site-state-posts">
         <a href="/archives/">
-          <span class="site-state-item-count">38</span>
+          <span class="site-state-item-count">39</span>
           <span class="site-state-item-name">日志</span>
         </a>
       </div>
@@ -165,7 +165,7 @@
       </div>
       <div class="site-state-item site-state-tags">
           <a href="/tags/">
-        <span class="site-state-item-count">19</span>
+        <span class="site-state-item-count">20</span>
         <span class="site-state-item-name">标签</span></a>
       </div>
   </nav>
diff --git "a/tags/\345\207\275\346\225\260\357\274\214\345\217\202\346\225\260/index.html" "b/tags/\345\207\275\346\225\260\357\274\214\345\217\202\346\225\260/index.html"
index c421ff8d..f2ab9d25 100644
--- "a/tags/\345\207\275\346\225\260\357\274\214\345\217\202\346\225\260/index.html"
+++ "b/tags/\345\207\275\346\225\260\357\274\214\345\217\202\346\225\260/index.html"
@@ -154,7 +154,7 @@
   <nav class="site-state">
       <div class="site-state-item site-state-posts">
         <a href="/archives/">
-          <span class="site-state-item-count">38</span>
+          <span class="site-state-item-count">39</span>
           <span class="site-state-item-name">日志</span>
         </a>
       </div>
@@ -165,7 +165,7 @@
       </div>
       <div class="site-state-item site-state-tags">
           <a href="/tags/">
-        <span class="site-state-item-count">19</span>
+        <span class="site-state-item-count">20</span>
         <span class="site-state-item-name">标签</span></a>
       </div>
   </nav>
diff --git "a/tags/\345\211\215\347\274\200\345\222\214\357\274\214\345\267\256\345\210\206/index.html" "b/tags/\345\211\215\347\274\200\345\222\214\357\274\214\345\267\256\345\210\206/index.html"
index 52e6acb8..b4c575bf 100644
--- "a/tags/\345\211\215\347\274\200\345\222\214\357\274\214\345\267\256\345\210\206/index.html"
+++ "b/tags/\345\211\215\347\274\200\345\222\214\357\274\214\345\267\256\345\210\206/index.html"
@@ -154,7 +154,7 @@
   <nav class="site-state">
       <div class="site-state-item site-state-posts">
         <a href="/archives/">
-          <span class="site-state-item-count">38</span>
+          <span class="site-state-item-count">39</span>
           <span class="site-state-item-name">日志</span>
         </a>
       </div>
@@ -165,7 +165,7 @@
       </div>
       <div class="site-state-item site-state-tags">
           <a href="/tags/">
-        <span class="site-state-item-count">19</span>
+        <span class="site-state-item-count">20</span>
         <span class="site-state-item-name">标签</span></a>
       </div>
   </nav>
diff --git "a/tags/\345\237\272\347\241\200\347\256\227\346\263\225/index.html" "b/tags/\345\237\272\347\241\200\347\256\227\346\263\225/index.html"
index b8f264b5..ed7ad58a 100644
--- "a/tags/\345\237\272\347\241\200\347\256\227\346\263\225/index.html"
+++ "b/tags/\345\237\272\347\241\200\347\256\227\346\263\225/index.html"
@@ -154,7 +154,7 @@
   <nav class="site-state">
       <div class="site-state-item site-state-posts">
         <a href="/archives/">
-          <span class="site-state-item-count">38</span>
+          <span class="site-state-item-count">39</span>
           <span class="site-state-item-name">日志</span>
         </a>
       </div>
@@ -165,7 +165,7 @@
       </div>
       <div class="site-state-item site-state-tags">
           <a href="/tags/">
-        <span class="site-state-item-count">19</span>
+        <span class="site-state-item-count">20</span>
         <span class="site-state-item-name">标签</span></a>
       </div>
   </nav>
diff --git "a/tags/\345\237\272\347\241\200\347\256\227\346\263\225/page/2/index.html" "b/tags/\345\237\272\347\241\200\347\256\227\346\263\225/page/2/index.html"
index 4aae7b9b..877aefaf 100644
--- "a/tags/\345\237\272\347\241\200\347\256\227\346\263\225/page/2/index.html"
+++ "b/tags/\345\237\272\347\241\200\347\256\227\346\263\225/page/2/index.html"
@@ -154,7 +154,7 @@
   <nav class="site-state">
       <div class="site-state-item site-state-posts">
         <a href="/archives/">
-          <span class="site-state-item-count">38</span>
+          <span class="site-state-item-count">39</span>
           <span class="site-state-item-name">日志</span>
         </a>
       </div>
@@ -165,7 +165,7 @@
       </div>
       <div class="site-state-item site-state-tags">
           <a href="/tags/">
-        <span class="site-state-item-count">19</span>
+        <span class="site-state-item-count">20</span>
         <span class="site-state-item-name">标签</span></a>
       </div>
   </nav>
diff --git "a/tags/\346\214\207\351\222\210/index.html" "b/tags/\346\214\207\351\222\210/index.html"
index 14853001..3ca2b1e2 100644
--- "a/tags/\346\214\207\351\222\210/index.html"
+++ "b/tags/\346\214\207\351\222\210/index.html"
@@ -154,7 +154,7 @@
   <nav class="site-state">
       <div class="site-state-item site-state-posts">
         <a href="/archives/">
-          <span class="site-state-item-count">38</span>
+          <span class="site-state-item-count">39</span>
           <span class="site-state-item-name">日志</span>
         </a>
       </div>
@@ -165,7 +165,7 @@
       </div>
       <div class="site-state-item site-state-tags">
           <a href="/tags/">
-        <span class="site-state-item-count">19</span>
+        <span class="site-state-item-count">20</span>
         <span class="site-state-item-name">标签</span></a>
       </div>
   </nav>
diff --git "a/tags/\346\216\222\345\272\217/index.html" "b/tags/\346\216\222\345\272\217/index.html"
index d4e79536..f2978d7a 100644
--- "a/tags/\346\216\222\345\272\217/index.html"
+++ "b/tags/\346\216\222\345\272\217/index.html"
@@ -154,7 +154,7 @@
   <nav class="site-state">
       <div class="site-state-item site-state-posts">
         <a href="/archives/">
-          <span class="site-state-item-count">38</span>
+          <span class="site-state-item-count">39</span>
           <span class="site-state-item-name">日志</span>
         </a>
       </div>
@@ -165,7 +165,7 @@
       </div>
       <div class="site-state-item site-state-tags">
           <a href="/tags/">
-        <span class="site-state-item-count">19</span>
+        <span class="site-state-item-count">20</span>
         <span class="site-state-item-name">标签</span></a>
       </div>
   </nav>
diff --git "a/tags/\346\220\234\347\264\242/index.html" "b/tags/\346\220\234\347\264\242/index.html"
index 5c8c3046..da90680d 100644
--- "a/tags/\346\220\234\347\264\242/index.html"
+++ "b/tags/\346\220\234\347\264\242/index.html"
@@ -154,7 +154,7 @@
   <nav class="site-state">
       <div class="site-state-item site-state-posts">
         <a href="/archives/">
-          <span class="site-state-item-count">38</span>
+          <span class="site-state-item-count">39</span>
           <span class="site-state-item-name">日志</span>
         </a>
       </div>
@@ -165,7 +165,7 @@
       </div>
       <div class="site-state-item site-state-tags">
           <a href="/tags/">
-        <span class="site-state-item-count">19</span>
+        <span class="site-state-item-count">20</span>
         <span class="site-state-item-name">标签</span></a>
       </div>
   </nav>
diff --git "a/tags/\346\225\260\346\215\256\347\273\223\346\236\204/index.html" "b/tags/\346\225\260\346\215\256\347\273\223\346\236\204/index.html"
index d7ea1cc4..ccb37a00 100644
--- "a/tags/\346\225\260\346\215\256\347\273\223\346\236\204/index.html"
+++ "b/tags/\346\225\260\346\215\256\347\273\223\346\236\204/index.html"
@@ -154,7 +154,7 @@
   <nav class="site-state">
       <div class="site-state-item site-state-posts">
         <a href="/archives/">
-          <span class="site-state-item-count">38</span>
+          <span class="site-state-item-count">39</span>
           <span class="site-state-item-name">日志</span>
         </a>
       </div>
@@ -165,7 +165,7 @@
       </div>
       <div class="site-state-item site-state-tags">
           <a href="/tags/">
-        <span class="site-state-item-count">19</span>
+        <span class="site-state-item-count">20</span>
         <span class="site-state-item-name">标签</span></a>
       </div>
   </nav>
diff --git "a/tags/\346\225\260\350\256\272/index.html" "b/tags/\346\225\260\350\256\272/index.html"
index 1224b877..cc31c476 100644
--- "a/tags/\346\225\260\350\256\272/index.html"
+++ "b/tags/\346\225\260\350\256\272/index.html"
@@ -154,7 +154,7 @@
   <nav class="site-state">
       <div class="site-state-item site-state-posts">
         <a href="/archives/">
-          <span class="site-state-item-count">38</span>
+          <span class="site-state-item-count">39</span>
           <span class="site-state-item-name">日志</span>
         </a>
       </div>
@@ -165,7 +165,7 @@
       </div>
       <div class="site-state-item site-state-tags">
           <a href="/tags/">
-        <span class="site-state-item-count">19</span>
+        <span class="site-state-item-count">20</span>
         <span class="site-state-item-name">标签</span></a>
       </div>
   </nav>
diff --git "a/tags/\346\240\221/index.html" "b/tags/\346\240\221/index.html"
index 0b38ea26..9d57f9cb 100644
--- "a/tags/\346\240\221/index.html"
+++ "b/tags/\346\240\221/index.html"
@@ -154,7 +154,7 @@
   <nav class="site-state">
       <div class="site-state-item site-state-posts">
         <a href="/archives/">
-          <span class="site-state-item-count">38</span>
+          <span class="site-state-item-count">39</span>
           <span class="site-state-item-name">日志</span>
         </a>
       </div>
@@ -165,7 +165,7 @@
       </div>
       <div class="site-state-item site-state-tags">
           <a href="/tags/">
-        <span class="site-state-item-count">19</span>
+        <span class="site-state-item-count">20</span>
         <span class="site-state-item-name">标签</span></a>
       </div>
   </nav>
diff --git "a/tags/\347\274\226\350\257\221/index.html" "b/tags/\347\274\226\350\257\221/index.html"
index 7c52286b..4f4549a8 100644
--- "a/tags/\347\274\226\350\257\221/index.html"
+++ "b/tags/\347\274\226\350\257\221/index.html"
@@ -154,7 +154,7 @@
   <nav class="site-state">
       <div class="site-state-item site-state-posts">
         <a href="/archives/">
-          <span class="site-state-item-count">38</span>
+          <span class="site-state-item-count">39</span>
           <span class="site-state-item-name">日志</span>
         </a>
       </div>
@@ -165,7 +165,7 @@
       </div>
       <div class="site-state-item site-state-tags">
           <a href="/tags/">
-        <span class="site-state-item-count">19</span>
+        <span class="site-state-item-count">20</span>
         <span class="site-state-item-name">标签</span></a>
       </div>
   </nav>
diff --git "a/tags/\350\247\243\351\242\230\346\200\235\346\203\263/index.html" "b/tags/\350\247\243\351\242\230\346\200\235\346\203\263/index.html"
index 93535047..9cd8eb5b 100644
--- "a/tags/\350\247\243\351\242\230\346\200\235\346\203\263/index.html"
+++ "b/tags/\350\247\243\351\242\230\346\200\235\346\203\263/index.html"
@@ -154,7 +154,7 @@
   <nav class="site-state">
       <div class="site-state-item site-state-posts">
         <a href="/archives/">
-          <span class="site-state-item-count">38</span>
+          <span class="site-state-item-count">39</span>
           <span class="site-state-item-name">日志</span>
         </a>
       </div>
@@ -165,7 +165,7 @@
       </div>
       <div class="site-state-item site-state-tags">
           <a href="/tags/">
-        <span class="site-state-item-count">19</span>
+        <span class="site-state-item-count">20</span>
         <span class="site-state-item-name">标签</span></a>
       </div>
   </nav>
diff --git "a/tags/\350\257\255\350\250\200\345\205\245\351\227\250/index.html" "b/tags/\350\257\255\350\250\200\345\205\245\351\227\250/index.html"
index cf4b8632..326f178f 100644
--- "a/tags/\350\257\255\350\250\200\345\205\245\351\227\250/index.html"
+++ "b/tags/\350\257\255\350\250\200\345\205\245\351\227\250/index.html"
@@ -154,7 +154,7 @@
   <nav class="site-state">
       <div class="site-state-item site-state-posts">
         <a href="/archives/">
-          <span class="site-state-item-count">38</span>
+          <span class="site-state-item-count">39</span>
           <span class="site-state-item-name">日志</span>
         </a>
       </div>
@@ -165,7 +165,7 @@
       </div>
       <div class="site-state-item site-state-tags">
           <a href="/tags/">
-        <span class="site-state-item-count">19</span>
+        <span class="site-state-item-count">20</span>
         <span class="site-state-item-name">标签</span></a>
       </div>
   </nav>
diff --git "a/tags/\351\200\222\345\275\222/index.html" "b/tags/\351\200\222\345\275\222/index.html"
index 6a1d59df..f2deed75 100644
--- "a/tags/\351\200\222\345\275\222/index.html"
+++ "b/tags/\351\200\222\345\275\222/index.html"
@@ -154,7 +154,7 @@
   <nav class="site-state">
       <div class="site-state-item site-state-posts">
         <a href="/archives/">
-          <span class="site-state-item-count">38</span>
+          <span class="site-state-item-count">39</span>
           <span class="site-state-item-name">日志</span>
         </a>
       </div>
@@ -165,7 +165,7 @@
       </div>
       <div class="site-state-item site-state-tags">
           <a href="/tags/">
-        <span class="site-state-item-count">19</span>
+        <span class="site-state-item-count">20</span>
         <span class="site-state-item-name">标签</span></a>
       </div>
   </nav>
diff --git "a/tags/\351\230\237\345\210\227/index.html" "b/tags/\351\230\237\345\210\227/index.html"
index f457a53d..7b7dc713 100644
--- "a/tags/\351\230\237\345\210\227/index.html"
+++ "b/tags/\351\230\237\345\210\227/index.html"
@@ -154,7 +154,7 @@
   <nav class="site-state">
       <div class="site-state-item site-state-posts">
         <a href="/archives/">
-          <span class="site-state-item-count">38</span>
+          <span class="site-state-item-count">39</span>
           <span class="site-state-item-name">日志</span>
         </a>
       </div>
@@ -165,7 +165,7 @@
       </div>
       <div class="site-state-item site-state-tags">
           <a href="/tags/">
-        <span class="site-state-item-count">19</span>
+        <span class="site-state-item-count">20</span>
         <span class="site-state-item-name">标签</span></a>
       </div>
   </nav>